@wtasnorg/candi 0.0.32 → 0.0.36

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 (8) hide show
  1. package/README.md +24 -10
  2. package/dist/base.css +131 -99
  3. package/dist/colors.js +580 -324
  4. package/dist/colors.json +580 -324
  5. package/dist/colors.mjs +580 -324
  6. package/dist/scandinavian.css +131 -99
  7. package/dist/v4/theme.css +226 -146
  8. package/package.json +4 -2
package/dist/v4/theme.css CHANGED
@@ -12,26 +12,26 @@
12
12
 
13
13
  @theme {
14
14
  /* @tokens-start-v4 */
15
- --color-candi-bg: oklch(97.8% 0.005 80);
16
- --color-candi-surface: oklch(95.5% 0.01 80);
17
- --color-candi-elevated: oklch(100% 0 0);
18
- --color-candi-text: oklch(28% 0.015 80);
19
- --color-candi-text-subtle: oklch(50% 0.01 80);
20
- --color-candi-text-muted: oklch(55% 0.01 80);
21
- --color-candi-border: oklch(84% 0.01 80);
22
- --color-candi-border-strong: oklch(75% 0.01 80);
23
- --color-candi-divider: oklch(88% 0.01 80);
24
- --color-candi-link: oklch(50% 0.08 230);
25
- --color-candi-disabled: oklch(75% 0.005 250);
15
+ --color-candi-bg: oklch(97.5% 0.005 80);
16
+ --color-candi-surface: oklch(95% 0.008 80);
17
+ --color-candi-elevated: oklch(99.5% 0.003 80);
18
+ --color-candi-text: oklch(15% 0.01 80);
19
+ --color-candi-text-subtle: oklch(40% 0.008 80);
20
+ --color-candi-text-muted: oklch(52% 0.006 80);
21
+ --color-candi-border: oklch(84% 0.005 80);
22
+ --color-candi-border-strong: oklch(77% 0.006 80);
23
+ --color-candi-divider: oklch(90% 0.004 80);
24
+ --color-candi-link: oklch(48% 0.14 240);
25
+ --color-candi-disabled: oklch(82% 0.004 80);
26
26
  --color-candi-overlay: oklch(0% 0 0 / 0.5);
27
27
  --color-candi-scrim: oklch(0% 0 0 / 0.32);
28
- --color-candi-inverse-surface: oklch(25% 0.015 250);
29
- --color-candi-inverse-text: oklch(92% 0.01 250);
28
+ --color-candi-inverse-surface: oklch(25% 0.005 80);
29
+ --color-candi-inverse-text: oklch(92% 0.005 80);
30
30
  --color-candi-shadow: 0 2px 8px rgba(45, 50, 57, 0.06);
31
31
  --color-candi-shadow-md: 0 4px 20px rgba(45, 50, 57, 0.1);
32
32
  --color-candi-shadow-lg: 0 8px 40px rgba(45, 50, 57, 0.15);
33
- --color-candi-shadow-color: oklch(25% 0.01 250 / 0.15);
34
- --color-candi-focus-ring: oklch(52% 0.06 230 / 0.4);
33
+ --color-candi-shadow-color: oklch(25% 0.005 80 / 0.15);
34
+ --color-candi-focus-ring: oklch(52% 0.06 240 / 0.4);
35
35
  --color-candi-syntax-keyword: oklch(60% 0.15 0);
36
36
  --color-candi-syntax-type: oklch(65% 0.12 280);
37
37
  --color-candi-syntax-var: oklch(65% 0.1 200);
@@ -40,7 +40,7 @@
40
40
  --color-candi-syntax-string: oklch(60% 0.12 140);
41
41
  --color-candi-hover: oklch(0% 0 0 / 0.05);
42
42
  --color-candi-active: oklch(0% 0 0 / 0.1);
43
- --color-candi-terminal-black: oklch(25% 0.01 250);
43
+ --color-candi-terminal-black: oklch(25% 0.005 80);
44
44
  --color-candi-terminal-red: oklch(58% 0.12 25);
45
45
  --color-candi-terminal-green: oklch(52% 0.08 145);
46
46
  --color-candi-terminal-yellow: oklch(68% 0.13 70);
@@ -51,12 +51,16 @@
51
51
  --color-candi-red: oklch(55% 0.14 25);
52
52
  --color-candi-red-subtle: oklch(88% 0.11 25);
53
53
  --color-candi-red-soft: oklch(65% 0.13 25);
54
+ --color-candi-red-warm: oklch(70% 0.12 25);
55
+ --color-candi-red-hot: oklch(50% 0.16 25);
54
56
  --color-candi-red-strong: oklch(45% 0.15 25);
55
57
  --color-candi-red-outline: oklch(40% 0.13 25);
56
58
  --color-candi-on-red: oklch(100% 0 0);
57
59
  --color-candi-blue: oklch(50% 0.12 250);
58
60
  --color-candi-blue-subtle: oklch(83% 0.10 250);
59
61
  --color-candi-blue-soft: oklch(60% 0.11 250);
62
+ --color-candi-blue-warm: oklch(65% 0.10 250);
63
+ --color-candi-blue-hot: oklch(45% 0.14 250);
60
64
  --color-candi-blue-strong: oklch(40% 0.13 250);
61
65
  --color-candi-blue-outline: oklch(35% 0.11 250);
62
66
  --color-candi-on-blue: oklch(100% 0 0);
@@ -108,41 +112,53 @@
108
112
  --color-candi-silver-strong: oklch(65% 0.012 250);
109
113
  --color-candi-silver-outline: oklch(60% 0.009 250);
110
114
  --color-candi-on-silver: oklch(0% 0 0);
111
- --color-candi-accent: oklch(52% 0.08 250);
112
- --color-candi-accent-subtle: oklch(85% 0.048 250);
113
- --color-candi-accent-soft: oklch(62% 0.064 250);
114
- --color-candi-accent-strong: oklch(42% 0.088 250);
115
- --color-candi-accent-outline: oklch(37% 0.056 250);
115
+ --color-candi-accent: oklch(50% 0.13 245);
116
+ --color-candi-accent-subtle: oklch(83% 0.078 245);
117
+ --color-candi-accent-soft: oklch(60% 0.104 245);
118
+ --color-candi-accent-warm: oklch(65% 0.1105 245);
119
+ --color-candi-accent-hot: oklch(45% 0.1495 245);
120
+ --color-candi-accent-strong: oklch(40% 0.143 245);
121
+ --color-candi-accent-outline: oklch(35% 0.091 245);
116
122
  --color-candi-on-accent: oklch(100% 0 0);
117
- --color-candi-secondary: oklch(60% 0.07 15);
118
- --color-candi-secondary-subtle: oklch(93% 0.042 15);
119
- --color-candi-secondary-soft: oklch(70% 0.056 15);
120
- --color-candi-secondary-strong: oklch(50% 0.077 15);
121
- --color-candi-secondary-outline: oklch(45% 0.049 15);
122
- --color-candi-on-secondary: oklch(0% 0 0);
123
- --color-candi-success: oklch(50% 0.06 145);
124
- --color-candi-success-subtle: oklch(83% 0.036 145);
125
- --color-candi-success-soft: oklch(60% 0.048 145);
126
- --color-candi-success-strong: oklch(40% 0.066 145);
127
- --color-candi-success-outline: oklch(35% 0.042 145);
123
+ --color-candi-secondary: oklch(55% 0.12 20);
124
+ --color-candi-secondary-subtle: oklch(88% 0.072 20);
125
+ --color-candi-secondary-soft: oklch(65% 0.096 20);
126
+ --color-candi-secondary-warm: oklch(70% 0.102 20);
127
+ --color-candi-secondary-hot: oklch(50% 0.138 20);
128
+ --color-candi-secondary-strong: oklch(45% 0.132 20);
129
+ --color-candi-secondary-outline: oklch(40% 0.084 20);
130
+ --color-candi-on-secondary: oklch(100% 0 0);
131
+ --color-candi-success: oklch(50% 0.10 150);
132
+ --color-candi-success-subtle: oklch(83% 0.06 150);
133
+ --color-candi-success-soft: oklch(60% 0.08 150);
134
+ --color-candi-success-warm: oklch(65% 0.085 150);
135
+ --color-candi-success-hot: oklch(45% 0.115 150);
136
+ --color-candi-success-strong: oklch(40% 0.11 150);
137
+ --color-candi-success-outline: oklch(35% 0.07 150);
128
138
  --color-candi-on-success: oklch(100% 0 0);
129
- --color-candi-warning: oklch(60% 0.07 75);
130
- --color-candi-warning-subtle: oklch(93% 0.042 75);
131
- --color-candi-warning-soft: oklch(70% 0.056 75);
132
- --color-candi-warning-strong: oklch(50% 0.077 75);
133
- --color-candi-warning-outline: oklch(45% 0.049 75);
139
+ --color-candi-warning: oklch(60% 0.13 80);
140
+ --color-candi-warning-subtle: oklch(93% 0.078 80);
141
+ --color-candi-warning-soft: oklch(70% 0.104 80);
142
+ --color-candi-warning-warm: oklch(75% 0.1105 80);
143
+ --color-candi-warning-hot: oklch(55% 0.1495 80);
144
+ --color-candi-warning-strong: oklch(50% 0.143 80);
145
+ --color-candi-warning-outline: oklch(45% 0.091 80);
134
146
  --color-candi-on-warning: oklch(0% 0 0);
135
- --color-candi-error: oklch(50% 0.08 25);
136
- --color-candi-error-subtle: oklch(83% 0.048 25);
137
- --color-candi-error-soft: oklch(60% 0.064 25);
138
- --color-candi-error-strong: oklch(40% 0.088 25);
139
- --color-candi-error-outline: oklch(35% 0.056 25);
147
+ --color-candi-error: oklch(50% 0.14 25);
148
+ --color-candi-error-subtle: oklch(83% 0.084 25);
149
+ --color-candi-error-soft: oklch(60% 0.112 25);
150
+ --color-candi-error-warm: oklch(65% 0.119 25);
151
+ --color-candi-error-hot: oklch(45% 0.161 25);
152
+ --color-candi-error-strong: oklch(40% 0.154 25);
153
+ --color-candi-error-outline: oklch(35% 0.098 25);
140
154
  --color-candi-on-error: oklch(100% 0 0);
141
- --color-candi-info: oklch(50% 0.06 225);
142
- --color-candi-info-subtle: oklch(83% 0.036 225);
143
- --color-candi-info-soft: oklch(60% 0.048 225);
144
- --color-candi-info-strong: oklch(40% 0.066 225);
145
- --color-candi-info-outline: oklch(35% 0.042 225);
155
+ --color-candi-info: oklch(50% 0.10 225);
156
+ --color-candi-info-subtle: oklch(83% 0.06 225);
157
+ --color-candi-info-soft: oklch(60% 0.08 225);
158
+ --color-candi-info-warm: oklch(65% 0.085 225);
159
+ --color-candi-info-hot: oklch(45% 0.115 225);
160
+ --color-candi-info-strong: oklch(40% 0.11 225);
161
+ --color-candi-info-outline: oklch(35% 0.07 225);
146
162
  --color-candi-on-info: oklch(100% 0 0);
147
163
  /* @tokens-end-v4 */
148
164
  }
