@wtasnorg/candi 0.0.31 → 0.0.34
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.
- package/README.md +9 -0
- package/dist/base.css +117 -85
- package/dist/colors.js +521 -265
- package/dist/colors.json +521 -265
- package/dist/colors.mjs +521 -265
- package/dist/scandinavian.css +117 -85
- package/dist/v4/theme.css +207 -127
- package/package.json +18 -7
package/dist/v4/theme.css
CHANGED
|
@@ -12,21 +12,21 @@
|
|
|
12
12
|
|
|
13
13
|
@theme {
|
|
14
14
|
/* @tokens-start-v4 */
|
|
15
|
-
--color-candi-bg: oklch(
|
|
16
|
-
--color-candi-surface: oklch(
|
|
17
|
-
--color-candi-elevated: oklch(
|
|
18
|
-
--color-candi-text: oklch(
|
|
19
|
-
--color-candi-text-subtle: oklch(
|
|
20
|
-
--color-candi-text-muted: oklch(
|
|
21
|
-
--color-candi-border: oklch(
|
|
22
|
-
--color-candi-border-strong: oklch(
|
|
23
|
-
--color-candi-divider: oklch(
|
|
15
|
+
--color-candi-bg: oklch(75% 0.01 80);
|
|
16
|
+
--color-candi-surface: oklch(80% 0.01 80);
|
|
17
|
+
--color-candi-elevated: oklch(85% 0.01 80);
|
|
18
|
+
--color-candi-text: oklch(15% 0.015 80);
|
|
19
|
+
--color-candi-text-subtle: oklch(35% 0.01 80);
|
|
20
|
+
--color-candi-text-muted: oklch(45% 0.01 80);
|
|
21
|
+
--color-candi-border: oklch(65% 0.01 80);
|
|
22
|
+
--color-candi-border-strong: oklch(60% 0.01 80);
|
|
23
|
+
--color-candi-divider: oklch(70% 0.01 80);
|
|
24
24
|
--color-candi-link: oklch(50% 0.08 230);
|
|
25
25
|
--color-candi-disabled: oklch(75% 0.005 250);
|
|
26
26
|
--color-candi-overlay: oklch(0% 0 0 / 0.5);
|
|
27
27
|
--color-candi-scrim: oklch(0% 0 0 / 0.32);
|
|
28
28
|
--color-candi-inverse-surface: oklch(25% 0.015 250);
|
|
29
|
-
--color-candi-inverse-text: oklch(92% 0.01
|
|
29
|
+
--color-candi-inverse-text: oklch(92% 0.01 250);
|
|
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);
|
|
@@ -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(
|
|
112
|
-
--color-candi-accent-subtle: oklch(
|
|
113
|
-
--color-candi-accent-soft: oklch(
|
|
114
|
-
--color-candi-accent-
|
|
115
|
-
--color-candi-accent-
|
|
115
|
+
--color-candi-accent: oklch(45% 0.08 250);
|
|
116
|
+
--color-candi-accent-subtle: oklch(78% 0.048 250);
|
|
117
|
+
--color-candi-accent-soft: oklch(55% 0.064 250);
|
|
118
|
+
--color-candi-accent-warm: oklch(60% 0.068 250);
|
|
119
|
+
--color-candi-accent-hot: oklch(40% 0.092 250);
|
|
120
|
+
--color-candi-accent-strong: oklch(35% 0.088 250);
|
|
121
|
+
--color-candi-accent-outline: oklch(30% 0.056 250);
|
|
116
122
|
--color-candi-on-accent: oklch(100% 0 0);
|
|
117
|
-
--color-candi-secondary: oklch(
|
|
118
|
-
--color-candi-secondary-subtle: oklch(
|
|
119
|
-
--color-candi-secondary-soft: oklch(
|
|
120
|
-
--color-candi-secondary-
|
|
121
|
-
--color-candi-secondary-
|
|
122
|
-
--color-candi-
|
|
123
|
-
--color-candi-
|
|
124
|
-
--color-candi-
|
|
125
|
-
--color-candi-success
|
|
126
|
-
--color-candi-success-
|
|
127
|
-
--color-candi-success-
|
|
123
|
+
--color-candi-secondary: oklch(50% 0.07 15);
|
|
124
|
+
--color-candi-secondary-subtle: oklch(83% 0.042 15);
|
|
125
|
+
--color-candi-secondary-soft: oklch(60% 0.056 15);
|
|
126
|
+
--color-candi-secondary-warm: oklch(65% 0.0595 15);
|
|
127
|
+
--color-candi-secondary-hot: oklch(45% 0.0805 15);
|
|
128
|
+
--color-candi-secondary-strong: oklch(40% 0.077 15);
|
|
129
|
+
--color-candi-secondary-outline: oklch(35% 0.049 15);
|
|
130
|
+
--color-candi-on-secondary: oklch(100% 0 0);
|
|
131
|
+
--color-candi-success: oklch(45% 0.06 145);
|
|
132
|
+
--color-candi-success-subtle: oklch(78% 0.036 145);
|
|
133
|
+
--color-candi-success-soft: oklch(55% 0.048 145);
|
|
134
|
+
--color-candi-success-warm: oklch(60% 0.051 145);
|
|
135
|
+
--color-candi-success-hot: oklch(40% 0.069 145);
|
|
136
|
+
--color-candi-success-strong: oklch(35% 0.066 145);
|
|
137
|
+
--color-candi-success-outline: oklch(30% 0.042 145);
|
|
128
138
|
--color-candi-on-success: oklch(100% 0 0);
|
|
129
|
-
--color-candi-warning: oklch(
|
|
130
|
-
--color-candi-warning-subtle: oklch(
|
|
131
|
-
--color-candi-warning-soft: oklch(
|
|
132
|
-
--color-candi-warning-
|
|
133
|
-
--color-candi-warning-
|
|
134
|
-
--color-candi-
|
|
135
|
-
--color-candi-
|
|
136
|
-
--color-candi-
|
|
137
|
-
--color-candi-error
|
|
138
|
-
--color-candi-error-
|
|
139
|
-
--color-candi-error-
|
|
139
|
+
--color-candi-warning: oklch(50% 0.07 75);
|
|
140
|
+
--color-candi-warning-subtle: oklch(83% 0.042 75);
|
|
141
|
+
--color-candi-warning-soft: oklch(60% 0.056 75);
|
|
142
|
+
--color-candi-warning-warm: oklch(65% 0.0595 75);
|
|
143
|
+
--color-candi-warning-hot: oklch(45% 0.0805 75);
|
|
144
|
+
--color-candi-warning-strong: oklch(40% 0.077 75);
|
|
145
|
+
--color-candi-warning-outline: oklch(35% 0.049 75);
|
|
146
|
+
--color-candi-on-warning: oklch(100% 0 0);
|
|
147
|
+
--color-candi-error: oklch(45% 0.08 25);
|
|
148
|
+
--color-candi-error-subtle: oklch(78% 0.048 25);
|
|
149
|
+
--color-candi-error-soft: oklch(55% 0.064 25);
|
|
150
|
+
--color-candi-error-warm: oklch(60% 0.068 25);
|
|
151
|
+
--color-candi-error-hot: oklch(40% 0.092 25);
|
|
152
|
+
--color-candi-error-strong: oklch(35% 0.088 25);
|
|
153
|
+
--color-candi-error-outline: oklch(30% 0.056 25);
|
|
140
154
|
--color-candi-on-error: oklch(100% 0 0);
|
|
141
|
-
--color-candi-info: oklch(
|
|
142
|
-
--color-candi-info-subtle: oklch(
|
|
143
|
-
--color-candi-info-soft: oklch(
|
|
144
|
-
--color-candi-info-
|
|
145
|
-
--color-candi-info-
|
|
155
|
+
--color-candi-info: oklch(45% 0.06 225);
|
|
156
|
+
--color-candi-info-subtle: oklch(78% 0.036 225);
|
|
157
|
+
--color-candi-info-soft: oklch(55% 0.048 225);
|
|
158
|
+
--color-candi-info-warm: oklch(60% 0.051 225);
|
|
159
|
+
--color-candi-info-hot: oklch(40% 0.069 225);
|
|
160
|
+
--color-candi-info-strong: oklch(35% 0.066 225);
|
|
161
|
+
--color-candi-info-outline: oklch(30% 0.042 225);
|
|
146
162
|
--color-candi-on-info: oklch(100% 0 0);
|
|
147
163
|
/* @tokens-end-v4 */
|
|
148
164
|
}
|
|
@@ -153,21 +169,21 @@
|
|
|
153
169
|
/* Backward compatibility and Theme Implementation */
|
|
154
170
|
:root {
|
|
155
171
|
/* @tokens-start-root */
|
|
156
|
-
--candi-bg: oklch(
|
|
157
|
-
--candi-surface: oklch(
|
|
158
|
-
--candi-elevated: oklch(
|
|
159
|
-
--candi-text: oklch(
|
|
160
|
-
--candi-text-subtle: oklch(
|
|
161
|
-
--candi-text-muted: oklch(
|
|
162
|
-
--candi-border: oklch(
|
|
163
|
-
--candi-border-strong: oklch(
|
|
164
|
-
--candi-divider: oklch(
|
|
172
|
+
--candi-bg: oklch(75% 0.01 80);
|
|
173
|
+
--candi-surface: oklch(80% 0.01 80);
|
|
174
|
+
--candi-elevated: oklch(85% 0.01 80);
|
|
175
|
+
--candi-text: oklch(15% 0.015 80);
|
|
176
|
+
--candi-text-subtle: oklch(35% 0.01 80);
|
|
177
|
+
--candi-text-muted: oklch(45% 0.01 80);
|
|
178
|
+
--candi-border: oklch(65% 0.01 80);
|
|
179
|
+
--candi-border-strong: oklch(60% 0.01 80);
|
|
180
|
+
--candi-divider: oklch(70% 0.01 80);
|
|
165
181
|
--candi-link: oklch(50% 0.08 230);
|
|
166
182
|
--candi-disabled: oklch(75% 0.005 250);
|
|
167
183
|
--candi-overlay: oklch(0% 0 0 / 0.5);
|
|
168
184
|
--candi-scrim: oklch(0% 0 0 / 0.32);
|
|
169
185
|
--candi-inverse-surface: oklch(25% 0.015 250);
|
|
170
|
-
--candi-inverse-text: oklch(92% 0.01
|
|
186
|
+
--candi-inverse-text: oklch(92% 0.01 250);
|
|
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);
|
|
@@ -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(
|
|
253
|
-
--candi-accent-subtle: oklch(
|
|
254
|
-
--candi-accent-soft: oklch(
|
|
255
|
-
--candi-accent-
|
|
256
|
-
--candi-accent-
|
|
272
|
+
--candi-accent: oklch(45% 0.08 250);
|
|
273
|
+
--candi-accent-subtle: oklch(78% 0.048 250);
|
|
274
|
+
--candi-accent-soft: oklch(55% 0.064 250);
|
|
275
|
+
--candi-accent-warm: oklch(60% 0.068 250);
|
|
276
|
+
--candi-accent-hot: oklch(40% 0.092 250);
|
|
277
|
+
--candi-accent-strong: oklch(35% 0.088 250);
|
|
278
|
+
--candi-accent-outline: oklch(30% 0.056 250);
|
|
257
279
|
--candi-on-accent: oklch(100% 0 0);
|
|
258
|
-
--candi-secondary: oklch(
|
|
259
|
-
--candi-secondary-subtle: oklch(
|
|
260
|
-
--candi-secondary-soft: oklch(
|
|
261
|
-
--candi-secondary-
|
|
262
|
-
--candi-secondary-
|
|
263
|
-
--candi-
|
|
264
|
-
--candi-
|
|
265
|
-
--candi-
|
|
266
|
-
--candi-success
|
|
267
|
-
--candi-success-
|
|
268
|
-
--candi-success-
|
|
280
|
+
--candi-secondary: oklch(50% 0.07 15);
|
|
281
|
+
--candi-secondary-subtle: oklch(83% 0.042 15);
|
|
282
|
+
--candi-secondary-soft: oklch(60% 0.056 15);
|
|
283
|
+
--candi-secondary-warm: oklch(65% 0.0595 15);
|
|
284
|
+
--candi-secondary-hot: oklch(45% 0.0805 15);
|
|
285
|
+
--candi-secondary-strong: oklch(40% 0.077 15);
|
|
286
|
+
--candi-secondary-outline: oklch(35% 0.049 15);
|
|
287
|
+
--candi-on-secondary: oklch(100% 0 0);
|
|
288
|
+
--candi-success: oklch(45% 0.06 145);
|
|
289
|
+
--candi-success-subtle: oklch(78% 0.036 145);
|
|
290
|
+
--candi-success-soft: oklch(55% 0.048 145);
|
|
291
|
+
--candi-success-warm: oklch(60% 0.051 145);
|
|
292
|
+
--candi-success-hot: oklch(40% 0.069 145);
|
|
293
|
+
--candi-success-strong: oklch(35% 0.066 145);
|
|
294
|
+
--candi-success-outline: oklch(30% 0.042 145);
|
|
269
295
|
--candi-on-success: oklch(100% 0 0);
|
|
270
|
-
--candi-warning: oklch(
|
|
271
|
-
--candi-warning-subtle: oklch(
|
|
272
|
-
--candi-warning-soft: oklch(
|
|
273
|
-
--candi-warning-
|
|
274
|
-
--candi-warning-
|
|
275
|
-
--candi-
|
|
276
|
-
--candi-
|
|
277
|
-
--candi-
|
|
278
|
-
--candi-error
|
|
279
|
-
--candi-error-
|
|
280
|
-
--candi-error-
|
|
296
|
+
--candi-warning: oklch(50% 0.07 75);
|
|
297
|
+
--candi-warning-subtle: oklch(83% 0.042 75);
|
|
298
|
+
--candi-warning-soft: oklch(60% 0.056 75);
|
|
299
|
+
--candi-warning-warm: oklch(65% 0.0595 75);
|
|
300
|
+
--candi-warning-hot: oklch(45% 0.0805 75);
|
|
301
|
+
--candi-warning-strong: oklch(40% 0.077 75);
|
|
302
|
+
--candi-warning-outline: oklch(35% 0.049 75);
|
|
303
|
+
--candi-on-warning: oklch(100% 0 0);
|
|
304
|
+
--candi-error: oklch(45% 0.08 25);
|
|
305
|
+
--candi-error-subtle: oklch(78% 0.048 25);
|
|
306
|
+
--candi-error-soft: oklch(55% 0.064 25);
|
|
307
|
+
--candi-error-warm: oklch(60% 0.068 25);
|
|
308
|
+
--candi-error-hot: oklch(40% 0.092 25);
|
|
309
|
+
--candi-error-strong: oklch(35% 0.088 25);
|
|
310
|
+
--candi-error-outline: oklch(30% 0.056 25);
|
|
281
311
|
--candi-on-error: oklch(100% 0 0);
|
|
282
|
-
--candi-info: oklch(
|
|
283
|
-
--candi-info-subtle: oklch(
|
|
284
|
-
--candi-info-soft: oklch(
|
|
285
|
-
--candi-info-
|
|
286
|
-
--candi-info-
|
|
312
|
+
--candi-info: oklch(45% 0.06 225);
|
|
313
|
+
--candi-info-subtle: oklch(78% 0.036 225);
|
|
314
|
+
--candi-info-soft: oklch(55% 0.048 225);
|
|
315
|
+
--candi-info-warm: oklch(60% 0.051 225);
|
|
316
|
+
--candi-info-hot: oklch(40% 0.069 225);
|
|
317
|
+
--candi-info-strong: oklch(35% 0.066 225);
|
|
318
|
+
--candi-info-outline: oklch(30% 0.042 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,21 +474,21 @@
|
|
|
426
474
|
|
|
427
475
|
.dark {
|
|
428
476
|
/* @tokens-start-dark-root */
|
|
429
|
-
--candi-bg: oklch(
|
|
430
|
-
--candi-surface: oklch(
|
|
431
|
-
--candi-elevated: oklch(
|
|
432
|
-
--candi-text: oklch(
|
|
433
|
-
--candi-text-subtle: oklch(
|
|
434
|
-
--candi-text-muted: oklch(
|
|
435
|
-
--candi-border: oklch(
|
|
436
|
-
--candi-border-strong: oklch(
|
|
437
|
-
--candi-divider: oklch(
|
|
438
|
-
--candi-link: oklch(65% 0.08
|
|
439
|
-
--candi-disabled: oklch(45% 0.005
|
|
477
|
+
--candi-bg: oklch(25% 0.015 250);
|
|
478
|
+
--candi-surface: oklch(30% 0.012 250);
|
|
479
|
+
--candi-elevated: oklch(35% 0.015 250);
|
|
480
|
+
--candi-text: oklch(85% 0.01 250);
|
|
481
|
+
--candi-text-subtle: oklch(70% 0.01 250);
|
|
482
|
+
--candi-text-muted: oklch(60% 0.008 250);
|
|
483
|
+
--candi-border: oklch(40% 0.01 250);
|
|
484
|
+
--candi-border-strong: oklch(45% 0.012 250);
|
|
485
|
+
--candi-divider: oklch(35% 0.008 250);
|
|
486
|
+
--candi-link: oklch(65% 0.08 250);
|
|
487
|
+
--candi-disabled: oklch(45% 0.005 250);
|
|
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.
|
|
443
|
-
--candi-inverse-text: oklch(25% 0.015
|
|
490
|
+
--candi-inverse-surface: oklch(92% 0.01 250);
|
|
491
|
+
--candi-inverse-text: oklch(25% 0.015 250);
|
|
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);
|
|
@@ -465,12 +513,16 @@
|
|
|
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(
|
|
526
|
-
--candi-accent-subtle: oklch(
|
|
527
|
-
--candi-accent-soft: oklch(
|
|
528
|
-
--candi-accent-
|
|
529
|
-
--candi-accent-
|
|
577
|
+
--candi-accent: oklch(70% 0.08 250);
|
|
578
|
+
--candi-accent-subtle: oklch(43% 0.048 250);
|
|
579
|
+
--candi-accent-soft: oklch(80% 0.064 250);
|
|
580
|
+
--candi-accent-warm: oklch(55% 0.068 250);
|
|
581
|
+
--candi-accent-hot: oklch(65% 0.092 250);
|
|
582
|
+
--candi-accent-strong: oklch(60% 0.088 250);
|
|
583
|
+
--candi-accent-outline: oklch(55% 0.056 250);
|
|
530
584
|
--candi-on-accent: oklch(0% 0 0);
|
|
531
|
-
--candi-secondary: oklch(
|
|
532
|
-
--candi-secondary-subtle: oklch(
|
|
533
|
-
--candi-secondary-soft: oklch(
|
|
534
|
-
--candi-secondary-
|
|
535
|
-
--candi-secondary-
|
|
585
|
+
--candi-secondary: oklch(75% 0.07 15);
|
|
586
|
+
--candi-secondary-subtle: oklch(48% 0.042 15);
|
|
587
|
+
--candi-secondary-soft: oklch(85% 0.056 15);
|
|
588
|
+
--candi-secondary-warm: oklch(60% 0.0595 15);
|
|
589
|
+
--candi-secondary-hot: oklch(70% 0.0805 15);
|
|
590
|
+
--candi-secondary-strong: oklch(65% 0.077 15);
|
|
591
|
+
--candi-secondary-outline: oklch(60% 0.049 15);
|
|
536
592
|
--candi-on-secondary: oklch(0% 0 0);
|
|
537
|
-
--candi-success: oklch(
|
|
538
|
-
--candi-success-subtle: oklch(
|
|
539
|
-
--candi-success-soft: oklch(
|
|
540
|
-
--candi-success-
|
|
541
|
-
--candi-success-
|
|
593
|
+
--candi-success: oklch(80% 0.06 145);
|
|
594
|
+
--candi-success-subtle: oklch(53% 0.036 145);
|
|
595
|
+
--candi-success-soft: oklch(90% 0.048 145);
|
|
596
|
+
--candi-success-warm: oklch(65% 0.051 145);
|
|
597
|
+
--candi-success-hot: oklch(75% 0.069 145);
|
|
598
|
+
--candi-success-strong: oklch(70% 0.066 145);
|
|
599
|
+
--candi-success-outline: oklch(65% 0.042 145);
|
|
542
600
|
--candi-on-success: oklch(0% 0 0);
|
|
543
|
-
--candi-warning: oklch(
|
|
544
|
-
--candi-warning-subtle: oklch(
|
|
545
|
-
--candi-warning-soft: oklch(
|
|
546
|
-
--candi-warning-
|
|
547
|
-
--candi-warning-
|
|
601
|
+
--candi-warning: oklch(85% 0.07 75);
|
|
602
|
+
--candi-warning-subtle: oklch(58% 0.042 75);
|
|
603
|
+
--candi-warning-soft: oklch(95% 0.056 75);
|
|
604
|
+
--candi-warning-warm: oklch(70% 0.0595 75);
|
|
605
|
+
--candi-warning-hot: oklch(80% 0.0805 75);
|
|
606
|
+
--candi-warning-strong: oklch(75% 0.077 75);
|
|
607
|
+
--candi-warning-outline: oklch(70% 0.049 75);
|
|
548
608
|
--candi-on-warning: oklch(0% 0 0);
|
|
549
|
-
--candi-error: oklch(
|
|
550
|
-
--candi-error-subtle: oklch(
|
|
551
|
-
--candi-error-soft: oklch(
|
|
552
|
-
--candi-error-
|
|
553
|
-
--candi-error-
|
|
609
|
+
--candi-error: oklch(80% 0.08 25);
|
|
610
|
+
--candi-error-subtle: oklch(53% 0.048 25);
|
|
611
|
+
--candi-error-soft: oklch(90% 0.064 25);
|
|
612
|
+
--candi-error-warm: oklch(65% 0.068 25);
|
|
613
|
+
--candi-error-hot: oklch(75% 0.092 25);
|
|
614
|
+
--candi-error-strong: oklch(70% 0.088 25);
|
|
615
|
+
--candi-error-outline: oklch(65% 0.056 25);
|
|
554
616
|
--candi-on-error: oklch(0% 0 0);
|
|
555
|
-
--candi-info: oklch(
|
|
556
|
-
--candi-info-subtle: oklch(
|
|
557
|
-
--candi-info-soft: oklch(
|
|
558
|
-
--candi-info-
|
|
559
|
-
--candi-info-
|
|
617
|
+
--candi-info: oklch(80% 0.06 225);
|
|
618
|
+
--candi-info-subtle: oklch(53% 0.036 225);
|
|
619
|
+
--candi-info-soft: oklch(90% 0.048 225);
|
|
620
|
+
--candi-info-warm: oklch(65% 0.051 225);
|
|
621
|
+
--candi-info-hot: oklch(75% 0.069 225);
|
|
622
|
+
--candi-info-strong: oklch(70% 0.066 225);
|
|
623
|
+
--candi-info-outline: oklch(65% 0.042 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.
|
|
3
|
+
"version": "0.0.34",
|
|
4
4
|
"description": "A Tailwind CSS theme inspired by Nordic/Scandinavian Hygge & Lagom design principles",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"tailwindcss",
|
|
@@ -62,10 +62,10 @@
|
|
|
62
62
|
"build:konsole": "node scripts/build-konsole.js",
|
|
63
63
|
"build:gnome": "node scripts/build-gnome.js",
|
|
64
64
|
"build:obsidian": "node scripts/build-obsidian.js",
|
|
65
|
-
"build:showcase": "cd showcase_flutter && flutter build web",
|
|
65
|
+
"build:showcase": "cd showcase_flutter && flutter build web --no-wasm-dry-run > /dev/null",
|
|
66
66
|
"build:docs": "node scripts/build-docs.js",
|
|
67
|
-
"build:all": "npm run build && npm run build:flutter && npm run build:vscode && npm run build:vim && npm run build:kde && npm run build:konsole && npm run build:gnome && npm run build:obsidian && npm run build:docs && npm run build:showcase",
|
|
68
|
-
"format:flutter": "cd flutter && dart format lib",
|
|
67
|
+
"build:all": "echo 'Building Core...' && npm run build -s && echo 'Building Flutter...' && npm run build:flutter -s && echo 'Building VS Code...' && npm run build:vscode -s && echo 'Building Vim...' && npm run build:vim -s && echo 'Building KDE...' && npm run build:kde -s && echo 'Building Konsole...' && npm run build:konsole -s && echo 'Building Gnome...' && npm run build:gnome -s && echo 'Building Obsidian...' && npm run build:obsidian -s && echo 'Building Docs...' && npm run build:docs -s && echo 'Building Showcase...' && npm run build:showcase -s",
|
|
68
|
+
"format:flutter": "cd flutter && dart format lib > /dev/null",
|
|
69
69
|
"prepublishOnly": "npm run build:all",
|
|
70
70
|
"test:color": "node scripts/test-color.js",
|
|
71
71
|
"test:colors": "node scripts/test-color-conversions.js",
|
|
@@ -78,7 +78,15 @@
|
|
|
78
78
|
"test:gnome": "node scripts/test-gnome.js",
|
|
79
79
|
"test:obsidian": "node scripts/test-obsidian.js",
|
|
80
80
|
"test:showcase": "cd showcase_flutter && flutter test",
|
|
81
|
-
"test:
|
|
81
|
+
"test:scripts": "node scripts/test-scripts.js",
|
|
82
|
+
"test:conv": "node scripts/test-color-conv.js",
|
|
83
|
+
"test:sync": "node scripts/test-sync.js",
|
|
84
|
+
"test:lint-tokens": "node scripts/test-lint-tokens.js",
|
|
85
|
+
"test:gen-primitives": "node scripts/test-gen-primitives.js",
|
|
86
|
+
"test:build-docs": "node scripts/test-build-docs.js",
|
|
87
|
+
"test:package-artifacts": "node scripts/test-package-artifacts.js",
|
|
88
|
+
"test:guard-semantics": "node scripts/test-guard-semantics.js",
|
|
89
|
+
"test:all": "echo 'Testing Core...' && npm run test:src -s && npm run test:color -s && npm run test:colors -s && npm run test:conv -s && npm run test:sync -s && npm run test:lint-tokens -s && npm run test:gen-primitives -s && npm run test:build-docs -s && npm run test:guard-semantics -s && echo 'Testing Flutter...' && npm run test:flutter -s && echo 'Testing VS Code...' && npm run test:vscode -s && echo 'Testing Vim...' && npm run test:vim -s && echo 'Testing KDE...' && npm run test:kde -s && echo 'Testing Konsole...' && npm run test:konsole -s && echo 'Testing Gnome...' && npm run test:gnome -s && echo 'Testing Obsidian...' && npm run test:obsidian -s && echo 'Testing Showcase...' && npm run test:showcase -s && echo 'Testing Scripts...' && npm run test:scripts -s && echo 'Testing Packaging...' && npm run test:package-artifacts -s",
|
|
82
90
|
"test": "npm run test:all",
|
|
83
91
|
"vscode:package": "cd vscode && npx -y @vscode/vsce package",
|
|
84
92
|
"flutter:pub": "cd flutter && flutter pub get",
|
|
@@ -91,7 +99,10 @@
|
|
|
91
99
|
"lint:tokens": "node scripts/lint-tokens.js",
|
|
92
100
|
"lint:md": "markdownlint-cli2 \"**/*.md\" \"!node_modules\" \"!website/node_modules\" \"!**/.dart_tool\"",
|
|
93
101
|
"lint:md:fix": "markdownlint-cli2 --fix \"**/*.md\" \"!node_modules\" \"!website/node_modules\"",
|
|
94
|
-
"lint:all": "npm run lint:tokens && npm run lint:dart && npm run lint:md"
|
|
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",
|
|
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"
|
|
95
106
|
},
|
|
96
107
|
"peerDependencies": {
|
|
97
108
|
"tailwindcss": ">=3.0.0 || >=4.0.0"
|
|
@@ -106,4 +117,4 @@
|
|
|
106
117
|
"dependencies": {
|
|
107
118
|
"culori": "^4.0.2"
|
|
108
119
|
}
|
|
109
|
-
}
|
|
120
|
+
}
|