@wtasnorg/candi 0.0.22 → 0.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +83 -85
  3. package/dist/base.css +217 -73
  4. package/dist/colors.js +1759 -447
  5. package/dist/colors.json +1759 -447
  6. package/dist/colors.mjs +1759 -447
  7. package/dist/plugin.js +16 -0
  8. package/dist/plugin.mjs +16 -0
  9. package/dist/scandinavian.css +217 -73
  10. package/dist/v4/theme.css +513 -149
  11. package/package.json +16 -9
package/dist/v4/theme.css CHANGED
@@ -12,29 +12,15 @@
12
12
 
13
13
  @theme {
14
14
  /* @tokens-start-v4 */
15
- --color-candi-bg: oklch(98% 0.008 85);
16
- --color-candi-surface: oklch(95.5% 0.012 85);
15
+ --color-candi-bg: oklch(96% 0.012 85);
16
+ --color-candi-surface: oklch(93% 0.015 85);
17
17
  --color-candi-elevated: oklch(100% 0 0);
18
- --color-candi-text: oklch(28% 0.015 250);
19
- --color-candi-text-subtle: oklch(50% 0.01 250);
20
- --color-candi-text-muted: oklch(62% 0.008 250);
21
- --color-candi-border: oklch(90% 0.008 85);
22
- --color-candi-border-strong: oklch(82% 0.01 85);
23
- --color-candi-divider: oklch(88% 0.006 85);
24
- --color-candi-accent: oklch(52% 0.06 230);
25
- --color-candi-accent-subtle: oklch(85% 0.03 230);
26
- --color-candi-on-accent: oklch(100% 0 0);
27
- --color-candi-secondary: oklch(58% 0.12 55);
28
- --color-candi-secondary-subtle: oklch(88% 0.04 55);
29
- --color-candi-on-secondary: oklch(100% 0 0);
30
- --color-candi-success: oklch(52% 0.08 145);
31
- --color-candi-on-success: oklch(100% 0 0);
32
- --color-candi-warning: oklch(68% 0.13 70);
33
- --color-candi-on-warning: oklch(20% 0.02 70);
34
- --color-candi-error: oklch(58% 0.12 25);
35
- --color-candi-on-error: oklch(100% 0 0);
36
- --color-candi-info: oklch(55% 0.1 240);
37
- --color-candi-on-info: oklch(100% 0 0);
18
+ --color-candi-text: oklch(25% 0.02 250);
19
+ --color-candi-text-subtle: oklch(45% 0.015 250);
20
+ --color-candi-text-muted: oklch(60% 0.01 250);
21
+ --color-candi-border: oklch(88% 0.012 85);
22
+ --color-candi-border-strong: oklch(80% 0.015 85);
23
+ --color-candi-divider: oklch(85% 0.01 85);
38
24
  --color-candi-link: oklch(50% 0.08 230);
39
25
  --color-candi-disabled: oklch(75% 0.005 250);
40
26
  --color-candi-overlay: oklch(0% 0 0 / 0.5);
@@ -62,16 +48,102 @@
62
48
  --color-candi-terminal-magenta: oklch(60% 0.15 0);
63
49
  --color-candi-terminal-cyan: oklch(65% 0.1 200);
64
50
  --color-candi-terminal-white: oklch(92% 0.01 85);
65
-
66
- /* Terminal Palette */
67
- --color-candi-terminal-black: oklch(25% 0.01 250);
68
- --color-candi-terminal-red: var(--color-candi-error);
69
- --color-candi-terminal-green: var(--color-candi-success);
70
- --color-candi-terminal-yellow: var(--color-candi-warning);
71
- --color-candi-terminal-blue: var(--color-candi-accent);
72
- --color-candi-terminal-magenta: var(--color-candi-syntax-keyword);
73
- --color-candi-terminal-cyan: var(--color-candi-syntax-var);
74
- --color-candi-terminal-white: var(--color-candi-text);
51
+ --color-candi-red: oklch(55% 0.14 25);
52
+ --color-candi-red-subtle: oklch(88% 0.11 25);
53
+ --color-candi-red-soft: oklch(65% 0.13 25);
54
+ --color-candi-red-strong: oklch(45% 0.15 25);
55
+ --color-candi-red-outline: oklch(40% 0.13 25);
56
+ --color-candi-on-red: oklch(100% 0 0);
57
+ --color-candi-blue: oklch(50% 0.12 250);
58
+ --color-candi-blue-subtle: oklch(83% 0.10 250);
59
+ --color-candi-blue-soft: oklch(60% 0.11 250);
60
+ --color-candi-blue-strong: oklch(40% 0.13 250);
61
+ --color-candi-blue-outline: oklch(35% 0.11 250);
62
+ --color-candi-on-blue: oklch(100% 0 0);
63
+ --color-candi-green: oklch(55% 0.12 145);
64
+ --color-candi-green-subtle: oklch(88% 0.10 145);
65
+ --color-candi-green-soft: oklch(65% 0.11 145);
66
+ --color-candi-green-strong: oklch(45% 0.13 145);
67
+ --color-candi-green-outline: oklch(40% 0.11 145);
68
+ --color-candi-on-green: oklch(100% 0 0);
69
+ --color-candi-yellow: oklch(75% 0.14 90);
70
+ --color-candi-yellow-subtle: oklch(95% 0.11 90);
71
+ --color-candi-yellow-soft: oklch(82% 0.13 90);
72
+ --color-candi-yellow-strong: oklch(65% 0.15 90);
73
+ --color-candi-yellow-outline: oklch(60% 0.13 90);
74
+ --color-candi-on-yellow: oklch(0% 0 0);
75
+ --color-candi-magenta: oklch(55% 0.18 330);
76
+ --color-candi-magenta-subtle: oklch(88% 0.14 330);
77
+ --color-candi-magenta-soft: oklch(65% 0.16 330);
78
+ --color-candi-magenta-strong: oklch(45% 0.20 330);
79
+ --color-candi-magenta-outline: oklch(40% 0.16 330);
80
+ --color-candi-on-magenta: oklch(100% 0 0);
81
+ --color-candi-cyan: oklch(65% 0.10 200);
82
+ --color-candi-cyan-subtle: oklch(90% 0.08 200);
83
+ --color-candi-cyan-soft: oklch(72% 0.09 200);
84
+ --color-candi-cyan-strong: oklch(55% 0.11 200);
85
+ --color-candi-cyan-outline: oklch(50% 0.09 200);
86
+ --color-candi-on-cyan: oklch(0% 0 0);
87
+ --color-candi-teal: oklch(55% 0.10 175);
88
+ --color-candi-teal-subtle: oklch(88% 0.08 175);
89
+ --color-candi-teal-soft: oklch(65% 0.09 175);
90
+ --color-candi-teal-strong: oklch(45% 0.11 175);
91
+ --color-candi-teal-outline: oklch(40% 0.09 175);
92
+ --color-candi-on-teal: oklch(100% 0 0);
93
+ --color-candi-pink: oklch(70% 0.12 0);
94
+ --color-candi-pink-subtle: oklch(92% 0.10 0);
95
+ --color-candi-pink-soft: oklch(78% 0.11 0);
96
+ --color-candi-pink-strong: oklch(60% 0.13 0);
97
+ --color-candi-pink-outline: oklch(55% 0.11 0);
98
+ --color-candi-on-pink: oklch(0% 0 0);
99
+ --color-candi-gold: oklch(70% 0.12 70);
100
+ --color-candi-gold-subtle: oklch(92% 0.10 70);
101
+ --color-candi-gold-soft: oklch(78% 0.11 70);
102
+ --color-candi-gold-strong: oklch(60% 0.13 70);
103
+ --color-candi-gold-outline: oklch(55% 0.11 70);
104
+ --color-candi-on-gold: oklch(0% 0 0);
105
+ --color-candi-silver: oklch(75% 0.01 250);
106
+ --color-candi-silver-subtle: oklch(92% 0.008 250);
107
+ --color-candi-silver-soft: oklch(82% 0.009 250);
108
+ --color-candi-silver-strong: oklch(65% 0.012 250);
109
+ --color-candi-silver-outline: oklch(60% 0.009 250);
110
+ --color-candi-on-silver: oklch(0% 0 0);
111
+ --color-candi-accent: oklch(52% 0.14 275);
112
+ --color-candi-accent-subtle: oklch(85% 0.112 275);
113
+ --color-candi-accent-soft: oklch(62% 0.126 275);
114
+ --color-candi-accent-strong: oklch(42% 0.154 275);
115
+ --color-candi-accent-outline: oklch(37% 0.126 275);
116
+ --color-candi-on-accent: oklch(100% 0 0);
117
+ --color-candi-secondary: oklch(60% 0.10 15);
118
+ --color-candi-secondary-subtle: oklch(93% 0.08 15);
119
+ --color-candi-secondary-soft: oklch(70% 0.09 15);
120
+ --color-candi-secondary-strong: oklch(50% 0.11 15);
121
+ --color-candi-secondary-outline: oklch(45% 0.09 15);
122
+ --color-candi-on-secondary: oklch(0% 0 0);
123
+ --color-candi-success: oklch(50% 0.08 145);
124
+ --color-candi-success-subtle: oklch(83% 0.064 145);
125
+ --color-candi-success-soft: oklch(60% 0.072 145);
126
+ --color-candi-success-strong: oklch(40% 0.088 145);
127
+ --color-candi-success-outline: oklch(35% 0.072 145);
128
+ --color-candi-on-success: oklch(100% 0 0);
129
+ --color-candi-warning: oklch(60% 0.10 75);
130
+ --color-candi-warning-subtle: oklch(93% 0.08 75);
131
+ --color-candi-warning-soft: oklch(70% 0.09 75);
132
+ --color-candi-warning-strong: oklch(50% 0.11 75);
133
+ --color-candi-warning-outline: oklch(45% 0.09 75);
134
+ --color-candi-on-warning: oklch(0% 0 0);
135
+ --color-candi-error: oklch(50% 0.10 25);
136
+ --color-candi-error-subtle: oklch(83% 0.08 25);
137
+ --color-candi-error-soft: oklch(60% 0.09 25);
138
+ --color-candi-error-strong: oklch(40% 0.11 25);
139
+ --color-candi-error-outline: oklch(35% 0.09 25);
140
+ --color-candi-on-error: oklch(100% 0 0);
141
+ --color-candi-info: oklch(50% 0.08 225);
142
+ --color-candi-info-subtle: oklch(83% 0.064 225);
143
+ --color-candi-info-soft: oklch(60% 0.072 225);
144
+ --color-candi-info-strong: oklch(40% 0.088 225);
145
+ --color-candi-info-outline: oklch(35% 0.072 225);
146
+ --color-candi-on-info: oklch(100% 0 0);
75
147
  /* @tokens-end-v4 */
76
148
  }