@@ -153,26 +169,26 @@
153
169
  /* Backward compatibility and Theme Implementation */
154
170
  :root {
155
171
  /* @tokens-start-root */
156
- --candi-bg: oklch(97.8% 0.005 80);
157
- --candi-surface: oklch(95.5% 0.01 80);
158
- --candi-elevated: oklch(100% 0 0);
159
- --candi-text: oklch(28% 0.015 80);
160
- --candi-text-subtle: oklch(50% 0.01 80);
161
- --candi-text-muted: oklch(55% 0.01 80);
162
- --candi-border: oklch(84% 0.01 80);
163
- --candi-border-strong: oklch(75% 0.01 80);
164
- --candi-divider: oklch(88% 0.01 80);
165
- --candi-link: oklch(50% 0.08 230);
166
- --candi-disabled: oklch(75% 0.005 250);
172
+ --candi-bg: oklch(97.5% 0.005 80);
173
+ --candi-surface: oklch(95% 0.008 80);
174
+ --candi-elevated: oklch(99.5% 0.003 80);
175
+ --candi-text: oklch(15% 0.01 80);
176
+ --candi-text-subtle: oklch(40% 0.008 80);
177
+ --candi-text-muted: oklch(52% 0.006 80);
178
+ --candi-border: oklch(84% 0.005 80);
179
+ --candi-border-strong: oklch(77% 0.006 80);
180
+ --candi-divider: oklch(90% 0.004 80);
181
+ --candi-link: oklch(48% 0.14 240);
182
+ --candi-disabled: oklch(82% 0.004 80);
167
183
  --candi-overlay: oklch(0% 0 0 / 0.5);
168
184
  --candi-scrim: oklch(0% 0 0 / 0.32);
169
- --candi-inverse-surface: oklch(25% 0.015 250);
170
- --candi-inverse-text: oklch(92% 0.01 250);
185
+ --candi-inverse-surface: oklch(25% 0.005 80);
186
+ --candi-inverse-text: oklch(92% 0.005 80);
171
187
  --candi-shadow: 0 2px 8px rgba(45, 50, 57, 0.06);
172
188
  --candi-shadow-md: 0 4px 20px rgba(45, 50, 57, 0.1);
173
189
  --candi-shadow-lg: 0 8px 40px rgba(45, 50, 57, 0.15);
174
- --candi-shadow-color: oklch(25% 0.01 250 / 0.15);
175
- --candi-focus-ring: oklch(52% 0.06 230 / 0.4);
190
+ --candi-shadow-color: oklch(25% 0.005 80 / 0.15);
191
+ --candi-focus-ring: oklch(52% 0.06 240 / 0.4);
176
192
  --candi-syntax-keyword: oklch(60% 0.15 0);
177
193
  --candi-syntax-type: oklch(65% 0.12 280);
178
194
  --candi-syntax-var: oklch(65% 0.1 200);
@@ -181,7 +197,7 @@
181
197
  --candi-syntax-string: oklch(60% 0.12 140);
182
198
  --candi-hover: oklch(0% 0 0 / 0.05);
183
199
  --candi-active: oklch(0% 0 0 / 0.1);
184
- --candi-terminal-black: oklch(25% 0.01 250);
200
+ --candi-terminal-black: oklch(25% 0.005 80);
185
201
  --candi-terminal-red: oklch(58% 0.12 25);
186
202
  --candi-terminal-green: oklch(52% 0.08 145);
187
203
  --candi-terminal-yellow: oklch(68% 0.13 70);
@@ -192,12 +208,16 @@
192
208
  --candi-red: oklch(55% 0.14 25);
193
209
  --candi-red-subtle: oklch(88% 0.11 25);
194
210
  --candi-red-soft: oklch(65% 0.13 25);
211
+ --candi-red-warm: oklch(70% 0.12 25);
212
+ --candi-red-hot: oklch(50% 0.16 25);
195
213
  --candi-red-strong: oklch(45% 0.15 25);
196
214
  --candi-red-outline: oklch(40% 0.13 25);
197
215
  --candi-on-red: oklch(100% 0 0);
198
216
  --candi-blue: oklch(50% 0.12 250);
199
217
  --candi-blue-subtle: oklch(83% 0.10 250);
200
218
  --candi-blue-soft: oklch(60% 0.11 250);
219
+ --candi-blue-warm: oklch(65% 0.10 250);
220
+ --candi-blue-hot: oklch(45% 0.14 250);
201
221
  --candi-blue-strong: oklch(40% 0.13 250);
202
222
  --candi-blue-outline: oklch(35% 0.11 250);
203
223
  --candi-on-blue: oklch(100% 0 0);
@@ -249,41 +269,53 @@
249
269
  --candi-silver-strong: oklch(65% 0.012 250);
250
270
  --candi-silver-outline: oklch(60% 0.009 250);
251
271
  --candi-on-silver: oklch(0% 0 0);
252
- --candi-accent: oklch(52% 0.08 250);
253
- --candi-accent-subtle: oklch(85% 0.048 250);
254
- --candi-accent-soft: oklch(62% 0.064 250);
255
- --candi-accent-strong: oklch(42% 0.088 250);
256
- --candi-accent-outline: oklch(37% 0.056 250);
272
+ --candi-accent: oklch(50% 0.13 245);
273
+ --candi-accent-subtle: oklch(83% 0.078 245);
274
+ --candi-accent-soft: oklch(60% 0.104 245);
275
+ --candi-accent-warm: oklch(65% 0.1105 245);
276
+ --candi-accent-hot: oklch(45% 0.1495 245);
277
+ --candi-accent-strong: oklch(40% 0.143 245);
278
+ --candi-accent-outline: oklch(35% 0.091 245);
257
279
  --candi-on-accent: oklch(100% 0 0);
258
- --candi-secondary: oklch(60% 0.07 15);
259
- --candi-secondary-subtle: oklch(93% 0.042 15);
260
- --candi-secondary-soft: oklch(70% 0.056 15);
261
- --candi-secondary-strong: oklch(50% 0.077 15);
262
- --candi-secondary-outline: oklch(45% 0.049 15);
263
- --candi-on-secondary: oklch(0% 0 0);
264
- --candi-success: oklch(50% 0.06 145);
265
- --candi-success-subtle: oklch(83% 0.036 145);
266
- --candi-success-soft: oklch(60% 0.048 145);
267
- --candi-success-strong: oklch(40% 0.066 145);
268
- --candi-success-outline: oklch(35% 0.042 145);
280
+ --candi-secondary: oklch(55% 0.12 20);
281
+ --candi-secondary-subtle: oklch(88% 0.072 20);
282
+ --candi-secondary-soft: oklch(65% 0.096 20);
283
+ --candi-secondary-warm: oklch(70% 0.102 20);
284
+ --candi-secondary-hot: oklch(50% 0.138 20);
285
+ --candi-secondary-strong: oklch(45% 0.132 20);
286
+ --candi-secondary-outline: oklch(40% 0.084 20);
287
+ --candi-on-secondary: oklch(100% 0 0);
288
+ --candi-success: oklch(50% 0.10 150);
289
+ --candi-success-subtle: oklch(83% 0.06 150);
290
+ --candi-success-soft: oklch(60% 0.08 150);
291
+ --candi-success-warm: oklch(65% 0.085 150);
292
+ --candi-success-hot: oklch(45% 0.115 150);
293
+ --candi-success-strong: oklch(40% 0.11 150);
294
+ --candi-success-outline: oklch(35% 0.07 150);
269
295
  --candi-on-success: oklch(100% 0 0);
270
- --candi-warning: oklch(60% 0.07 75);
271
- --candi-warning-subtle: oklch(93% 0.042 75);
272
- --candi-warning-soft: oklch(70% 0.056 75);
273
- --candi-warning-strong: oklch(50% 0.077 75);
274
- --candi-warning-outline: oklch(45% 0.049 75);
296
+ --candi-warning: oklch(60% 0.13 80);
297
+ --candi-warning-subtle: oklch(93% 0.078 80);
298
+ --candi-warning-soft: oklch(70% 0.104 80);
299
+ --candi-warning-warm: oklch(75% 0.1105 80);
300
+ --candi-warning-hot: oklch(55% 0.1495 80);
301
+ --candi-warning-strong: oklch(50% 0.143 80);
302
+ --candi-warning-outline: oklch(45% 0.091 80);
275
303
  --candi-on-warning: oklch(0% 0 0);
276
- --candi-error: oklch(50% 0.08 25);
277
- --candi-error-subtle: oklch(83% 0.048 25);
278
- --candi-error-soft: oklch(60% 0.064 25);
279
- --candi-error-strong: oklch(40% 0.088 25);
280
- --candi-error-outline: oklch(35% 0.056 25);
304
+ --candi-error: oklch(50% 0.14 25);
305
+ --candi-error-subtle: oklch(83% 0.084 25);
306
+ --candi-error-soft: oklch(60% 0.112 25);
307
+ --candi-error-warm: oklch(65% 0.119 25);
308
+ --candi-error-hot: oklch(45% 0.161 25);
309
+ --candi-error-strong: oklch(40% 0.154 25);
310
+ --candi-error-outline: oklch(35% 0.098 25);
281
311
  --candi-on-error: oklch(100% 0 0);
282
- --candi-info: oklch(50% 0.06 225);
283
- --candi-info-subtle: oklch(83% 0.036 225);
284
- --candi-info-soft: oklch(60% 0.048 225);
285
- --candi-info-strong: oklch(40% 0.066 225);
286
- --candi-info-outline: oklch(35% 0.042 225);
312
+ --candi-info: oklch(50% 0.10 225);
313
+ --candi-info-subtle: oklch(83% 0.06 225);
314
+ --candi-info-soft: oklch(60% 0.08 225);
315
+ --candi-info-warm: oklch(65% 0.085 225);
316
+ --candi-info-hot: oklch(45% 0.115 225);
317
+ --candi-info-strong: oklch(40% 0.11 225);
318
+ --candi-info-outline: oklch(35% 0.07 225);
287
319
  --candi-on-info: oklch(100% 0 0);
288
320
  /* @tokens-end-root */
289
321
 
@@ -328,12 +360,16 @@
328
360
  --color-candi-red: var(--candi-red);
329
361
  --color-candi-red-subtle: var(--candi-red-subtle);
330
362
  --color-candi-red-soft: var(--candi-red-soft);
363
+ --color-candi-red-warm: var(--candi-red-warm);
364
+ --color-candi-red-hot: var(--candi-red-hot);
331
365
  --color-candi-red-strong: var(--candi-red-strong);
332
366
  --color-candi-red-outline: var(--candi-red-outline);
333
367
  --color-candi-on-red: var(--candi-on-red);
334
368
  --color-candi-blue: var(--candi-blue);
335
369
  --color-candi-blue-subtle: var(--candi-blue-subtle);
336
370
  --color-candi-blue-soft: var(--candi-blue-soft);
371
+ --color-candi-blue-warm: var(--candi-blue-warm);
372
+ --color-candi-blue-hot: var(--candi-blue-hot);
337
373
  --color-candi-blue-strong: var(--candi-blue-strong);
338
374
  --color-candi-blue-outline: var(--candi-blue-outline);
339
375
  --color-candi-on-blue: var(--candi-on-blue);
@@ -388,36 +424,48 @@
388
424
  --color-candi-accent: var(--candi-accent);
389
425
  --color-candi-accent-subtle: var(--candi-accent-subtle);
390
426
  --color-candi-accent-soft: var(--candi-accent-soft);
427
+ --color-candi-accent-warm: var(--candi-accent-warm);
428
+ --color-candi-accent-hot: var(--candi-accent-hot);
391
429
  --color-candi-accent-strong: var(--candi-accent-strong);
392
430
  --color-candi-accent-outline: var(--candi-accent-outline);
393
431
  --color-candi-on-accent: var(--candi-on-accent);
394
432
  --color-candi-secondary: var(--candi-secondary);
395
433
  --color-candi-secondary-subtle: var(--candi-secondary-subtle);
396
434
  --color-candi-secondary-soft: var(--candi-secondary-soft);
435
+ --color-candi-secondary-warm: var(--candi-secondary-warm);
436
+ --color-candi-secondary-hot: var(--candi-secondary-hot);
397
437
  --color-candi-secondary-strong: var(--candi-secondary-strong);
398
438
  --color-candi-secondary-outline: var(--candi-secondary-outline);
399
439
  --color-candi-on-secondary: var(--candi-on-secondary);
400
440
  --color-candi-success: var(--candi-success);
401
441
  --color-candi-success-subtle: var(--candi-success-subtle);
402
442
  --color-candi-success-soft: var(--candi-success-soft);
443
+ --color-candi-success-warm: var(--candi-success-warm);
444
+ --color-candi-success-hot: var(--candi-success-hot);
403
445
  --color-candi-success-strong: var(--candi-success-strong);
404
446
  --color-candi-success-outline: var(--candi-success-outline);
405
447
  --color-candi-on-success: var(--candi-on-success);
406
448
  --color-candi-warning: var(--candi-warning);
407
449
  --color-candi-warning-subtle: var(--candi-warning-subtle);
408
450
  --color-candi-warning-soft: var(--candi-warning-soft);
451
+ --color-candi-warning-warm: var(--candi-warning-warm);
452
+ --color-candi-warning-hot: var(--candi-warning-hot);
409
453
  --color-candi-warning-strong: var(--candi-warning-strong);
410
454
  --color-candi-warning-outline: var(--candi-warning-outline);
411
455
  --color-candi-on-warning: var(--candi-on-warning);
412
456
  --color-candi-error: var(--candi-error);
413
457
  --color-candi-error-subtle: var(--candi-error-subtle);
414
458
  --color-candi-error-soft: var(--candi-error-soft);
459
+ --color-candi-error-warm: var(--candi-error-warm);
460
+ --color-candi-error-hot: var(--candi-error-hot);
415
461
  --color-candi-error-strong: var(--candi-error-strong);
416
462
  --color-candi-error-outline: var(--candi-error-outline);
417
463
  --color-candi-on-error: var(--candi-on-error);
418
464
  --color-candi-info: var(--candi-info);
419
465
  --color-candi-info-subtle: var(--candi-info-subtle);
420
466
  --color-candi-info-soft: var(--candi-info-soft);
467
+ --color-candi-info-warm: var(--candi-info-warm);
468
+ --color-candi-info-hot: var(--candi-info-hot);
421
469
  --color-candi-info-strong: var(--candi-info-strong);
422
470
  --color-candi-info-outline: var(--candi-info-outline);
423
471
  --color-candi-on-info: var(--candi-on-info);
@@ -426,26 +474,26 @@
426
474
 
427
475
  .dark {
428
476
  /* @tokens-start-dark-root */
429
- --candi-bg: oklch(18% 0.015 250);
430
- --candi-surface: oklch(22% 0.012 250);
431
- --candi-elevated: oklch(25% 0.015 250);
432
- --candi-text: oklch(92% 0.01 250);
433
- --candi-text-subtle: oklch(75% 0.01 250);
434
- --candi-text-muted: oklch(62% 0.008 250);
435
- --candi-border: oklch(35% 0.01 250);
436
- --candi-border-strong: oklch(45% 0.012 250);
437
- --candi-divider: oklch(32% 0.008 250);
438
- --candi-link: oklch(65% 0.08 250);
439
- --candi-disabled: oklch(45% 0.005 250);
477
+ --candi-bg: oklch(20% 0.005 80);
478
+ --candi-surface: oklch(26% 0.005 80);
479
+ --candi-elevated: oklch(32% 0.006 80);
480
+ --candi-text: oklch(90% 0.005 80);
481
+ --candi-text-subtle: oklch(70% 0.005 80);
482
+ --candi-text-muted: oklch(60% 0.004 80);
483
+ --candi-border: oklch(40% 0.005 80);
484
+ --candi-border-strong: oklch(45% 0.006 80);
485
+ --candi-divider: oklch(35% 0.004 80);
486
+ --candi-link: oklch(65% 0.14 240);
487
+ --candi-disabled: oklch(45% 0.004 80);
440
488
  --candi-overlay: oklch(0% 0 0 / 0.7);
441
489
  --candi-scrim: oklch(0% 0 0 / 0.6);
442
- --candi-inverse-surface: oklch(92% 0.01 250);
443
- --candi-inverse-text: oklch(25% 0.015 250);
490
+ --candi-inverse-surface: oklch(92% 0.005 80);
491
+ --candi-inverse-text: oklch(20% 0.005 80);
444
492
  --candi-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
445
493
  --candi-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.35);
446
494
  --candi-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.45);
