@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/README.md
CHANGED
|
@@ -125,6 +125,14 @@ candi/
|
|
|
125
125
|
| `npm test` | Run all tests |
|
|
126
126
|
| `npm run test:color` | Test color definitions |
|
|
127
127
|
| `npm run test:colors` | Test color conversions |
|
|
128
|
+
| `npm run test:conv` | Unit test color-conv.js functions |
|
|
129
|
+
| `npm run test:sync` | Test sync-colors.js output |
|
|
130
|
+
| `npm run test:lint-tokens` | Validate token schema |
|
|
131
|
+
| `npm run test:gen-primitives` | Test semantic color generation |
|
|
132
|
+
| `npm run test:build-docs` | Test version injection |
|
|
133
|
+
| `npm run test:guard-semantics` | Validate palette integrity |
|
|
134
|
+
| `npm run test:scripts` | Regression test all build outputs |
|
|
135
|
+
| `npm run test:package-artifacts` | Test artifact generation |
|
|
128
136
|
| `npm run test:flutter` | Test Flutter package |
|
|
129
137
|
| `npm run test:vscode` | Test VS Code extension |
|
|
130
138
|
| `npm run test:vim` | Test Vim colorschemes |
|
|
@@ -139,6 +147,7 @@ candi/
|
|
|
139
147
|
| :--- | :--- |
|
|
140
148
|
| `npm run artifact` | Package all platforms into zip archives |
|
|
141
149
|
| `npm run vscode:package` | Generate `.vsix` VS Code extension |
|
|
150
|
+
| `npm run install:local` | Install themes to local system (Dry-run by default, uses artifacts) |
|
|
142
151
|
| `./scripts/package-bump.sh <version>` | Bump version across all packages |
|
|
143
152
|
|
|
144
153
|
---
|
package/dist/base.css
CHANGED
|
@@ -12,21 +12,21 @@
|
|
|
12
12
|
|
|
13
13
|
:root {
|
|
14
14
|
/* @tokens-start-light */
|
|
15
|
-
--candi-bg: oklch(
|
|
16
|
-
--candi-surface: oklch(
|
|
17
|
-
--candi-elevated: oklch(
|
|
18
|
-
--candi-text: oklch(
|
|
19
|
-
--candi-text-subtle: oklch(
|
|
20
|
-
--candi-text-muted: oklch(
|
|
21
|
-
--candi-border: oklch(
|
|
22
|
-
--candi-border-strong: oklch(
|
|
23
|
-
--candi-divider: oklch(
|
|
15
|
+
--candi-bg: oklch(75% 0.01 80);
|
|
16
|
+
--candi-surface: oklch(80% 0.01 80);
|
|
17
|
+
--candi-elevated: oklch(85% 0.01 80);
|
|
18
|
+
--candi-text: oklch(15% 0.015 80);
|
|
19
|
+
--candi-text-subtle: oklch(35% 0.01 80);
|
|
20
|
+
--candi-text-muted: oklch(45% 0.01 80);
|
|
21
|
+
--candi-border: oklch(65% 0.01 80);
|
|
22
|
+
--candi-border-strong: oklch(60% 0.01 80);
|
|
23
|
+
--candi-divider: oklch(70% 0.01 80);
|
|
24
24
|
--candi-link: oklch(50% 0.08 230);
|
|
25
25
|
--candi-disabled: oklch(75% 0.005 250);
|
|
26
26
|
--candi-overlay: oklch(0% 0 0 / 0.5);
|
|
27
27
|
--candi-scrim: oklch(0% 0 0 / 0.32);
|
|
28
28
|
--candi-inverse-surface: oklch(25% 0.015 250);
|
|
29
|
-
--candi-inverse-text: oklch(92% 0.01
|
|
29
|
+
--candi-inverse-text: oklch(92% 0.01 250);
|
|
30
30
|
--candi-shadow: 0 2px 8px rgba(45, 50, 57, 0.06);
|
|
31
31
|
--candi-shadow-md: 0 4px 20px rgba(45, 50, 57, 0.1);
|
|
32
32
|
--candi-shadow-lg: 0 8px 40px rgba(45, 50, 57, 0.15);
|
|
@@ -51,12 +51,16 @@
|
|
|
51
51
|
--candi-red: oklch(55% 0.14 25);
|
|
52
52
|
--candi-red-subtle: oklch(88% 0.11 25);
|
|
53
53
|
--candi-red-soft: oklch(65% 0.13 25);
|
|
54
|
+
--candi-red-warm: oklch(70% 0.12 25);
|
|
55
|
+
--candi-red-hot: oklch(50% 0.16 25);
|
|
54
56
|
--candi-red-strong: oklch(45% 0.15 25);
|
|
55
57
|
--candi-red-outline: oklch(40% 0.13 25);
|
|
56
58
|
--candi-on-red: oklch(100% 0 0);
|
|
57
59
|
--candi-blue: oklch(50% 0.12 250);
|
|
58
60
|
--candi-blue-subtle: oklch(83% 0.10 250);
|
|
59
61
|
--candi-blue-soft: oklch(60% 0.11 250);
|
|
62
|
+
--candi-blue-warm: oklch(65% 0.10 250);
|
|
63
|
+
--candi-blue-hot: oklch(45% 0.14 250);
|
|
60
64
|
--candi-blue-strong: oklch(40% 0.13 250);
|
|
61
65
|
--candi-blue-outline: oklch(35% 0.11 250);
|
|
62
66
|
--candi-on-blue: oklch(100% 0 0);
|
|
@@ -108,62 +112,74 @@
|
|
|
108
112
|
--candi-silver-strong: oklch(65% 0.012 250);
|
|
109
113
|
--candi-silver-outline: oklch(60% 0.009 250);
|
|
110
114
|
--candi-on-silver: oklch(0% 0 0);
|
|
111
|
-
--candi-accent: oklch(
|
|
112
|
-
--candi-accent-subtle: oklch(
|
|
113
|
-
--candi-accent-soft: oklch(
|
|
114
|
-
--candi-accent-
|
|
115
|
-
--candi-accent-
|
|
115
|
+
--candi-accent: oklch(45% 0.08 250);
|
|
116
|
+
--candi-accent-subtle: oklch(78% 0.048 250);
|
|
117
|
+
--candi-accent-soft: oklch(55% 0.064 250);
|
|
118
|
+
--candi-accent-warm: oklch(60% 0.068 250);
|
|
119
|
+
--candi-accent-hot: oklch(40% 0.092 250);
|
|
120
|
+
--candi-accent-strong: oklch(35% 0.088 250);
|
|
121
|
+
--candi-accent-outline: oklch(30% 0.056 250);
|
|
116
122
|
--candi-on-accent: oklch(100% 0 0);
|
|
117
|
-
--candi-secondary: oklch(
|
|
118
|
-
--candi-secondary-subtle: oklch(
|
|
119
|
-
--candi-secondary-soft: oklch(
|
|
120
|
-
--candi-secondary-
|
|
121
|
-
--candi-secondary-
|
|
122
|
-
--candi-
|
|
123
|
-
--candi-
|
|
124
|
-
--candi-
|
|
125
|
-
--candi-success
|
|
126
|
-
--candi-success-
|
|
127
|
-
--candi-success-
|
|
123
|
+
--candi-secondary: oklch(50% 0.07 15);
|
|
124
|
+
--candi-secondary-subtle: oklch(83% 0.042 15);
|
|
125
|
+
--candi-secondary-soft: oklch(60% 0.056 15);
|
|
126
|
+
--candi-secondary-warm: oklch(65% 0.0595 15);
|
|
127
|
+
--candi-secondary-hot: oklch(45% 0.0805 15);
|
|
128
|
+
--candi-secondary-strong: oklch(40% 0.077 15);
|
|
129
|
+
--candi-secondary-outline: oklch(35% 0.049 15);
|
|
130
|
+
--candi-on-secondary: oklch(100% 0 0);
|
|
131
|
+
--candi-success: oklch(45% 0.06 145);
|
|
132
|
+
--candi-success-subtle: oklch(78% 0.036 145);
|
|
133
|
+
--candi-success-soft: oklch(55% 0.048 145);
|
|
134
|
+
--candi-success-warm: oklch(60% 0.051 145);
|
|
135
|
+
--candi-success-hot: oklch(40% 0.069 145);
|
|
136
|
+
--candi-success-strong: oklch(35% 0.066 145);
|
|
137
|
+
--candi-success-outline: oklch(30% 0.042 145);
|
|
128
138
|
--candi-on-success: oklch(100% 0 0);
|
|
129
|
-
--candi-warning: oklch(
|
|
130
|
-
--candi-warning-subtle: oklch(
|
|
131
|
-
--candi-warning-soft: oklch(
|
|
132
|
-
--candi-warning-
|
|
133
|
-
--candi-warning-
|
|
134
|
-
--candi-
|
|
135
|
-
--candi-
|
|
136
|
-
--candi-
|
|
137
|
-
--candi-error
|
|
138
|
-
--candi-error-
|
|
139
|
-
--candi-error-
|
|
139
|
+
--candi-warning: oklch(50% 0.07 75);
|
|
140
|
+
--candi-warning-subtle: oklch(83% 0.042 75);
|
|
141
|
+
--candi-warning-soft: oklch(60% 0.056 75);
|
|
142
|
+
--candi-warning-warm: oklch(65% 0.0595 75);
|
|
143
|
+
--candi-warning-hot: oklch(45% 0.0805 75);
|
|
144
|
+
--candi-warning-strong: oklch(40% 0.077 75);
|
|
145
|
+
--candi-warning-outline: oklch(35% 0.049 75);
|
|
146
|
+
--candi-on-warning: oklch(100% 0 0);
|
|
147
|
+
--candi-error: oklch(45% 0.08 25);
|
|
148
|
+
--candi-error-subtle: oklch(78% 0.048 25);
|
|
149
|
+
--candi-error-soft: oklch(55% 0.064 25);
|
|
150
|
+
--candi-error-warm: oklch(60% 0.068 25);
|
|
151
|
+
--candi-error-hot: oklch(40% 0.092 25);
|
|
152
|
+
--candi-error-strong: oklch(35% 0.088 25);
|
|
153
|
+
--candi-error-outline: oklch(30% 0.056 25);
|
|
140
154
|
--candi-on-error: oklch(100% 0 0);
|
|
141
|
-
--candi-info: oklch(
|
|
142
|
-
--candi-info-subtle: oklch(
|
|
143
|
-
--candi-info-soft: oklch(
|
|
144
|
-
--candi-info-
|
|
145
|
-
--candi-info-
|
|
155
|
+
--candi-info: oklch(45% 0.06 225);
|
|
156
|
+
--candi-info-subtle: oklch(78% 0.036 225);
|
|
157
|
+
--candi-info-soft: oklch(55% 0.048 225);
|
|
158
|
+
--candi-info-warm: oklch(60% 0.051 225);
|
|
159
|
+
--candi-info-hot: oklch(40% 0.069 225);
|
|
160
|
+
--candi-info-strong: oklch(35% 0.066 225);
|
|
161
|
+
--candi-info-outline: oklch(30% 0.042 225);
|
|
146
162
|
--candi-on-info: oklch(100% 0 0);
|
|
147
163
|
/* @tokens-end-light */
|
|
148
164
|
}
|
|
149
165
|
|
|
150
166
|
.dark {
|
|
151
167
|
/* @tokens-start-dark */
|
|
152
|
-
--candi-bg: oklch(
|
|
153
|
-
--candi-surface: oklch(
|
|
154
|
-
--candi-elevated: oklch(
|
|
155
|
-
--candi-text: oklch(
|
|
156
|
-
--candi-text-subtle: oklch(
|
|
157
|
-
--candi-text-muted: oklch(
|
|
158
|
-
--candi-border: oklch(
|
|
159
|
-
--candi-border-strong: oklch(
|
|
160
|
-
--candi-divider: oklch(
|
|
161
|
-
--candi-link: oklch(65% 0.08
|
|
162
|
-
--candi-disabled: oklch(45% 0.005
|
|
168
|
+
--candi-bg: oklch(25% 0.015 250);
|
|
169
|
+
--candi-surface: oklch(30% 0.012 250);
|
|
170
|
+
--candi-elevated: oklch(35% 0.015 250);
|
|
171
|
+
--candi-text: oklch(85% 0.01 250);
|
|
172
|
+
--candi-text-subtle: oklch(70% 0.01 250);
|
|
173
|
+
--candi-text-muted: oklch(60% 0.008 250);
|
|
174
|
+
--candi-border: oklch(40% 0.01 250);
|
|
175
|
+
--candi-border-strong: oklch(45% 0.012 250);
|
|
176
|
+
--candi-divider: oklch(35% 0.008 250);
|
|
177
|
+
--candi-link: oklch(65% 0.08 250);
|
|
178
|
+
--candi-disabled: oklch(45% 0.005 250);
|
|
163
179
|
--candi-overlay: oklch(0% 0 0 / 0.7);
|
|
164
180
|
--candi-scrim: oklch(0% 0 0 / 0.6);
|
|
165
|
-
--candi-inverse-surface: oklch(92% 0.
|
|
166
|
-
--candi-inverse-text: oklch(25% 0.015
|
|
181
|
+
--candi-inverse-surface: oklch(92% 0.01 250);
|
|
182
|
+
--candi-inverse-text: oklch(25% 0.015 250);
|
|
167
183
|
--candi-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
|
|
168
184
|
--candi-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.35);
|
|
169
185
|
--candi-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.45);
|
|
@@ -188,12 +204,16 @@
|
|
|
188
204
|
--candi-red: oklch(70% 0.12 25);
|
|
189
205
|
--candi-red-subtle: oklch(40% 0.10 25);
|
|
190
206
|
--candi-red-soft: oklch(78% 0.11 25);
|
|
207
|
+
--candi-red-warm: oklch(55% 0.10 25);
|
|
208
|
+
--candi-red-hot: oklch(65% 0.14 25);
|
|
191
209
|
--candi-red-strong: oklch(60% 0.13 25);
|
|
192
210
|
--candi-red-outline: oklch(55% 0.11 25);
|
|
193
211
|
--candi-on-red: oklch(0% 0 0);
|
|
194
212
|
--candi-blue: oklch(70% 0.10 250);
|
|
195
213
|
--candi-blue-subtle: oklch(38% 0.08 250);
|
|
196
214
|
--candi-blue-soft: oklch(78% 0.09 250);
|
|
215
|
+
--candi-blue-warm: oklch(55% 0.08 250);
|
|
216
|
+
--candi-blue-hot: oklch(65% 0.12 250);
|
|
197
217
|
--candi-blue-strong: oklch(60% 0.11 250);
|
|
198
218
|
--candi-blue-outline: oklch(55% 0.09 250);
|
|
199
219
|
--candi-on-blue: oklch(0% 0 0);
|
|
@@ -245,41 +265,53 @@
|
|
|
245
265
|
--candi-silver-strong: oklch(50% 0.012 250);
|
|
246
266
|
--candi-silver-outline: oklch(45% 0.009 250);
|
|
247
267
|
--candi-on-silver: oklch(100% 0 0);
|
|
248
|
-
--candi-accent: oklch(
|
|
249
|
-
--candi-accent-subtle: oklch(
|
|
250
|
-
--candi-accent-soft: oklch(
|
|
251
|
-
--candi-accent-
|
|
252
|
-
--candi-accent-
|
|
268
|
+
--candi-accent: oklch(70% 0.08 250);
|
|
269
|
+
--candi-accent-subtle: oklch(43% 0.048 250);
|
|
270
|
+
--candi-accent-soft: oklch(80% 0.064 250);
|
|
271
|
+
--candi-accent-warm: oklch(55% 0.068 250);
|
|
272
|
+
--candi-accent-hot: oklch(65% 0.092 250);
|
|
273
|
+
--candi-accent-strong: oklch(60% 0.088 250);
|
|
274
|
+
--candi-accent-outline: oklch(55% 0.056 250);
|
|
253
275
|
--candi-on-accent: oklch(0% 0 0);
|
|
254
|
-
--candi-secondary: oklch(
|
|
255
|
-
--candi-secondary-subtle: oklch(
|
|
256
|
-
--candi-secondary-soft: oklch(
|
|
257
|
-
--candi-secondary-
|
|
258
|
-
--candi-secondary-
|
|
276
|
+
--candi-secondary: oklch(75% 0.07 15);
|
|
277
|
+
--candi-secondary-subtle: oklch(48% 0.042 15);
|
|
278
|
+
--candi-secondary-soft: oklch(85% 0.056 15);
|
|
279
|
+
--candi-secondary-warm: oklch(60% 0.0595 15);
|
|
280
|
+
--candi-secondary-hot: oklch(70% 0.0805 15);
|
|
281
|
+
--candi-secondary-strong: oklch(65% 0.077 15);
|
|
282
|
+
--candi-secondary-outline: oklch(60% 0.049 15);
|
|
259
283
|
--candi-on-secondary: oklch(0% 0 0);
|
|
260
|
-
--candi-success: oklch(
|
|
261
|
-
--candi-success-subtle: oklch(
|
|
262
|
-
--candi-success-soft: oklch(
|
|
263
|
-
--candi-success-
|
|
264
|
-
--candi-success-
|
|
284
|
+
--candi-success: oklch(80% 0.06 145);
|
|
285
|
+
--candi-success-subtle: oklch(53% 0.036 145);
|
|
286
|
+
--candi-success-soft: oklch(90% 0.048 145);
|
|
287
|
+
--candi-success-warm: oklch(65% 0.051 145);
|
|
288
|
+
--candi-success-hot: oklch(75% 0.069 145);
|
|
289
|
+
--candi-success-strong: oklch(70% 0.066 145);
|
|
290
|
+
--candi-success-outline: oklch(65% 0.042 145);
|
|
265
291
|
--candi-on-success: oklch(0% 0 0);
|
|
266
|
-
--candi-warning: oklch(
|
|
267
|
-
--candi-warning-subtle: oklch(
|
|
268
|
-
--candi-warning-soft: oklch(
|
|
269
|
-
--candi-warning-
|
|
270
|
-
--candi-warning-
|
|
292
|
+
--candi-warning: oklch(85% 0.07 75);
|
|
293
|
+
--candi-warning-subtle: oklch(58% 0.042 75);
|
|
294
|
+
--candi-warning-soft: oklch(95% 0.056 75);
|
|
295
|
+
--candi-warning-warm: oklch(70% 0.0595 75);
|
|
296
|
+
--candi-warning-hot: oklch(80% 0.0805 75);
|
|
297
|
+
--candi-warning-strong: oklch(75% 0.077 75);
|
|
298
|
+
--candi-warning-outline: oklch(70% 0.049 75);
|
|
271
299
|
--candi-on-warning: oklch(0% 0 0);
|
|
272
|
-
--candi-error: oklch(
|
|
273
|
-
--candi-error-subtle: oklch(
|
|
274
|
-
--candi-error-soft: oklch(
|
|
275
|
-
--candi-error-
|
|
276
|
-
--candi-error-
|
|
300
|
+
--candi-error: oklch(80% 0.08 25);
|
|
301
|
+
--candi-error-subtle: oklch(53% 0.048 25);
|
|
302
|
+
--candi-error-soft: oklch(90% 0.064 25);
|
|
303
|
+
--candi-error-warm: oklch(65% 0.068 25);
|
|
304
|
+
--candi-error-hot: oklch(75% 0.092 25);
|
|
305
|
+
--candi-error-strong: oklch(70% 0.088 25);
|
|
306
|
+
--candi-error-outline: oklch(65% 0.056 25);
|
|
277
307
|
--candi-on-error: oklch(0% 0 0);
|
|
278
|
-
--candi-info: oklch(
|
|
279
|
-
--candi-info-subtle: oklch(
|
|
280
|
-
--candi-info-soft: oklch(
|
|
281
|
-
--candi-info-
|
|
282
|
-
--candi-info-
|
|
308
|
+
--candi-info: oklch(80% 0.06 225);
|
|
309
|
+
--candi-info-subtle: oklch(53% 0.036 225);
|
|
310
|
+
--candi-info-soft: oklch(90% 0.048 225);
|
|
311
|
+
--candi-info-warm: oklch(65% 0.051 225);
|
|
312
|
+
--candi-info-hot: oklch(75% 0.069 225);
|
|
313
|
+
--candi-info-strong: oklch(70% 0.066 225);
|
|
314
|
+
--candi-info-outline: oklch(65% 0.042 225);
|
|
283
315
|
--candi-on-info: oklch(0% 0 0);
|
|
284
316
|
/* @tokens-end-dark */
|
|
285
317
|
}
|