77
149
 
@@ -81,29 +153,15 @@
81
153
  /* Backward compatibility and Theme Implementation */
82
154
  :root {
83
155
  /* @tokens-start-root */
84
- --candi-bg: oklch(98% 0.008 85);
85
- --candi-surface: oklch(95.5% 0.012 85);
156
+ --candi-bg: oklch(96% 0.012 85);
157
+ --candi-surface: oklch(93% 0.015 85);
86
158
  --candi-elevated: oklch(100% 0 0);
87
- --candi-text: oklch(28% 0.015 250);
88
- --candi-text-subtle: oklch(50% 0.01 250);
89
- --candi-text-muted: oklch(62% 0.008 250);
90
- --candi-border: oklch(90% 0.008 85);
91
- --candi-border-strong: oklch(82% 0.01 85);
92
- --candi-divider: oklch(88% 0.006 85);
93
- --candi-accent: oklch(52% 0.06 230);
94
- --candi-accent-subtle: oklch(85% 0.03 230);
95
- --candi-on-accent: oklch(100% 0 0);
96
- --candi-secondary: oklch(58% 0.12 55);
97
- --candi-secondary-subtle: oklch(88% 0.04 55);
98
- --candi-on-secondary: oklch(100% 0 0);
99
- --candi-success: oklch(52% 0.08 145);
100
- --candi-on-success: oklch(100% 0 0);
101
- --candi-warning: oklch(68% 0.13 70);
102
- --candi-on-warning: oklch(20% 0.02 70);
103
- --candi-error: oklch(58% 0.12 25);
104
- --candi-on-error: oklch(100% 0 0);
105
- --candi-info: oklch(55% 0.1 240);
106
- --candi-on-info: oklch(100% 0 0);
159
+ --candi-text: oklch(25% 0.02 250);
160
+ --candi-text-subtle: oklch(45% 0.015 250);
161
+ --candi-text-muted: oklch(60% 0.01 250);
162
+ --candi-border: oklch(88% 0.012 85);
163
+ --candi-border-strong: oklch(80% 0.015 85);
164
+ --candi-divider: oklch(85% 0.01 85);
107
165
  --candi-link: oklch(50% 0.08 230);
108
166
  --candi-disabled: oklch(75% 0.005 250);
109
167
  --candi-overlay: oklch(0% 0 0 / 0.5);
@@ -131,16 +189,102 @@
131
189
  --candi-terminal-magenta: oklch(60% 0.15 0);
132
190
  --candi-terminal-cyan: oklch(65% 0.1 200);
133
191
  --candi-terminal-white: oklch(92% 0.01 85);
134
-
135
- /* Terminal Palette */
136
- --candi-terminal-black: oklch(25% 0.01 250);
137
- --candi-terminal-red: var(--candi-error);
138
- --candi-terminal-green: var(--candi-success);
139
- --candi-terminal-yellow: var(--candi-warning);
140
- --candi-terminal-blue: var(--candi-accent);
141
- --candi-terminal-magenta: var(--candi-syntax-keyword);
142
- --candi-terminal-cyan: var(--candi-syntax-var);
143
- --candi-terminal-white: var(--candi-text);
192
+ --candi-red: oklch(55% 0.14 25);
193
+ --candi-red-subtle: oklch(88% 0.11 25);
194
+ --candi-red-soft: oklch(65% 0.13 25);
195
+ --candi-red-strong: oklch(45% 0.15 25);
196
+ --candi-red-outline: oklch(40% 0.13 25);
197
+ --candi-on-red: oklch(100% 0 0);
198
+ --candi-blue: oklch(50% 0.12 250);
199
+ --candi-blue-subtle: oklch(83% 0.10 250);
200
+ --candi-blue-soft: oklch(60% 0.11 250);
201
+ --candi-blue-strong: oklch(40% 0.13 250);
202
+ --candi-blue-outline: oklch(35% 0.11 250);
203
+ --candi-on-blue: oklch(100% 0 0);
204
+ --candi-green: oklch(55% 0.12 145);
205
+ --candi-green-subtle: oklch(88% 0.10 145);
206
+ --candi-green-soft: oklch(65% 0.11 145);
207
+ --candi-green-strong: oklch(45% 0.13 145);
208
+ --candi-green-outline: oklch(40% 0.11 145);
209
+ --candi-on-green: oklch(100% 0 0);
210
+ --candi-yellow: oklch(75% 0.14 90);
211
+ --candi-yellow-subtle: oklch(95% 0.11 90);
212
+ --candi-yellow-soft: oklch(82% 0.13 90);
213
+ --candi-yellow-strong: oklch(65% 0.15 90);
214
+ --candi-yellow-outline: oklch(60% 0.13 90);
215
+ --candi-on-yellow: oklch(0% 0 0);
216
+ --candi-magenta: oklch(55% 0.18 330);
217
+ --candi-magenta-subtle: oklch(88% 0.14 330);
218
+ --candi-magenta-soft: oklch(65% 0.16 330);
219
+ --candi-magenta-strong: oklch(45% 0.20 330);
220
+ --candi-magenta-outline: oklch(40% 0.16 330);
221
+ --candi-on-magenta: oklch(100% 0 0);
222
+ --candi-cyan: oklch(65% 0.10 200);
223
+ --candi-cyan-subtle: oklch(90% 0.08 200);
224
+ --candi-cyan-soft: oklch(72% 0.09 200);
225
+ --candi-cyan-strong: oklch(55% 0.11 200);
226
+ --candi-cyan-outline: oklch(50% 0.09 200);
227
+ --candi-on-cyan: oklch(0% 0 0);
228
+ --candi-teal: oklch(55% 0.10 175);
229
+ --candi-teal-subtle: oklch(88% 0.08 175);
230
+ --candi-teal-soft: oklch(65% 0.09 175);
231
+ --candi-teal-strong: oklch(45% 0.11 175);
232
+ --candi-teal-outline: oklch(40% 0.09 175);
233
+ --candi-on-teal: oklch(100% 0 0);
234
+ --candi-pink: oklch(70% 0.12 0);
235
+ --candi-pink-subtle: oklch(92% 0.10 0);
236
+ --candi-pink-soft: oklch(78% 0.11 0);
237
+ --candi-pink-strong: oklch(60% 0.13 0);
238
+ --candi-pink-outline: oklch(55% 0.11 0);
239
+ --candi-on-pink: oklch(0% 0 0);
240
+ --candi-gold: oklch(70% 0.12 70);
241
+ --candi-gold-subtle: oklch(92% 0.10 70);
242
+ --candi-gold-soft: oklch(78% 0.11 70);
243
+ --candi-gold-strong: oklch(60% 0.13 70);
244
+ --candi-gold-outline: oklch(55% 0.11 70);
245
+ --candi-on-gold: oklch(0% 0 0);
246
+ --candi-silver: oklch(75% 0.01 250);
247
+ --candi-silver-subtle: oklch(92% 0.008 250);
248
+ --candi-silver-soft: oklch(82% 0.009 250);
249
+ --candi-silver-strong: oklch(65% 0.012 250);
250
+ --candi-silver-outline: oklch(60% 0.009 250);
251
+ --candi-on-silver: oklch(0% 0 0);
252
+ --candi-accent: oklch(52% 0.14 275);
253
+ --candi-accent-subtle: oklch(85% 0.112 275);
254
+ --candi-accent-soft: oklch(62% 0.126 275);
255
+ --candi-accent-strong: oklch(42% 0.154 275);
256
+ --candi-accent-outline: oklch(37% 0.126 275);
257
+ --candi-on-accent: oklch(100% 0 0);
258
+ --candi-secondary: oklch(60% 0.10 15);
259
+ --candi-secondary-subtle: oklch(93% 0.08 15);
260
+ --candi-secondary-soft: oklch(70% 0.09 15);
261
+ --candi-secondary-strong: oklch(50% 0.11 15);
262
+ --candi-secondary-outline: oklch(45% 0.09 15);
263
+ --candi-on-secondary: oklch(0% 0 0);
264
+ --candi-success: oklch(50% 0.08 145);
265
+ --candi-success-subtle: oklch(83% 0.064 145);
266
+ --candi-success-soft: oklch(60% 0.072 145);
267
+ --candi-success-strong: oklch(40% 0.088 145);
268
+ --candi-success-outline: oklch(35% 0.072 145);
269
+ --candi-on-success: oklch(100% 0 0);
270
+ --candi-warning: oklch(60% 0.10 75);
271
+ --candi-warning-subtle: oklch(93% 0.08 75);
272
+ --candi-warning-soft: oklch(70% 0.09 75);
273
+ --candi-warning-strong: oklch(50% 0.11 75);
274
+ --candi-warning-outline: oklch(45% 0.09 75);
275
+ --candi-on-warning: oklch(0% 0 0);
276
+ --candi-error: oklch(50% 0.10 25);
277
+ --candi-error-subtle: oklch(83% 0.08 25);
278
+ --candi-error-soft: oklch(60% 0.09 25);
279
+ --candi-error-strong: oklch(40% 0.11 25);
280
+ --candi-error-outline: oklch(35% 0.09 25);
281
+ --candi-on-error: oklch(100% 0 0);
282
+ --candi-info: oklch(50% 0.08 225);
283
+ --candi-info-subtle: oklch(83% 0.064 225);
284
+ --candi-info-soft: oklch(60% 0.072 225);
285
+ --candi-info-strong: oklch(40% 0.088 225);
286
+ --candi-info-outline: oklch(35% 0.072 225);
287
+ --candi-on-info: oklch(100% 0 0);
144
288
  /* @tokens-end-root */
145
289
 
146
290
  /* Map Tailwind v4 variables to light mode defaults */
@@ -154,20 +298,6 @@
154
298
  --color-candi-border: var(--candi-border);
155
299
  --color-candi-border-strong: var(--candi-border-strong);
156
300
  --color-candi-divider: var(--candi-divider);
157
- --color-candi-accent: var(--candi-accent);
158
- --color-candi-accent-subtle: var(--candi-accent-subtle);
159
- --color-candi-on-accent: var(--candi-on-accent);
160
- --color-candi-secondary: var(--candi-secondary);
161
- --color-candi-secondary-subtle: var(--candi-secondary-subtle);
162
- --color-candi-on-secondary: var(--candi-on-secondary);
163
- --color-candi-success: var(--candi-success);
164
- --color-candi-on-success: var(--candi-on-success);
165
- --color-candi-warning: var(--candi-warning);
166
- --color-candi-on-warning: var(--candi-on-warning);
167
- --color-candi-error: var(--candi-error);
168
- --color-candi-on-error: var(--candi-on-error);
169
- --color-candi-info: var(--candi-info);
170
- --color-candi-on-info: var(--candi-on-info);
171
301
  --color-candi-link: var(--candi-link);
172
302
  --color-candi-disabled: var(--candi-disabled);
173
303
  --color-candi-overlay: var(--candi-overlay);
@@ -195,53 +325,127 @@
195
325
  --color-candi-terminal-magenta: var(--candi-terminal-magenta);
196
326
  --color-candi-terminal-cyan: var(--candi-terminal-cyan);
197
327
  --color-candi-terminal-white: var(--candi-terminal-white);
198
- --color-candi-terminal-black: var(--candi-terminal-black);
199
- --color-candi-terminal-red: var(--candi-terminal-red);
200
- --color-candi-terminal-green: var(--candi-terminal-green);
201
- --color-candi-terminal-yellow: var(--candi-terminal-yellow);
202
- --color-candi-terminal-blue: var(--candi-terminal-blue);
203
- --color-candi-terminal-magenta: var(--candi-terminal-magenta);
204
- --color-candi-terminal-cyan: var(--candi-terminal-cyan);
205
- --color-candi-terminal-white: var(--color-candi-text);
328
+ --color-candi-red: var(--candi-red);
329
+ --color-candi-red-subtle: var(--candi-red-subtle);
330
+ --color-candi-red-soft: var(--candi-red-soft);
331
+ --color-candi-red-strong: var(--candi-red-strong);
332
+ --color-candi-red-outline: var(--candi-red-outline);
333
+ --color-candi-on-red: var(--candi-on-red);
334
+ --color-candi-blue: var(--candi-blue);
335
+ --color-candi-blue-subtle: var(--candi-blue-subtle);
336
+ --color-candi-blue-soft: var(--candi-blue-soft);
337
+ --color-candi-blue-strong: var(--candi-blue-strong);
338
+ --color-candi-blue-outline: var(--candi-blue-outline);
339
+ --color-candi-on-blue: var(--candi-on-blue);
340
+ --color-candi-green: var(--candi-green);
341
+ --color-candi-green-subtle: var(--candi-green-subtle);
342
+ --color-candi-green-soft: var(--candi-green-soft);
343
+ --color-candi-green-strong: var(--candi-green-strong);
344
+ --color-candi-green-outline: var(--candi-green-outline);
345
+ --color-candi-on-green: var(--candi-on-green);
346
+ --color-candi-yellow: var(--candi-yellow);
347
+ --color-candi-yellow-subtle: var(--candi-yellow-subtle);
348
+ --color-candi-yellow-soft: var(--candi-yellow-soft);
349
+ --color-candi-yellow-strong: var(--candi-yellow-strong);
350
+ --color-candi-yellow-outline: var(--candi-yellow-outline);
351
+ --color-candi-on-yellow: var(--candi-on-yellow);
352
+ --color-candi-magenta: var(--candi-magenta);
353
+ --color-candi-magenta-subtle: var(--candi-magenta-subtle);
354
+ --color-candi-magenta-soft: var(--candi-magenta-soft);
355
+ --color-candi-magenta-strong: var(--candi-magenta-strong);
356
+ --color-candi-magenta-outline: var(--candi-magenta-outline);
357
+ --color-candi-on-magenta: var(--candi-on-magenta);
358
+ --color-candi-cyan: var(--candi-cyan);
359
+ --color-candi-cyan-subtle: var(--candi-cyan-subtle);
360
+ --color-candi-cyan-soft: var(--candi-cyan-soft);
361
+ --color-candi-cyan-strong: var(--candi-cyan-strong);
362
+ --color-candi-cyan-outline: var(--candi-cyan-outline);
363
+ --color-candi-on-cyan: var(--candi-on-cyan);
364
+ --color-candi-teal: var(--candi-teal);
365
+ --color-candi-teal-subtle: var(--candi-teal-subtle);
366
+ --color-candi-teal-soft: var(--candi-teal-soft);
367
+ --color-candi-teal-strong: var(--candi-teal-strong);
368
+ --color-candi-teal-outline: var(--candi-teal-outline);
369
+ --color-candi-on-teal: var(--candi-on-teal);
370
+ --color-candi-pink: var(--candi-pink);
371
+ --color-candi-pink-subtle: var(--candi-pink-subtle);
372
+ --color-candi-pink-soft: var(--candi-pink-soft);
373
+ --color-candi-pink-strong: var(--candi-pink-strong);
374
+ --color-candi-pink-outline: var(--candi-pink-outline);
375
+ --color-candi-on-pink: var(--candi-on-pink);
376
+ --color-candi-gold: var(--candi-gold);
377
+ --color-candi-gold-subtle: var(--candi-gold-subtle);
378
+ --color-candi-gold-soft: var(--candi-gold-soft);
379
+ --color-candi-gold-strong: var(--candi-gold-strong);
380
+ --color-candi-gold-outline: var(--candi-gold-outline);
381
+ --color-candi-on-gold: var(--candi-on-gold);
382
+ --color-candi-silver: var(--candi-silver);
383
+ --color-candi-silver-subtle: var(--candi-silver-subtle);
384
+ --color-candi-silver-soft: var(--candi-silver-soft);
385
+ --color-candi-silver-strong: var(--candi-silver-strong);
386
+ --color-candi-silver-outline: var(--candi-silver-outline);
387
+ --color-candi-on-silver: var(--candi-on-silver);
388
+ --color-candi-accent: var(--candi-accent);
389
+ --color-candi-accent-subtle: var(--candi-accent-subtle);
390
+ --color-candi-accent-soft: var(--candi-accent-soft);
391
+ --color-candi-accent-strong: var(--candi-accent-strong);
392
+ --color-candi-accent-outline: var(--candi-accent-outline);
393
+ --color-candi-on-accent: var(--candi-on-accent);
394
+ --color-candi-secondary: var(--candi-secondary);
395
+ --color-candi-secondary-subtle: var(--candi-secondary-subtle);
396
+ --color-candi-secondary-soft: var(--candi-secondary-soft);
397
+ --color-candi-secondary-strong: var(--candi-secondary-strong);
398
+ --color-candi-secondary-outline: var(--candi-secondary-outline);
399
+ --color-candi-on-secondary: var(--candi-on-secondary);
400
+ --color-candi-success: var(--candi-success);
401
+ --color-candi-success-subtle: var(--candi-success-subtle);
402
+ --color-candi-success-soft: var(--candi-success-soft);
403
+ --color-candi-success-strong: var(--candi-success-strong);
404
+ --color-candi-success-outline: var(--candi-success-outline);
405
+ --color-candi-on-success: var(--candi-on-success);
406
+ --color-candi-warning: var(--candi-warning);
407
+ --color-candi-warning-subtle: var(--candi-warning-subtle);
408
+ --color-candi-warning-soft: var(--candi-warning-soft);
409
+ --color-candi-warning-strong: var(--candi-warning-strong);
410
+ --color-candi-warning-outline: var(--candi-warning-outline);
411
+ --color-candi-on-warning: var(--candi-on-warning);
412
+ --color-candi-error: var(--candi-error);
413
+ --color-candi-error-subtle: var(--candi-error-subtle);
414
+ --color-candi-error-soft: var(--candi-error-soft);
415
+ --color-candi-error-strong: var(--candi-error-strong);
416
+ --color-candi-error-outline: var(--candi-error-outline);
417
+ --color-candi-on-error: var(--candi-on-error);
418
+ --color-candi-info: var(--candi-info);
419
+ --color-candi-info-subtle: var(--candi-info-subtle);
420
+ --color-candi-info-soft: var(--candi-info-soft);
421
+ --color-candi-info-strong: var(--candi-info-strong);
422
+ --color-candi-info-outline: var(--candi-info-outline);
423
+ --color-candi-on-info: var(--candi-on-info);
206
424
  /* @tokens-end-v4-map */
207
425
  }