447
495
  --candi-shadow-color: oklch(0% 0 0 / 0.4);
448
- --candi-focus-ring: oklch(62% 0.08 275 / 0.5);
496
+ --candi-focus-ring: oklch(62% 0.08 80 / 0.5);
449
497
  --candi-syntax-keyword: oklch(70% 0.15 0);
450
498
  --candi-syntax-type: oklch(75% 0.12 280);
451
499
  --candi-syntax-var: oklch(75% 0.1 200);
@@ -454,23 +502,27 @@
454
502
  --candi-syntax-string: oklch(70% 0.12 140);
455
503
  --candi-hover: oklch(100% 0 0 / 0.1);
456
504
  --candi-active: oklch(100% 0 0 / 0.2);
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);
464
- --candi-terminal-white: oklch(92% 0.01 85);
505
+ --candi-terminal-black: oklch(15% 0.005 80);
506
+ --candi-terminal-red: oklch(68% 0.11 25);
507
+ --candi-terminal-green: oklch(68% 0.09 145);
508
+ --candi-terminal-yellow: oklch(78% 0.11 75);
509
+ --candi-terminal-blue: oklch(65% 0.13 245);
510
+ --candi-terminal-magenta: oklch(72% 0.12 330);
511
+ --candi-terminal-cyan: oklch(72% 0.09 200);
512
+ --candi-terminal-white: oklch(92% 0.005 80);
465
513
  --candi-red: oklch(70% 0.12 25);
