@wtasnorg/candi 0.0.27 → 0.0.32
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 +75 -43
- package/dist/base.css +202 -82
- package/dist/colors.js +1377 -417
- package/dist/colors.json +1377 -417
- package/dist/colors.mjs +1377 -417
- package/dist/scandinavian.css +202 -82
- package/dist/v4/theme.css +421 -121
- package/package.json +18 -8
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(
|
|
15
|
+
--color-candi-bg: oklch(97.8% 0.005 80);
|
|
16
|
+
--color-candi-surface: oklch(95.5% 0.01 80);
|
|
17
17
|
--color-candi-elevated: oklch(100% 0 0);
|
|
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(
|
|
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
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);
|
|
@@ -48,41 +48,101 @@
|
|
|
48
48
|
--color-candi-terminal-magenta: oklch(60% 0.15 0);
|
|
49
49
|
--color-candi-terminal-cyan: oklch(65% 0.1 200);
|
|
50
50
|
--color-candi-terminal-white: oklch(92% 0.01 85);
|
|
51
|
-
--color-candi-
|
|
52
|
-
--color-candi-
|
|
53
|
-
--color-candi-
|
|
54
|
-
--color-candi-
|
|
55
|
-
--color-candi-
|
|
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.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);
|
|
56
116
|
--color-candi-on-accent: oklch(100% 0 0);
|
|
57
|
-
--color-candi-secondary: oklch(60% 0.
|
|
58
|
-
--color-candi-secondary-subtle: oklch(93% 0.
|
|
59
|
-
--color-candi-secondary-soft: oklch(70% 0.
|
|
60
|
-
--color-candi-secondary-strong: oklch(50% 0.
|
|
61
|
-
--color-candi-secondary-outline: oklch(45% 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);
|
|
62
122
|
--color-candi-on-secondary: oklch(0% 0 0);
|
|
63
|
-
--color-candi-success: oklch(50% 0.
|
|
64
|
-
--color-candi-success-subtle: oklch(83% 0.
|
|
65
|
-
--color-candi-success-soft: oklch(60% 0.
|
|
66
|
-
--color-candi-success-strong: oklch(40% 0.
|
|
67
|
-
--color-candi-success-outline: oklch(35% 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);
|
|
68
128
|
--color-candi-on-success: oklch(100% 0 0);
|
|
69
|
-
--color-candi-warning: oklch(60% 0.
|
|
70
|
-
--color-candi-warning-subtle: oklch(93% 0.
|
|
71
|
-
--color-candi-warning-soft: oklch(70% 0.
|
|
72
|
-
--color-candi-warning-strong: oklch(50% 0.
|
|
73
|
-
--color-candi-warning-outline: oklch(45% 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);
|
|
74
134
|
--color-candi-on-warning: oklch(0% 0 0);
|
|
75
|
-
--color-candi-error: oklch(50% 0.
|
|
76
|
-
--color-candi-error-subtle: oklch(83% 0.
|
|
77
|
-
--color-candi-error-soft: oklch(60% 0.
|
|
78
|
-
--color-candi-error-strong: oklch(40% 0.
|
|
79
|
-
--color-candi-error-outline: oklch(35% 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);
|
|
80
140
|
--color-candi-on-error: oklch(100% 0 0);
|
|
81
|
-
--color-candi-info: oklch(50% 0.
|
|
82
|
-
--color-candi-info-subtle: oklch(83% 0.
|
|
83
|
-
--color-candi-info-soft: oklch(60% 0.
|
|
84
|
-
--color-candi-info-strong: oklch(40% 0.
|
|
85
|
-
--color-candi-info-outline: oklch(35% 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);
|
|
86
146
|
--color-candi-on-info: oklch(100% 0 0);
|
|
87
147
|
/* @tokens-end-v4 */
|
|
88
148
|
}
|
|
@@ -93,21 +153,21 @@
|
|
|
93
153
|
/* Backward compatibility and Theme Implementation */
|
|
94
154
|
:root {
|
|
95
155
|
/* @tokens-start-root */
|
|
96
|
-
--candi-bg: oklch(
|
|
97
|
-
--candi-surface: oklch(
|
|
156
|
+
--candi-bg: oklch(97.8% 0.005 80);
|
|
157
|
+
--candi-surface: oklch(95.5% 0.01 80);
|
|
98
158
|
--candi-elevated: oklch(100% 0 0);
|
|
99
|
-
--candi-text: oklch(
|
|
100
|
-
--candi-text-subtle: oklch(
|
|
101
|
-
--candi-text-muted: oklch(
|
|
102
|
-
--candi-border: oklch(
|
|
103
|
-
--candi-border-strong: oklch(
|
|
104
|
-
--candi-divider: oklch(
|
|
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);
|
|
105
165
|
--candi-link: oklch(50% 0.08 230);
|
|
106
166
|
--candi-disabled: oklch(75% 0.005 250);
|
|
107
167
|
--candi-overlay: oklch(0% 0 0 / 0.5);
|
|
108
168
|
--candi-scrim: oklch(0% 0 0 / 0.32);
|
|
109
169
|
--candi-inverse-surface: oklch(25% 0.015 250);
|
|
110
|
-
--candi-inverse-text: oklch(92% 0.01
|
|
170
|
+
--candi-inverse-text: oklch(92% 0.01 250);
|
|
111
171
|
--candi-shadow: 0 2px 8px rgba(45, 50, 57, 0.06);
|
|
112
172
|
--candi-shadow-md: 0 4px 20px rgba(45, 50, 57, 0.1);
|
|
113
173
|
--candi-shadow-lg: 0 8px 40px rgba(45, 50, 57, 0.15);
|
|
@@ -129,41 +189,101 @@
|
|
|
129
189
|
--candi-terminal-magenta: oklch(60% 0.15 0);
|
|
130
190
|
--candi-terminal-cyan: oklch(65% 0.1 200);
|
|
131
191
|
--candi-terminal-white: oklch(92% 0.01 85);
|
|
132
|
-
--candi-
|
|
133
|
-
--candi-
|
|
134
|
-
--candi-
|
|
135
|
-
--candi-
|
|
136
|
-
--candi-
|
|
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.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);
|
|
137
257
|
--candi-on-accent: oklch(100% 0 0);
|
|
138
|
-
--candi-secondary: oklch(60% 0.
|
|
139
|
-
--candi-secondary-subtle: oklch(93% 0.
|
|
140
|
-
--candi-secondary-soft: oklch(70% 0.
|
|
141
|
-
--candi-secondary-strong: oklch(50% 0.
|
|
142
|
-
--candi-secondary-outline: oklch(45% 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);
|
|
143
263
|
--candi-on-secondary: oklch(0% 0 0);
|
|
144
|
-
--candi-success: oklch(50% 0.
|
|
145
|
-
--candi-success-subtle: oklch(83% 0.
|
|
146
|
-
--candi-success-soft: oklch(60% 0.
|
|
147
|
-
--candi-success-strong: oklch(40% 0.
|
|
148
|
-
--candi-success-outline: oklch(35% 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);
|
|
149
269
|
--candi-on-success: oklch(100% 0 0);
|
|
150
|
-
--candi-warning: oklch(60% 0.
|
|
151
|
-
--candi-warning-subtle: oklch(93% 0.
|
|
152
|
-
--candi-warning-soft: oklch(70% 0.
|
|
153
|
-
--candi-warning-strong: oklch(50% 0.
|
|
154
|
-
--candi-warning-outline: oklch(45% 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);
|
|
155
275
|
--candi-on-warning: oklch(0% 0 0);
|
|
156
|
-
--candi-error: oklch(50% 0.
|
|
157
|
-
--candi-error-subtle: oklch(83% 0.
|
|
158
|
-
--candi-error-soft: oklch(60% 0.
|
|
159
|
-
--candi-error-strong: oklch(40% 0.
|
|
160
|
-
--candi-error-outline: oklch(35% 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);
|
|
161
281
|
--candi-on-error: oklch(100% 0 0);
|
|
162
|
-
--candi-info: oklch(50% 0.
|
|
163
|
-
--candi-info-subtle: oklch(83% 0.
|
|
164
|
-
--candi-info-soft: oklch(60% 0.
|
|
165
|
-
--candi-info-strong: oklch(40% 0.
|
|
166
|
-
--candi-info-outline: oklch(35% 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);
|
|
167
287
|
--candi-on-info: oklch(100% 0 0);
|
|
168
288
|
/* @tokens-end-root */
|
|
169
289
|
|
|
@@ -205,6 +325,66 @@
|
|
|
205
325
|
--color-candi-terminal-magenta: var(--candi-terminal-magenta);
|
|
206
326
|
--color-candi-terminal-cyan: var(--candi-terminal-cyan);
|
|
207
327
|
--color-candi-terminal-white: var(--candi-terminal-white);
|
|
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);
|
|
208
388
|
--color-candi-accent: var(--candi-accent);
|
|
209
389
|
--color-candi-accent-subtle: var(--candi-accent-subtle);
|
|
210
390
|
--color-candi-accent-soft: var(--candi-accent-soft);
|
|
@@ -246,21 +426,21 @@
|
|
|
246
426
|
|
|
247
427
|
.dark {
|
|
248
428
|
/* @tokens-start-dark-root */
|
|
249
|
-
--candi-bg: oklch(18% 0.015
|
|
250
|
-
--candi-surface: oklch(22% 0.012
|
|
251
|
-
--candi-elevated: oklch(25% 0.015
|
|
252
|
-
--candi-text: oklch(92% 0.01
|
|
253
|
-
--candi-text-subtle: oklch(
|
|
254
|
-
--candi-text-muted: oklch(
|
|
255
|
-
--candi-border: oklch(
|
|
256
|
-
--candi-border-strong: oklch(
|
|
257
|
-
--candi-divider: oklch(
|
|
258
|
-
--candi-link: oklch(65% 0.08
|
|
259
|
-
--candi-disabled: oklch(45% 0.005
|
|
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);
|
|
260
440
|
--candi-overlay: oklch(0% 0 0 / 0.7);
|
|
261
441
|
--candi-scrim: oklch(0% 0 0 / 0.6);
|
|
262
|
-
--candi-inverse-surface: oklch(92% 0.
|
|
263
|
-
--candi-inverse-text: oklch(25% 0.015
|
|
442
|
+
--candi-inverse-surface: oklch(92% 0.01 250);
|
|
443
|
+
--candi-inverse-text: oklch(25% 0.015 250);
|
|
264
444
|
--candi-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
|
|
265
445
|
--candi-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.35);
|
|
266
446
|
--candi-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.45);
|
|
@@ -282,41 +462,101 @@
|
|
|
282
462
|
--candi-terminal-magenta: oklch(70% 0.10 15);
|
|
283
463
|
--candi-terminal-cyan: oklch(70% 0.04 225);
|
|
284
464
|
--candi-terminal-white: oklch(92% 0.01 85);
|
|
285
|
-
--candi-
|
|
286
|
-
--candi-
|
|
287
|
-
--candi-
|
|
288
|
-
--candi-
|
|
289
|
-
--candi-
|
|
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.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);
|
|
290
530
|
--candi-on-accent: oklch(0% 0 0);
|
|
291
|
-
--candi-secondary: oklch(70% 0.
|
|
292
|
-
--candi-secondary-subtle: oklch(43% 0.
|
|
293
|
-
--candi-secondary-soft: oklch(80% 0.
|
|
294
|
-
--candi-secondary-strong: oklch(60% 0.
|
|
295
|
-
--candi-secondary-outline: oklch(55% 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);
|
|
296
536
|
--candi-on-secondary: oklch(0% 0 0);
|
|
297
|
-
--candi-success: oklch(75% 0.
|
|
298
|
-
--candi-success-subtle: oklch(48% 0.
|
|
299
|
-
--candi-success-soft: oklch(85% 0.
|
|
300
|
-
--candi-success-strong: oklch(65% 0.
|
|
301
|
-
--candi-success-outline: oklch(60% 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);
|
|
302
542
|
--candi-on-success: oklch(0% 0 0);
|
|
303
|
-
--candi-warning: oklch(80% 0.
|
|
304
|
-
--candi-warning-subtle: oklch(53% 0.
|
|
305
|
-
--candi-warning-soft: oklch(90% 0.
|
|
306
|
-
--candi-warning-strong: oklch(70% 0.
|
|
307
|
-
--candi-warning-outline: oklch(65% 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);
|
|
308
548
|
--candi-on-warning: oklch(0% 0 0);
|
|
309
|
-
--candi-error: oklch(75% 0.
|
|
310
|
-
--candi-error-subtle: oklch(48% 0.
|
|
311
|
-
--candi-error-soft: oklch(85% 0.
|
|
312
|
-
--candi-error-strong: oklch(65% 0.
|
|
313
|
-
--candi-error-outline: oklch(60% 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);
|
|
314
554
|
--candi-on-error: oklch(0% 0 0);
|
|
315
|
-
--candi-info: oklch(75% 0.
|
|
316
|
-
--candi-info-subtle: oklch(48% 0.
|
|
317
|
-
--candi-info-soft: oklch(85% 0.
|
|
318
|
-
--candi-info-strong: oklch(65% 0.
|
|
319
|
-
--candi-info-outline: oklch(60% 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);
|
|
320
560
|
--candi-on-info: oklch(0% 0 0);
|
|
321
561
|
/* @tokens-end-dark-root */
|
|
322
562
|
|
|
@@ -358,6 +598,66 @@
|
|
|
358
598
|
--color-candi-terminal-magenta: var(--candi-terminal-magenta);
|
|
359
599
|
--color-candi-terminal-cyan: var(--candi-terminal-cyan);
|
|
360
600
|
--color-candi-terminal-white: var(--candi-terminal-white);
|
|
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);
|
|
361
661
|
--color-candi-accent: var(--candi-accent);
|
|
362
662
|
--color-candi-accent-subtle: var(--candi-accent-subtle);
|
|
363
663
|
--color-candi-accent-soft: var(--candi-accent-soft);
|