tails.js/index.css at main · foobar404/tails.js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
/* Default theme */
:root {
  --theme-primary: #3b82f6;
  --theme-secondary: #64748b;
  --theme-accent: #f59e0b;
  --theme-neutral: #6b7280;
  --theme-success: #10b981;
  --theme-warning: #f59e0b;
  --theme-error: #ef4444;
  --theme-info: #06b6d4;
  --theme-bg-primary: #ffffff;
  --theme-bg-secondary: #f8fafc;
  --theme-bg-accent: #f1f5f9;
  --theme-bg-muted: #f9fafb;
  --theme-text-primary: #0f172a;
  --theme-text-secondary: #475569;
  --theme-text-muted: #94a3b8;
  --theme-text-inverse: #ffffff;
  --theme-font-primary: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --theme-font-secondary: Georgia, "Times New Roman", serif;
  --theme-font-mono: "SF Mono", Monaco, Inconsolata, "Roboto Mono", Consolas, monospace;
}

/* Dark theme */
[data-theme="dark"] {
  --theme-primary: #60a5fa;
  --theme-secondary: #94a3b8;
  --theme-accent: #fbbf24;
  --theme-neutral: #9ca3af;
  --theme-success: #34d399;
  --theme-warning: #fbbf24;
  --theme-error: #f87171;
  --theme-info: #22d3ee;
  --theme-bg-primary: #111827;
  --theme-bg-secondary: #1f2937;
  --theme-bg-accent: #374151;
  --theme-bg-muted: #1f2937;
  --theme-text-primary: #f9fafb;
  --theme-text-secondary: #d1d5db;
  --theme-text-muted: #9ca3af;
  --theme-text-inverse: #111827;
}

/* Ocean theme */
[data-theme="ocean"] {
  --theme-primary: #0891b2;
  --theme-secondary: #0e7490;
  --theme-accent: #06b6d4;
  --theme-neutral: #6b7280;
  --theme-success: #10b981;
  --theme-warning: #f59e0b;
  --theme-error: #ef4444;
  --theme-info: #06b6d4;
  --theme-bg-primary: #f0fdfa;
  --theme-bg-secondary: #ecfeff;
  --theme-bg-accent: #cffafe;
  --theme-bg-muted: #f0fdfa;
  --theme-text-primary: #164e63;
  --theme-text-secondary: #0e7490;
  --theme-text-muted: #0891b2;
  --theme-text-inverse: #ffffff;
}

/* Nature theme */
[data-theme="nature"] {
  --theme-primary: #059669;
  --theme-secondary: #78716c;
  --theme-accent: #ca8a04;
  --theme-neutral: #6b7280;
  --theme-success: #16a34a;
  --theme-warning: #ea580c;
  --theme-error: #dc2626;
  --theme-info: #0891b2;
  --theme-bg-primary: #fefefe;
  --theme-bg-secondary: #f0fdf4;
  --theme-bg-accent: #ecfdf5;
  --theme-bg-muted: #f9fafb;
  --theme-text-primary: #14532d;
  --theme-text-secondary: #365314;
  --theme-text-muted: #84cc16;
  --theme-text-inverse: #ffffff;
}