466
514
  --candi-red-subtle: oklch(40% 0.10 25);
467
515
  --candi-red-soft: oklch(78% 0.11 25);
516
+ --candi-red-warm: oklch(55% 0.10 25);
517
+ --candi-red-hot: oklch(65% 0.14 25);
468
518
  --candi-red-strong: oklch(60% 0.13 25);
469
519
  --candi-red-outline: oklch(55% 0.11 25);
470
520
  --candi-on-red: oklch(0% 0 0);
471
521
  --candi-blue: oklch(70% 0.10 250);
472
522
  --candi-blue-subtle: oklch(38% 0.08 250);
473
523
  --candi-blue-soft: oklch(78% 0.09 250);
524
+ --candi-blue-warm: oklch(55% 0.08 250);
525
+ --candi-blue-hot: oklch(65% 0.12 250);
474
526
  --candi-blue-strong: oklch(60% 0.11 250);
475
527
  --candi-blue-outline: oklch(55% 0.09 250);
476
528
  --candi-on-blue: oklch(0% 0 0);
@@ -522,41 +574,53 @@
522
574
  --candi-silver-strong: oklch(50% 0.012 250);
523
575
  --candi-silver-outline: oklch(45% 0.009 250);
524
576
  --candi-on-silver: oklch(100% 0 0);
