|
7 | 7 |
|
8 | 8 | /* :root:not([data-theme='light']), */ |
9 | 9 | /* :root[data-theme='dark'] { */ |
10 | | - /* background colors */ |
11 | | - /* --bg: var(--bg-color, oklch(0.171 0 0)); */ |
12 | | - /* --bg-subtle: var(--bg-subtle-color, oklch(0.198 0 0)); */ |
13 | | - /* --bg-muted: var(--bg-muted-color, oklch(0.236 0 0)); */ |
14 | | - /* --bg-elevated: var(--bg-elevated-color, oklch(0.266 0 0)); */ |
15 | | - |
16 | | - /* text colors */ |
17 | | - /* --fg: oklch(0.982 0 0); */ |
18 | | - /* --fg-muted: oklch(0.749 0 0); */ |
19 | | - /* --fg-subtle: oklch(0.673 0 0); */ |
20 | | - |
21 | | - /* border, separator colors */ |
22 | | - /* --border: oklch(0.269 0 0); */ |
23 | | - /* --border-subtle: oklch(0.239 0 0); */ |
24 | | - /* --border-hover: oklch(0.371 0 0); */ |
25 | | - |
26 | | - /* accent color, set by user from settings */ |
27 | | - /* --accent: var(--accent-color, oklch(0.787 0.128 230.318)); */ |
28 | | - /* --accent-muted: var(--accent-color, oklch(0.922 0 0)); */ |
29 | | - |
30 | | - /* accent colors */ |
31 | | - /* --swatch-sky: oklch(0.787 0.128 230.318); */ |
32 | | - /* --swatch-coral: oklch(0.704 0.177 14.75); */ |
33 | | - /* --swatch-amber: oklch(0.828 0.165 84.429); */ |
34 | | - /* --swatch-emerald: oklch(0.792 0.153 166.95); */ |
35 | | - /* --swatch-violet: oklch(0.78 0.148 286.067); */ |
36 | | - /* --swatch-magenta: oklch(0.78 0.15 330); */ |
37 | | - /* --swatch-neutral: oklch(1 0 0); */ |
38 | | - |
39 | | - /* syntax highlighting colors */ |
40 | | - /* --syntax-fn: oklch(0.727 0.137 299.149); */ |
41 | | - /* --syntax-str: oklch(0.829 0.088 252.458); */ |
42 | | - /* --syntax-kw: oklch(0.721 0.162 15.494); */ |
43 | | - /* --syntax-comment: oklch(0.551 0.019 250.976); */ |
44 | | - |
45 | | - /* badge colors for background & text */ |
46 | | - /* --badge-orange: oklch(0.67 0.185 55); */ |
47 | | - /* --badge-yellow: oklch(0.588 0.183 91); */ |
48 | | - /* --badge-green: oklch(0.566 0.202 165); */ |
49 | | - /* --badge-cyan: oklch(0.571 0.181 210); */ |
50 | | - /* --badge-blue: oklch(0.579 0.191 252); */ |
51 | | - /* --badge-indigo: oklch(0.573 0.262 276.966); */ |
52 | | - /* --badge-purple: oklch(0.495 0.172 295); */ |
53 | | - /* --badge-pink: oklch(0.584 0.189 343); */ |
| 10 | +/* background colors */ |
| 11 | +/* --bg: var(--bg-color, oklch(0.171 0 0)); */ |
| 12 | +/* --bg-subtle: var(--bg-subtle-color, oklch(0.198 0 0)); */ |
| 13 | +/* --bg-muted: var(--bg-muted-color, oklch(0.236 0 0)); */ |
| 14 | +/* --bg-elevated: var(--bg-elevated-color, oklch(0.266 0 0)); */ |
| 15 | + |
| 16 | +/* text colors */ |
| 17 | +/* --fg: oklch(0.982 0 0); */ |
| 18 | +/* --fg-muted: oklch(0.749 0 0); */ |
| 19 | +/* --fg-subtle: oklch(0.673 0 0); */ |
| 20 | + |
| 21 | +/* border, separator colors */ |
| 22 | +/* --border: oklch(0.269 0 0); */ |
| 23 | +/* --border-subtle: oklch(0.239 0 0); */ |
| 24 | +/* --border-hover: oklch(0.371 0 0); */ |
| 25 | + |
| 26 | +/* accent color, set by user from settings */ |
| 27 | +/* --accent: var(--accent-color, oklch(0.787 0.128 230.318)); */ |
| 28 | +/* --accent-muted: var(--accent-color, oklch(0.922 0 0)); */ |
| 29 | + |
| 30 | +/* accent colors */ |
| 31 | +/* --swatch-sky: oklch(0.787 0.128 230.318); */ |
| 32 | +/* --swatch-coral: oklch(0.704 0.177 14.75); */ |
| 33 | +/* --swatch-amber: oklch(0.828 0.165 84.429); */ |
| 34 | +/* --swatch-emerald: oklch(0.792 0.153 166.95); */ |
| 35 | +/* --swatch-violet: oklch(0.78 0.148 286.067); */ |
| 36 | +/* --swatch-magenta: oklch(0.78 0.15 330); */ |
| 37 | +/* --swatch-neutral: oklch(1 0 0); */ |
| 38 | + |
| 39 | +/* syntax highlighting colors */ |
| 40 | +/* --syntax-fn: oklch(0.727 0.137 299.149); */ |
| 41 | +/* --syntax-str: oklch(0.829 0.088 252.458); */ |
| 42 | +/* --syntax-kw: oklch(0.721 0.162 15.494); */ |
| 43 | +/* --syntax-comment: oklch(0.551 0.019 250.976); */ |
| 44 | + |
| 45 | +/* badge colors for background & text */ |
| 46 | +/* --badge-orange: oklch(0.67 0.185 55); */ |
| 47 | +/* --badge-yellow: oklch(0.588 0.183 91); */ |
| 48 | +/* --badge-green: oklch(0.566 0.202 165); */ |
| 49 | +/* --badge-cyan: oklch(0.571 0.181 210); */ |
| 50 | +/* --badge-blue: oklch(0.579 0.191 252); */ |
| 51 | +/* --badge-indigo: oklch(0.573 0.262 276.966); */ |
| 52 | +/* --badge-purple: oklch(0.495 0.172 295); */ |
| 53 | +/* --badge-pink: oklch(0.584 0.189 343); */ |
54 | 54 | /* } */ |
55 | 55 |
|
56 | 56 | /* :root[data-theme='dark'][data-bg-theme='slate'] { */ |
57 | | - /* --bg: oklch(0.151 0.018 264.695); */ |
58 | | - /* --bg-subtle: oklch(0.179 0.015 262.421); */ |
59 | | - /* --bg-muted: oklch(0.214 0.018 261.234); */ |
60 | | - /* --bg-elevated: oklch(0.259 0.021 260.031); */ |
| 57 | +/* --bg: oklch(0.151 0.018 264.695); */ |
| 58 | +/* --bg-subtle: oklch(0.179 0.015 262.421); */ |
| 59 | +/* --bg-muted: oklch(0.214 0.018 261.234); */ |
| 60 | +/* --bg-elevated: oklch(0.259 0.021 260.031); */ |
61 | 61 | /* } */ |
62 | 62 |
|
63 | 63 | /* :root[data-theme='dark'][data-bg-theme='zinc'] { */ |
64 | | - /* --bg: oklch(0.158 0.005 285.823); */ |
65 | | - /* --bg-subtle: oklch(0.188 0.005 285.894); */ |
66 | | - /* --bg-muted: oklch(0.219 0.005 285.929); */ |
67 | | - /* --bg-elevated: oklch(0.256 0.006 286.033); */ |
| 64 | +/* --bg: oklch(0.158 0.005 285.823); */ |
| 65 | +/* --bg-subtle: oklch(0.188 0.005 285.894); */ |
| 66 | +/* --bg-muted: oklch(0.219 0.005 285.929); */ |
| 67 | +/* --bg-elevated: oklch(0.256 0.006 286.033); */ |
68 | 68 | /* } */ |
69 | 69 |
|
70 | 70 | /* :root[data-theme='dark'][data-bg-theme='stone'] { */ |
71 | | - /* --bg: oklch(0.164 0.004 89.25); */ |
72 | | - /* --bg-subtle: oklch(0.198 0.008 89.321); */ |
73 | | - /* --bg-muted: oklch(0.228 0.015 89.386); */ |
74 | | - /* --bg-elevated: oklch(0.252 0.018 84.298); */ |
| 71 | +/* --bg: oklch(0.164 0.004 89.25); */ |
| 72 | +/* --bg-subtle: oklch(0.198 0.008 89.321); */ |
| 73 | +/* --bg-muted: oklch(0.228 0.015 89.386); */ |
| 74 | +/* --bg-elevated: oklch(0.252 0.018 84.298); */ |
75 | 75 | /* } */ |
76 | 76 |
|
77 | 77 | /* :root[data-theme='dark'][data-bg-theme='black'] { */ |
78 | | - /* --bg: oklch(0 0 0); */ |
79 | | - /* --bg-subtle: oklch(0.148 0 0); */ |
80 | | - /* --bg-muted: oklch(0.204 0 0); */ |
81 | | - /* --bg-elevated: oklch(0.264 0 0); */ |
| 78 | +/* --bg: oklch(0 0 0); */ |
| 79 | +/* --bg-subtle: oklch(0.148 0 0); */ |
| 80 | +/* --bg-muted: oklch(0.204 0 0); */ |
| 81 | +/* --bg-elevated: oklch(0.264 0 0); */ |
82 | 82 | /* } */ |
83 | 83 |
|
84 | 84 | /* :root[data-theme='light'] { */ |
|
154 | 154 |
|
155 | 155 | @media (prefers-contrast: more) { |
156 | 156 | /* :root[data-theme='dark'] { */ |
157 | | - /* text colors */ |
158 | | - /* --fg: oklch(1 0 0); */ |
159 | | - /* --fg-muted: oklch(0.769 0 0); */ |
160 | | - /* --fg-subtle: oklch(0.693 0 0); */ |
| 157 | + /* text colors */ |
| 158 | + /* --fg: oklch(1 0 0); */ |
| 159 | + /* --fg-muted: oklch(0.769 0 0); */ |
| 160 | + /* --fg-subtle: oklch(0.693 0 0); */ |
161 | 161 |
|
162 | | - /* border, separator colors */ |
163 | | - /* --border: oklch(0.769 0 0); */ |
164 | | - /* --border-subtle: oklch(0.739 0 0); */ |
165 | | - /* --border-hover: oklch(0.771 0 0); */ |
| 162 | + /* border, separator colors */ |
| 163 | + /* --border: oklch(0.769 0 0); */ |
| 164 | + /* --border-subtle: oklch(0.739 0 0); */ |
| 165 | + /* --border-hover: oklch(0.771 0 0); */ |
166 | 166 | /* } */ |
167 | 167 |
|
168 | 168 | /* :root[data-theme='light'] { */ |
|
0 commit comments