208
426
 
209
427
  .dark {
210
428
  /* @tokens-start-dark-root */
211
- --candi-bg: oklch(18% 0.015 250);
212
- --candi-surface: oklch(22% 0.012 250);
213
- --candi-elevated: oklch(25% 0.015 250);
429
+ --candi-bg: oklch(18% 0.015 85);
430
+ --candi-surface: oklch(22% 0.012 85);
431
+ --candi-elevated: oklch(25% 0.015 85);
214
432
  --candi-text: oklch(92% 0.01 85);
215
433
  --candi-text-subtle: oklch(72% 0.008 85);
216
434
  --candi-text-muted: oklch(58% 0.006 85);
217
- --candi-border: oklch(30% 0.01 250);
218
- --candi-border-strong: oklch(40% 0.012 250);
219
- --candi-divider: oklch(28% 0.008 250);
220
- --candi-accent: oklch(62% 0.08 230);
221
- --candi-accent-subtle: oklch(35% 0.04 230);
222
- --candi-on-accent: oklch(15% 0.01 230);
223
- --candi-secondary: oklch(65% 0.12 55);
224
- --candi-secondary-subtle: oklch(30% 0.05 55);
225
- --candi-on-secondary: oklch(15% 0.02 55);
226
- --candi-success: oklch(60% 0.1 145);
227
- --candi-on-success: oklch(15% 0.02 145);
228
- --candi-warning: oklch(72% 0.13 70);
229
- --candi-on-warning: oklch(15% 0.02 70);
230
- --candi-error: oklch(65% 0.12 25);
231
- --candi-on-error: oklch(15% 0.02 25);
232
- --candi-info: oklch(65% 0.1 240);
233
- --candi-on-info: oklch(15% 0.02 240);
234
- --candi-link: oklch(60% 0.08 230);
235
- --candi-disabled: oklch(45% 0.005 250);
435
+ --candi-border: oklch(30% 0.01 85);
436
+ --candi-border-strong: oklch(40% 0.012 85);
437
+ --candi-divider: oklch(28% 0.008 85);
438
+ --candi-link: oklch(65% 0.08 85);
439
+ --candi-disabled: oklch(45% 0.005 85);
236
440
  --candi-overlay: oklch(0% 0 0 / 0.7);
237
441
  --candi-scrim: oklch(0% 0 0 / 0.6);
238
442
  --candi-inverse-surface: oklch(92% 0.008 85);
239
- --candi-inverse-text: oklch(25% 0.015 250);
443
+ --candi-inverse-text: oklch(25% 0.015 275);
240
444
  --candi-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
241
445
  --candi-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.35);