525
- --candi-accent: oklch(65% 0.08 250);
526
- --candi-accent-subtle: oklch(38% 0.048 250);
527
- --candi-accent-soft: oklch(75% 0.064 250);
528
- --candi-accent-strong: oklch(55% 0.088 250);
529
- --candi-accent-outline: oklch(50% 0.056 250);
577
+ --candi-accent: oklch(72% 0.12 245);
578
+ --candi-accent-subtle: oklch(45% 0.072 245);
579
+ --candi-accent-soft: oklch(82% 0.096 245);
580
+ --candi-accent-warm: oklch(57% 0.102 245);
581
+ --candi-accent-hot: oklch(67% 0.138 245);
582
+ --candi-accent-strong: oklch(62% 0.132 245);
583
+ --candi-accent-outline: oklch(57% 0.084 245);
530
584
  --candi-on-accent: oklch(0% 0 0);
531
- --candi-secondary: oklch(70% 0.07 15);
532
- --candi-secondary-subtle: oklch(43% 0.042 15);
533
- --candi-secondary-soft: oklch(80% 0.056 15);
534
- --candi-secondary-strong: oklch(60% 0.077 15);
535
- --candi-secondary-outline: oklch(55% 0.049 15);
585
+ --candi-secondary: oklch(75% 0.11 20);
586
+ --candi-secondary-subtle: oklch(48% 0.066 20);
587
+ --candi-secondary-soft: oklch(85% 0.088 20);
588
+ --candi-secondary-warm: oklch(60% 0.0935 20);
589
+ --candi-secondary-hot: oklch(70% 0.1265 20);
590
+ --candi-secondary-strong: oklch(65% 0.121 20);
591
+ --candi-secondary-outline: oklch(60% 0.077 20);
536
592
  --candi-on-secondary: oklch(0% 0 0);
537
- --candi-success: oklch(75% 0.06 145);
538
- --candi-success-subtle: oklch(48% 0.036 145);
539
- --candi-success-soft: oklch(85% 0.048 145);
540
- --candi-success-strong: oklch(65% 0.066 145);
541
- --candi-success-outline: oklch(60% 0.042 145);
593
+ --candi-success: oklch(78% 0.10 150);
594
+ --candi-success-subtle: oklch(51% 0.06 150);
595
+ --candi-success-soft: oklch(88% 0.08 150);
596
+ --candi-success-warm: oklch(63% 0.085 150);
597
+ --candi-success-hot: oklch(73% 0.115 150);
598
+ --candi-success-strong: oklch(68% 0.11 150);
599
+ --candi-success-outline: oklch(63% 0.07 150);
542
600
  --candi-on-success: oklch(0% 0 0);
543
- --candi-warning: oklch(80% 0.07 75);
544
- --candi-warning-subtle: oklch(53% 0.042 75);
545
- --candi-warning-soft: oklch(90% 0.056 75);
546
- --candi-warning-strong: oklch(70% 0.077 75);
547
- --candi-warning-outline: oklch(65% 0.049 75);
601
+ --candi-warning: oklch(82% 0.12 80);
602
+ --candi-warning-subtle: oklch(55% 0.072 80);
603
+ --candi-warning-soft: oklch(92% 0.096 80);
604
+ --candi-warning-warm: oklch(67% 0.102 80);
605
+ --candi-warning-hot: oklch(77% 0.138 80);
606
+ --candi-warning-strong: oklch(72% 0.132 80);
607
+ --candi-warning-outline: oklch(67% 0.084 80);
548
608
  --candi-on-warning: oklch(0% 0 0);