242
446
  --candi-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.45);
243
447
  --candi-shadow-color: oklch(0% 0 0 / 0.4);
244
- --candi-focus-ring: oklch(62% 0.08 230 / 0.5);
448
+ --candi-focus-ring: oklch(62% 0.08 275 / 0.5);
245
449
  --candi-syntax-keyword: oklch(70% 0.15 0);
246
450
  --candi-syntax-type: oklch(75% 0.12 280);
247
451
  --candi-syntax-var: oklch(75% 0.1 200);
@@ -250,24 +454,110 @@
250
454
  --candi-syntax-string: oklch(70% 0.12 140);
251
455
  --candi-hover: oklch(100% 0 0 / 0.1);
252
456
  --candi-active: oklch(100% 0 0 / 0.2);
253
- --candi-terminal-black: oklch(15% 0.01 250);
254
- --candi-terminal-red: oklch(65% 0.12 25);
255
- --candi-terminal-green: oklch(60% 0.1 145);
256
- --candi-terminal-yellow: oklch(72% 0.13 70);
257
- --candi-terminal-blue: oklch(62% 0.08 230);
258
- --candi-terminal-magenta: oklch(70% 0.15 0);
259
- --candi-terminal-cyan: oklch(75% 0.1 200);
457
+ --candi-terminal-black: oklch(15% 0.01 275);
458
+ --candi-terminal-red: oklch(65% 0.05 25);
459
+ --candi-terminal-green: oklch(65% 0.04 145);
460
+ --candi-terminal-yellow: oklch(75% 0.06 75);
461
+ --candi-terminal-blue: oklch(65% 0.13 275);
462
+ --candi-terminal-magenta: oklch(70% 0.10 15);
463
+ --candi-terminal-cyan: oklch(70% 0.04 225);
260
464
  --candi-terminal-white: oklch(92% 0.01 85);