549
- --candi-error: oklch(75% 0.08 25);
550
- --candi-error-subtle: oklch(48% 0.048 25);
551
- --candi-error-soft: oklch(85% 0.064 25);
552
- --candi-error-strong: oklch(65% 0.088 25);
553
- --candi-error-outline: oklch(60% 0.056 25);
609
+ --candi-error: oklch(78% 0.12 25);
610
+ --candi-error-subtle: oklch(51% 0.072 25);
611
+ --candi-error-soft: oklch(88% 0.096 25);
612
+ --candi-error-warm: oklch(63% 0.102 25);
613
+ --candi-error-hot: oklch(73% 0.138 25);
614
+ --candi-error-strong: oklch(68% 0.132 25);
615
+ --candi-error-outline: oklch(63% 0.084 25);
554
616
  --candi-on-error: oklch(0% 0 0);
555
- --candi-info: oklch(75% 0.06 225);
556
- --candi-info-subtle: oklch(48% 0.036 225);
557
- --candi-info-soft: oklch(85% 0.048 225);
558
- --candi-info-strong: oklch(65% 0.066 225);
559
- --candi-info-outline: oklch(60% 0.042 225);
617
+ --candi-info: oklch(78% 0.10 225);
618
+ --candi-info-subtle: oklch(51% 0.06 225);
619
+ --candi-info-soft: oklch(88% 0.08 225);
620
+ --candi-info-warm: oklch(63% 0.085 225);
621
+ --candi-info-hot: oklch(73% 0.115 225);
622
+ --candi-info-strong: oklch(68% 0.11 225);
623
+ --candi-info-outline: oklch(63% 0.07 225);
560
624
  --candi-on-info: oklch(0% 0 0);
561
625
  /* @tokens-end-dark-root */
562
626
 
@@ -601,12 +665,16 @@
601
665
  --color-candi-red: var(--candi-red);
602
666
  --color-candi-red-subtle: var(--candi-red-subtle);
603
667
  --color-candi-red-soft: var(--candi-red-soft);
668
+ --color-candi-red-warm: var(--candi-red-warm);
669
+ --color-candi-red-hot: var(--candi-red-hot);
604
670
  --color-candi-red-strong: var(--candi-red-strong);
605
671
  --color-candi-red-outline: var(--candi-red-outline);
606
672
  --color-candi-on-red: var(--candi-on-red);
607
673
  --color-candi-blue: var(--candi-blue);