261
-
262
- /* Terminal Palette */
263
- --candi-terminal-black: oklch(15% 0.01 250);
264
- --candi-terminal-red: var(--candi-error);
265
- --candi-terminal-green: var(--candi-success);
266
- --candi-terminal-yellow: var(--candi-warning);
267
- --candi-terminal-blue: var(--candi-accent);
268
- --candi-terminal-magenta: var(--candi-syntax-keyword);
269
- --candi-terminal-cyan: var(--candi-syntax-var);
270
- --candi-terminal-white: var(--candi-text);
465
+ --candi-red: oklch(70% 0.12 25);
466
+ --candi-red-subtle: oklch(40% 0.10 25);
467
+ --candi-red-soft: oklch(78% 0.11 25);
468
+ --candi-red-strong: oklch(60% 0.13 25);
469
+ --candi-red-outline: oklch(55% 0.11 25);
470
+ --candi-on-red: oklch(0% 0 0);
471
+ --candi-blue: oklch(70% 0.10 250);
472
+ --candi-blue-subtle: oklch(38% 0.08 250);
473
+ --candi-blue-soft: oklch(78% 0.09 250);
474
+ --candi-blue-strong: oklch(60% 0.11 250);
475
+ --candi-blue-outline: oklch(55% 0.09 250);
476
+ --candi-on-blue: oklch(0% 0 0);
477
+ --candi-green: oklch(70% 0.10 145);
478
+ --candi-green-subtle: oklch(40% 0.08 145);
479
+ --candi-green-soft: oklch(78% 0.09 145);
480
+ --candi-green-strong: oklch(60% 0.11 145);
481
+ --candi-green-outline: oklch(55% 0.09 145);
482
+ --candi-on-green: oklch(0% 0 0);
483
+ --candi-yellow: oklch(85% 0.12 90);
484
+ --candi-yellow-subtle: oklch(50% 0.10 90);
485
+ --candi-yellow-soft: oklch(90% 0.11 90);
486
+ --candi-yellow-strong: oklch(75% 0.13 90);
487
+ --candi-yellow-outline: oklch(70% 0.11 90);
488
+ --candi-on-yellow: oklch(0% 0 0);
489
+ --candi-magenta: oklch(70% 0.15 330);
490
+ --candi-magenta-subtle: oklch(40% 0.12 330);
491
+ --candi-magenta-soft: oklch(78% 0.14 330);
492
+ --candi-magenta-strong: oklch(60% 0.17 330);
493
+ --candi-magenta-outline: oklch(55% 0.14 330);
494
+ --candi-on-magenta: oklch(0% 0 0);
495
+ --candi-cyan: oklch(75% 0.08 200);
496
+ --candi-cyan-subtle: oklch(45% 0.06 200);
497
+ --candi-cyan-soft: oklch(82% 0.07 200);
498
+ --candi-cyan-strong: oklch(65% 0.09 200);
499
+ --candi-cyan-outline: oklch(60% 0.07 200);
500
+ --candi-on-cyan: oklch(0% 0 0);
501
+ --candi-teal: oklch(70% 0.08 175);
502
+ --candi-teal-subtle: oklch(40% 0.06 175);
503
+ --candi-teal-soft: oklch(78% 0.07 175);
504
+ --candi-teal-strong: oklch(60% 0.09 175);
505
+ --candi-teal-outline: oklch(55% 0.07 175);
506
+ --candi-on-teal: oklch(0% 0 0);
507
+ --candi-pink: oklch(80% 0.10 0);
508
+ --candi-pink-subtle: oklch(48% 0.08 0);
509
+ --candi-pink-soft: oklch(85% 0.09 0);
510
+ --candi-pink-strong: oklch(70% 0.11 0);
511
+ --candi-pink-outline: oklch(65% 0.09 0);
512
+ --candi-on-pink: oklch(0% 0 0);
513
+ --candi-gold: oklch(80% 0.10 70);
514
+ --candi-gold-subtle: oklch(48% 0.08 70);
515
+ --candi-gold-soft: oklch(85% 0.09 70);
516
+ --candi-gold-strong: oklch(70% 0.11 70);
517
+ --candi-gold-outline: oklch(65% 0.09 70);
518
+ --candi-on-gold: oklch(0% 0 0);
519
+ --candi-silver: oklch(60% 0.01 250);
520
+ --candi-silver-subtle: oklch(35% 0.008 250);
521
+ --candi-silver-soft: oklch(68% 0.009 250);
522
+ --candi-silver-strong: oklch(50% 0.012 250);
523
+ --candi-silver-outline: oklch(45% 0.009 250);
524
+ --candi-on-silver: oklch(100% 0 0);
525
+ --candi-accent: oklch(65% 0.13 275);
526
+ --candi-accent-subtle: oklch(38% 0.104 275);
527
+ --candi-accent-soft: oklch(75% 0.117 275);
528
+ --candi-accent-strong: oklch(55% 0.143 275);
529
+ --candi-accent-outline: oklch(50% 0.117 275);
530
+ --candi-on-accent: oklch(0% 0 0);
531
+ --candi-secondary: oklch(70% 0.10 15);
532
+ --candi-secondary-subtle: oklch(43% 0.08 15);
533
+ --candi-secondary-soft: oklch(80% 0.09 15);
534
+ --candi-secondary-strong: oklch(60% 0.11 15);
535
+ --candi-secondary-outline: oklch(55% 0.09 15);
536
+ --candi-on-secondary: oklch(0% 0 0);
537
+ --candi-success: oklch(75% 0.08 145);
538
+ --candi-success-subtle: oklch(48% 0.064 145);
539
+ --candi-success-soft: oklch(85% 0.072 145);
540
+ --candi-success-strong: oklch(65% 0.088 145);
541
+ --candi-success-outline: oklch(60% 0.072 145);
542
+ --candi-on-success: oklch(0% 0 0);
543
+ --candi-warning: oklch(80% 0.10 75);
544
+ --candi-warning-subtle: oklch(53% 0.08 75);
545
+ --candi-warning-soft: oklch(90% 0.09 75);
546
+ --candi-warning-strong: oklch(70% 0.11 75);
547
+ --candi-warning-outline: oklch(65% 0.09 75);
548
+ --candi-on-warning: oklch(0% 0 0);
549
+ --candi-error: oklch(75% 0.10 25);
550
+ --candi-error-subtle: oklch(48% 0.08 25);
551
+ --candi-error-soft: oklch(85% 0.09 25);
552
+ --candi-error-strong: oklch(65% 0.11 25);
553
+ --candi-error-outline: oklch(60% 0.09 25);
554
+ --candi-on-error: oklch(0% 0 0);
555
+ --candi-info: oklch(75% 0.08 225);
556
+ --candi-info-subtle: oklch(48% 0.064 225);
557
+ --candi-info-soft: oklch(85% 0.072 225);
558
+ --candi-info-strong: oklch(65% 0.088 225);
559
+ --candi-info-outline: oklch(60% 0.072 225);
560
+ --candi-on-info: oklch(0% 0 0);
271
561
  /* @tokens-end-dark-root */
272
562
 
273
563
  /* Map Tailwind v4 variables to dark mode overrides */
@@ -281,20 +571,6 @@
281
571
  --color-candi-border: var(--candi-border);
282
572
  --color-candi-border-strong: var(--candi-border-strong);
283
573
  --color-candi-divider: var(--candi-divider);
284
- --color-candi-accent: var(--candi-accent);
285
- --color-candi-accent-subtle: var(--candi-accent-subtle);
286
- --color-candi-on-accent: var(--candi-on-accent);
287
- --color-candi-secondary: var(--candi-secondary);
288
- --color-candi-secondary-subtle: var(--candi-secondary-subtle);
289
- --color-candi-on-secondary: var(--candi-on-secondary);
290
- --color-candi-success: var(--candi-success);
291
- --color-candi-on-success: var(--candi-on-success);
292
- --color-candi-warning: var(--candi-warning);
293
- --color-candi-on-warning: var(--candi-on-warning);
294
- --color-candi-error: var(--candi-error);
295
- --color-candi-on-error: var(--candi-on-error);
296
- --color-candi-info: var(--candi-info);
297
- --color-candi-on-info: var(--candi-on-info);
298
574
  --color-candi-link: var(--candi-link);
299
575
  --color-candi-disabled: var(--candi-disabled);