608
674
  --color-candi-blue-subtle: var(--candi-blue-subtle);
609
675
  --color-candi-blue-soft: var(--candi-blue-soft);
676
+ --color-candi-blue-warm: var(--candi-blue-warm);
677
+ --color-candi-blue-hot: var(--candi-blue-hot);
610
678
  --color-candi-blue-strong: var(--candi-blue-strong);
611
679
  --color-candi-blue-outline: var(--candi-blue-outline);
612
680
  --color-candi-on-blue: var(--candi-on-blue);
@@ -661,36 +729,48 @@
661
729
  --color-candi-accent: var(--candi-accent);
662
730
  --color-candi-accent-subtle: var(--candi-accent-subtle);
663
731
  --color-candi-accent-soft: var(--candi-accent-soft);
732
+ --color-candi-accent-warm: var(--candi-accent-warm);
733
+ --color-candi-accent-hot: var(--candi-accent-hot);
664
734
  --color-candi-accent-strong: var(--candi-accent-strong);
665
735
  --color-candi-accent-outline: var(--candi-accent-outline);
666
736
  --color-candi-on-accent: var(--candi-on-accent);
667
737
  --color-candi-secondary: var(--candi-secondary);
668
738
  --color-candi-secondary-subtle: var(--candi-secondary-subtle);
669
739
  --color-candi-secondary-soft: var(--candi-secondary-soft);
740
+ --color-candi-secondary-warm: var(--candi-secondary-warm);
741
+ --color-candi-secondary-hot: var(--candi-secondary-hot);
670
742
  --color-candi-secondary-strong: var(--candi-secondary-strong);
671
743
  --color-candi-secondary-outline: var(--candi-secondary-outline);
672
744
  --color-candi-on-secondary: var(--candi-on-secondary);
673
745
  --color-candi-success: var(--candi-success);
674
746
  --color-candi-success-subtle: var(--candi-success-subtle);
675
747
  --color-candi-success-soft: var(--candi-success-soft);
748
+ --color-candi-success-warm: var(--candi-success-warm);
749
+ --color-candi-success-hot: var(--candi-success-hot);
676
750
  --color-candi-success-strong: var(--candi-success-strong);
677
751
  --color-candi-success-outline: var(--candi-success-outline);
678
752
  --color-candi-on-success: var(--candi-on-success);
679
753
  --color-candi-warning: var(--candi-warning);
680
754
  --color-candi-warning-subtle: var(--candi-warning-subtle);
681
755
  --color-candi-warning-soft: var(--candi-warning-soft);
756
+ --color-candi-warning-warm: var(--candi-warning-warm);
757
+ --color-candi-warning-hot: var(--candi-warning-hot);
682
758
  --color-candi-warning-strong: var(--candi-warning-strong);
683
759
  --color-candi-warning-outline: var(--candi-warning-outline);
684
760
  --color-candi-on-warning: var(--candi-on-warning);
685
761
  --color-candi-error: var(--candi-error);
686
762
  --color-candi-error-subtle: var(--candi-error-subtle);
687
763
  --color-candi-error-soft: var(--candi-error-soft);
764
+ --color-candi-error-warm: var(--candi-error-warm);
765
+ --color-candi-error-hot: var(--candi-error-hot);
688
766
  --color-candi-error-strong: var(--candi-error-strong);
689
767
  --color-candi-error-outline: var(--candi-error-outline);
690
768
  --color-candi-on-error: var(--candi-on-error);
691
769
  --color-candi-info: var(--candi-info);
692
770
  --color-candi-info-subtle: var(--candi-info-subtle);
693
771
  --color-candi-info-soft: var(--candi-info-soft);
772
+ --color-candi-info-warm: var(--candi-info-warm);
773
+ --color-candi-info-hot: var(--candi-info-hot);
694
774
  --color-candi-info-strong: var(--candi-info-strong);
695
775
  --color-candi-info-outline: var(--candi-info-outline);
696
776
  --color-candi-on-info: var(--candi-on-info);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wtasnorg/candi",
3
- "version": "0.0.32",
3
+ "version": "0.0.36",
4
4
  "description": "A Tailwind CSS theme inspired by Nordic/Scandinavian Hygge & Lagom design principles",
5
5
  "keywords": [
6
6
  "tailwindcss",
@@ -100,7 +100,9 @@
100
100
  "lint:md": "markdownlint-cli2 \"**/*.md\" \"!node_modules\" \"!website/node_modules\" \"!**/.dart_tool\"",
101
101
  "lint:md:fix": "markdownlint-cli2 --fix \"**/*.md\" \"!node_modules\" \"!website/node_modules\"",
102
102
  "lint:all": "echo 'Linting Tokens...' && npm run lint:tokens -s && echo 'Linting Dart...' && npm run lint:dart -s && echo 'Linting Markdown...' && npm run lint:md -s",
103
- "install:local": "bash scripts/install-local.sh"
103
+ "install:local": "bash scripts/install-local.sh",
104
+ "prepublish:all": "npm run build:all && npm run test:all && npm run lint:all && npm run artifact",
105
+ "publish:gh": "npm run prepublish:all && cd website && npm run build && npx gh-pages -d dist"
104
106
  },
105
107
  "peerDependencies": {
106
108
  "tailwindcss": ">=3.0.0 || >=4.0.0"