300
576
  --color-candi-overlay: var(--candi-overlay);
@@ -322,13 +598,101 @@
322
598
  --color-candi-terminal-magenta: var(--candi-terminal-magenta);
323
599
  --color-candi-terminal-cyan: var(--candi-terminal-cyan);
324
600
  --color-candi-terminal-white: var(--candi-terminal-white);
325
- --color-candi-terminal-black: var(--candi-terminal-black);
326
- --color-candi-terminal-red: var(--candi-terminal-red);
327
- --color-candi-terminal-green: var(--candi-terminal-green);
328
- --color-candi-terminal-yellow: var(--candi-terminal-yellow);
329
- --color-candi-terminal-blue: var(--candi-terminal-blue);
330
- --color-candi-terminal-magenta: var(--candi-terminal-magenta);
331
- --color-candi-terminal-cyan: var(--candi-terminal-cyan);
332
- --color-candi-terminal-white: var(--color-candi-text);
601
+ --color-candi-red: var(--candi-red);
602
+ --color-candi-red-subtle: var(--candi-red-subtle);
603
+ --color-candi-red-soft: var(--candi-red-soft);
604
+ --color-candi-red-strong: var(--candi-red-strong);
605
+ --color-candi-red-outline: var(--candi-red-outline);
606
+ --color-candi-on-red: var(--candi-on-red);
607
+ --color-candi-blue: var(--candi-blue);
608
+ --color-candi-blue-subtle: var(--candi-blue-subtle);
609
+ --color-candi-blue-soft: var(--candi-blue-soft);
610
+ --color-candi-blue-strong: var(--candi-blue-strong);
611
+ --color-candi-blue-outline: var(--candi-blue-outline);
612
+ --color-candi-on-blue: var(--candi-on-blue);
613
+ --color-candi-green: var(--candi-green);
614
+ --color-candi-green-subtle: var(--candi-green-subtle);
615
+ --color-candi-green-soft: var(--candi-green-soft);
616
+ --color-candi-green-strong: var(--candi-green-strong);
617
+ --color-candi-green-outline: var(--candi-green-outline);
618
+ --color-candi-on-green: var(--candi-on-green);
619
+ --color-candi-yellow: var(--candi-yellow);
620
+ --color-candi-yellow-subtle: var(--candi-yellow-subtle);
621
+ --color-candi-yellow-soft: var(--candi-yellow-soft);
622
+ --color-candi-yellow-strong: var(--candi-yellow-strong);
623
+ --color-candi-yellow-outline: var(--candi-yellow-outline);
624
+ --color-candi-on-yellow: var(--candi-on-yellow);
625
+ --color-candi-magenta: var(--candi-magenta);
626
+ --color-candi-magenta-subtle: var(--candi-magenta-subtle);
627
+ --color-candi-magenta-soft: var(--candi-magenta-soft);
628
+ --color-candi-magenta-strong: var(--candi-magenta-strong);
629
+ --color-candi-magenta-outline: var(--candi-magenta-outline);
630
+ --color-candi-on-magenta: var(--candi-on-magenta);
631
+ --color-candi-cyan: var(--candi-cyan);
632
+ --color-candi-cyan-subtle: var(--candi-cyan-subtle);
633
+ --color-candi-cyan-soft: var(--candi-cyan-soft);
634
+ --color-candi-cyan-strong: var(--candi-cyan-strong);
635
+ --color-candi-cyan-outline: var(--candi-cyan-outline);
636
+ --color-candi-on-cyan: var(--candi-on-cyan);
637
+ --color-candi-teal: var(--candi-teal);
638
+ --color-candi-teal-subtle: var(--candi-teal-subtle);
639
+ --color-candi-teal-soft: var(--candi-teal-soft);
640
+ --color-candi-teal-strong: var(--candi-teal-strong);
641
+ --color-candi-teal-outline: var(--candi-teal-outline);
642
+ --color-candi-on-teal: var(--candi-on-teal);
643
+ --color-candi-pink: var(--candi-pink);
644
+ --color-candi-pink-subtle: var(--candi-pink-subtle);
645
+ --color-candi-pink-soft: var(--candi-pink-soft);
646
+ --color-candi-pink-strong: var(--candi-pink-strong);
647
+ --color-candi-pink-outline: var(--candi-pink-outline);
648
+ --color-candi-on-pink: var(--candi-on-pink);
649
+ --color-candi-gold: var(--candi-gold);
650
+ --color-candi-gold-subtle: var(--candi-gold-subtle);
651
+ --color-candi-gold-soft: var(--candi-gold-soft);
652
+ --color-candi-gold-strong: var(--candi-gold-strong);
653
+ --color-candi-gold-outline: var(--candi-gold-outline);
654
+ --color-candi-on-gold: var(--candi-on-gold);
655
+ --color-candi-silver: var(--candi-silver);
656
+ --color-candi-silver-subtle: var(--candi-silver-subtle);
657
+ --color-candi-silver-soft: var(--candi-silver-soft);
658
+ --color-candi-silver-strong: var(--candi-silver-strong);
659
+ --color-candi-silver-outline: var(--candi-silver-outline);
660
+ --color-candi-on-silver: var(--candi-on-silver);
661
+ --color-candi-accent: var(--candi-accent);
662
+ --color-candi-accent-subtle: var(--candi-accent-subtle);
663
+ --color-candi-accent-soft: var(--candi-accent-soft);
664
+ --color-candi-accent-strong: var(--candi-accent-strong);
665
+ --color-candi-accent-outline: var(--candi-accent-outline);
666
+ --color-candi-on-accent: var(--candi-on-accent);
667
+ --color-candi-secondary: var(--candi-secondary);
668
+ --color-candi-secondary-subtle: var(--candi-secondary-subtle);
669
+ --color-candi-secondary-soft: var(--candi-secondary-soft);
670
+ --color-candi-secondary-strong: var(--candi-secondary-strong);
671
+ --color-candi-secondary-outline: var(--candi-secondary-outline);
672
+ --color-candi-on-secondary: var(--candi-on-secondary);
673
+ --color-candi-success: var(--candi-success);
674
+ --color-candi-success-subtle: var(--candi-success-subtle);
675
+ --color-candi-success-soft: var(--candi-success-soft);
676
+ --color-candi-success-strong: var(--candi-success-strong);
677
+ --color-candi-success-outline: var(--candi-success-outline);
678
+ --color-candi-on-success: var(--candi-on-success);
679
+ --color-candi-warning: var(--candi-warning);
680
+ --color-candi-warning-subtle: var(--candi-warning-subtle);
681
+ --color-candi-warning-soft: var(--candi-warning-soft);
682
+ --color-candi-warning-strong: var(--candi-warning-strong);
683
+ --color-candi-warning-outline: var(--candi-warning-outline);
684
+ --color-candi-on-warning: var(--candi-on-warning);
685
+ --color-candi-error: var(--candi-error);
686
+ --color-candi-error-subtle: var(--candi-error-subtle);
687
+ --color-candi-error-soft: var(--candi-error-soft);
688
+ --color-candi-error-strong: var(--candi-error-strong);
689
+ --color-candi-error-outline: var(--candi-error-outline);
690
+ --color-candi-on-error: var(--candi-on-error);
691
+ --color-candi-info: var(--candi-info);
692
+ --color-candi-info-subtle: var(--candi-info-subtle);
693
+ --color-candi-info-soft: var(--candi-info-soft);
694
+ --color-candi-info-strong: var(--candi-info-strong);
695
+ --color-candi-info-outline: var(--candi-info-outline);
696
+ --color-candi-on-info: var(--candi-on-info);
333
697
  /* @tokens-end-v4-map-dark */
334
698
  }