daisyui 4.0.0-alpha.7 → 4.0.0

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/dist/themes.css CHANGED
@@ -1,16 +1,11 @@
1
1
  :root {
2
2
  color-scheme: light;
3
- --pf: 0.4568 0.2879 275.75;
4
- --sf: 0.6483 0.306 342.55;
5
- --af: 0.7139 0.1711 183.61;
6
- --nf: 0.2993 0.023 255.7016;
7
3
  --in: 0.7206 0.191 231.6;
8
4
  --su: 0.7441 0.213 164.75;
9
5
  --wa: 0.8471 0.199 83.87;
10
6
  --er: 0.7176 0.221 22.18;
11
- --pc: 0.8982 0.0619 275.75;
12
- --sc: 0.1394 0.0658 342.55;
13
- --ac: 0.1535 0.0368 183.61;
7
+ --pc: 0.89824 0.06192 275.75;
8
+ --ac: 0.15352 0.0368 183.61;
14
9
  --inc: 0 0 0;
15
10
  --suc: 0 0 0;
16
11
  --wac: 0 0 0;
@@ -20,34 +15,31 @@
20
15
  --rounded-badge: 1.9rem;
21
16
  --animation-btn: 0.25s;
22
17
  --animation-input: .2s;
23
- --btn-text-case: uppercase;
24
18
  --btn-focus-scale: 0.95;
25
19
  --border-btn: 1px;
26
20
  --tab-border: 1px;
27
21
  --tab-radius: 0.5rem;
28
22
  --p: 0.4912 0.3096 275.75;
29
23
  --s: 0.6971 0.329 342.55;
24
+ --sc: 0.9871 0.0106 342.55;
30
25
  --a: 0.7676 0.184 183.61;
31
- --n: 0.3218 0.0248 255.7016;
32
- --nc: 0.895 0.0116 252.0962;
26
+ --n: 0.321785 0.02476 255.701624;
27
+ --nc: 0.894994 0.011585 252.096176;
33
28
  --b1: 1 0 0;
34
- --b2: 0.9612 0 0;
35
- --b3: 0.9242 0.0011 197.1376;
36
- --bc: 0.2781 0.0296 256.848
29
+ --b2: 0.961151 0 0;
30
+ --b3: 0.924169 0.00108 197.137559;
31
+ --bc: 0.278078 0.029596 256.847952
37
32
  }
38
33
  @media (prefers-color-scheme: dark) {
39
34
  :root {
40
35
  color-scheme: dark;
41
- --pf: 0.4568 0.2879 275.75;
42
- --sf: 0.6483 0.306 342.55;
43
- --af: 0.7139 0.1711 183.61;
44
36
  --in: 0.7206 0.191 231.6;
45
37
  --su: 0.7441 0.213 164.75;
46
38
  --wa: 0.8471 0.199 83.87;
47
39
  --er: 0.7176 0.221 22.18;
48
- --pc: 0.8982 0.0619 275.75;
49
- --sc: 0.1394 0.0658 342.55;
50
- --ac: 0.1535 0.0368 183.61;
40
+ --pc: 0.13138 0.0392 275.75;
41
+ --sc: 0.1496 0.052 342.55;
42
+ --ac: 0.14902 0.0334 183.61;
51
43
  --inc: 0 0 0;
52
44
  --suc: 0 0 0;
53
45
  --wac: 0 0 0;
@@ -57,36 +49,29 @@
57
49
  --rounded-badge: 1.9rem;
58
50
  --animation-btn: 0.25s;
59
51
  --animation-input: .2s;
60
- --btn-text-case: uppercase;
61
52
  --btn-focus-scale: 0.95;
62
53
  --border-btn: 1px;
63
54
  --tab-border: 1px;
64
55
  --tab-radius: 0.5rem;
65
- --p: 0.4912 0.3096 275.75;
66
- --s: 0.6971 0.329 342.55;
67
- --a: 0.7676 0.184 183.61;
68
- --n: 0.3138 0.0211 254.1392;
69
- --nf: 0.2857 0.0177 251.895;
70
- --nc: 0.7465 0.0216 264.436;
71
- --b1: 0.2533 0.0159 252.4176;
72
- --b2: 0.2326 0.0138 253.1007;
73
- --b3: 0.2115 0.0117 254.0879;
74
- --bc: 0.7465 0.0216 264.436
56
+ --p: 0.6569 0.196 275.75;
57
+ --s: 0.748 0.26 342.55;
58
+ --a: 0.7451 0.167 183.61;
59
+ --n: 0.313815 0.021108 254.139175;
60
+ --nc: 0.746477 0.0216 264.435964;
61
+ --b1: 0.253267 0.015896 252.417568;
62
+ --b2: 0.232607 0.013807 253.100675;
63
+ --b3: 0.211484 0.01165 254.087939;
64
+ --bc: 0.746477 0.0216 264.435964
75
65
  }
76
66
  }
77
- [data-theme=light] {
67
+ [data-theme=light], :root:has(input.theme-controller[value=light]:checked) {
78
68
  color-scheme: light;
79
- --pf: 0.4568 0.2879 275.75;
80
- --sf: 0.6483 0.306 342.55;
81
- --af: 0.7139 0.1711 183.61;
82
- --nf: 0.2993 0.023 255.7016;
83
69
  --in: 0.7206 0.191 231.6;
84
70
  --su: 0.7441 0.213 164.75;
85
71
  --wa: 0.8471 0.199 83.87;
86
72
  --er: 0.7176 0.221 22.18;
87
- --pc: 0.8982 0.0619 275.75;
88
- --sc: 0.1394 0.0658 342.55;
89
- --ac: 0.1535 0.0368 183.61;
73
+ --pc: 0.89824 0.06192 275.75;
74
+ --ac: 0.15352 0.0368 183.61;
90
75
  --inc: 0 0 0;
91
76
  --suc: 0 0 0;
92
77
  --wac: 0 0 0;
@@ -96,33 +81,30 @@
96
81
  --rounded-badge: 1.9rem;
97
82
  --animation-btn: 0.25s;
98
83
  --animation-input: .2s;
99
- --btn-text-case: uppercase;
100
84
  --btn-focus-scale: 0.95;
101
85
  --border-btn: 1px;
102
86
  --tab-border: 1px;
103
87
  --tab-radius: 0.5rem;
104
88
  --p: 0.4912 0.3096 275.75;
105
89
  --s: 0.6971 0.329 342.55;
90
+ --sc: 0.9871 0.0106 342.55;
106
91
  --a: 0.7676 0.184 183.61;
107
- --n: 0.3218 0.0248 255.7016;
108
- --nc: 0.895 0.0116 252.0962;
92
+ --n: 0.321785 0.02476 255.701624;
93
+ --nc: 0.894994 0.011585 252.096176;
109
94
  --b1: 1 0 0;
110
- --b2: 0.9612 0 0;
111
- --b3: 0.9242 0.0011 197.1376;
112
- --bc: 0.2781 0.0296 256.848
95
+ --b2: 0.961151 0 0;
96
+ --b3: 0.924169 0.00108 197.137559;
97
+ --bc: 0.278078 0.029596 256.847952
113
98
  }
114
- [data-theme=dark] {
99
+ [data-theme=dark], :root:has(input.theme-controller[value=dark]:checked) {
115
100
  color-scheme: dark;
116
- --pf: 0.4568 0.2879 275.75;
117
- --sf: 0.6483 0.306 342.55;
118
- --af: 0.7139 0.1711 183.61;
119
101
  --in: 0.7206 0.191 231.6;
120
102
  --su: 0.7441 0.213 164.75;
121
103
  --wa: 0.8471 0.199 83.87;
122
104
  --er: 0.7176 0.221 22.18;
123
- --pc: 0.8982 0.0619 275.75;
124
- --sc: 0.1394 0.0658 342.55;
125
- --ac: 0.1535 0.0368 183.61;
105
+ --pc: 0.13138 0.0392 275.75;
106
+ --sc: 0.1496 0.052 342.55;
107
+ --ac: 0.14902 0.0334 183.61;
126
108
  --inc: 0 0 0;
127
109
  --suc: 0 0 0;
128
110
  --wac: 0 0 0;
@@ -132,36 +114,30 @@
132
114
  --rounded-badge: 1.9rem;
133
115
  --animation-btn: 0.25s;
134
116
  --animation-input: .2s;
135
- --btn-text-case: uppercase;
136
117
  --btn-focus-scale: 0.95;
137
118
  --border-btn: 1px;
138
119
  --tab-border: 1px;
139
120
  --tab-radius: 0.5rem;
140
- --p: 0.4912 0.3096 275.75;
141
- --s: 0.6971 0.329 342.55;
142
- --a: 0.7676 0.184 183.61;
143
- --n: 0.3138 0.0211 254.1392;
144
- --nf: 0.2857 0.0177 251.895;
145
- --nc: 0.7465 0.0216 264.436;
146
- --b1: 0.2533 0.0159 252.4176;
147
- --b2: 0.2326 0.0138 253.1007;
148
- --b3: 0.2115 0.0117 254.0879;
149
- --bc: 0.7465 0.0216 264.436
121
+ --p: 0.6569 0.196 275.75;
122
+ --s: 0.748 0.26 342.55;
123
+ --a: 0.7451 0.167 183.61;
124
+ --n: 0.313815 0.021108 254.139175;
125
+ --nc: 0.746477 0.0216 264.435964;
126
+ --b1: 0.253267 0.015896 252.417568;
127
+ --b2: 0.232607 0.013807 253.100675;
128
+ --b3: 0.211484 0.01165 254.087939;
129
+ --bc: 0.746477 0.0216 264.435964
150
130
  }
151
- [data-theme=cupcake] {
131
+ [data-theme=cupcake], :root:has(input.theme-controller[value=cupcake]:checked) {
152
132
  color-scheme: light;
153
- --pf: 0.7084 0.0832 200.0266;
154
- --sf: 0.7341 0.0942 356.2996;
155
- --af: 0.7382 0.1358 78.6188;
156
- --nf: 0.2192 0.0616 313.1896;
157
133
  --in: 0.7206 0.191 231.6;
158
134
  --su: 0.7441 0.213 164.75;
159
135
  --wa: 0.8471 0.199 83.87;
160
136
  --er: 0.7176 0.221 22.18;
161
- --pc: 0.1523 0.0179 200.0266;
162
- --sc: 0.1579 0.0202 356.2996;
163
- --ac: 0.1588 0.0292 78.6188;
164
- --nc: 0.8471 0.0132 313.1896;
137
+ --pc: 0.152344 0.017892 200.026556;
138
+ --sc: 0.15787 0.020249 356.29965;
139
+ --ac: 0.158762 0.029206 78.618794;
140
+ --nc: 0.847148 0.013247 313.189598;
165
141
  --inc: 0 0 0;
166
142
  --suc: 0 0 0;
167
143
  --wac: 0 0 0;
@@ -170,27 +146,22 @@
170
146
  --rounded-badge: 1.9rem;
171
147
  --animation-btn: 0.25s;
172
148
  --animation-input: .2s;
173
- --btn-text-case: uppercase;
174
149
  --btn-focus-scale: 0.95;
175
150
  --border-btn: 1px;
176
- --p: 0.7617 0.0895 200.0266;
177
- --s: 0.7894 0.1012 356.2996;
178
- --a: 0.7938 0.146 78.6188;
179
- --n: 0.2357 0.0662 313.1896;
180
- --b1: 0.9779 0.0042 56.3756;
181
- --b2: 0.9398 0.0076 61.4493;
182
- --b3: 0.9159 0.0068 53.4405;
183
- --bc: 0.2357 0.0662 313.1896;
151
+ --p: 0.76172 0.089459 200.026556;
152
+ --s: 0.789351 0.101246 356.29965;
153
+ --a: 0.793811 0.146032 78.618794;
154
+ --n: 0.235742 0.066235 313.189598;
155
+ --b1: 0.977882 0.00418 56.375637;
156
+ --b2: 0.939822 0.007638 61.449292;
157
+ --b3: 0.915861 0.006811 53.440502;
158
+ --bc: 0.235742 0.066235 313.189598;
184
159
  --rounded-btn: 1.9rem;
185
160
  --tab-border: 2px;
186
- --tab-radius: .5rem
161
+ --tab-radius: 0.7rem
187
162
  }
188
- [data-theme=bumblebee] {
163
+ [data-theme=bumblebee], :root:has(input.theme-controller[value=bumblebee]:checked) {
189
164
  color-scheme: light;
190
- --pf: 0.8205 0.1593 96.6077;
191
- --sf: 0.711 0.1342 81.8688;
192
- --af: 0.6546 0.1167 52.9534;
193
- --nf: 0.2071 0.043 281.9865;
194
165
  --b2: 0.93 0 0;
195
166
  --b3: 0.86 0 0;
196
167
  --in: 0.7206 0.191 231.6;
@@ -198,8 +169,8 @@
198
169
  --wa: 0.8471 0.199 83.87;
199
170
  --er: 0.7176 0.221 22.18;
200
171
  --bc: 0.2 0 0;
201
- --ac: 0.1408 0.0251 52.9534;
202
- --nc: 0.8445 0.0092 281.9865;
172
+ --ac: 0.16254 0.0314 56.52;
173
+ --nc: 0.8255 0.015 281.99;
203
174
  --inc: 0 0 0;
204
175
  --suc: 0 0 0;
205
176
  --wac: 0 0 0;
@@ -209,25 +180,20 @@
209
180
  --rounded-badge: 1.9rem;
210
181
  --animation-btn: 0.25s;
211
182
  --animation-input: .2s;
212
- --btn-text-case: uppercase;
213
183
  --btn-focus-scale: 0.95;
214
184
  --border-btn: 1px;
215
185
  --tab-border: 1px;
216
186
  --tab-radius: 0.5rem;
217
- --p: 0.8822 0.1713 96.6077;
218
- --pc: 0.2227 0.0462 281.9865;
219
- --s: 0.7646 0.1443 81.8688;
220
- --sc: 0.2227 0.0462 281.9865;
221
- --a: 0.7039 0.1255 52.9534;
222
- --n: 0.2227 0.0462 281.9865;
187
+ --p: 0.8951 0.2132 96.61;
188
+ --pc: 0.3892 0.046 96.61;
189
+ --s: 0.8039 0.194 70.76;
190
+ --sc: 0.3938 0.068 70.76;
191
+ --a: 0.8127 0.157 56.52;
192
+ --n: 0.1275 0.075 281.99;
223
193
  --b1: 1 0 0
224
194
  }
225
- [data-theme=emerald] {
195
+ [data-theme=emerald], :root:has(input.theme-controller[value=emerald]:checked) {
226
196
  color-scheme: light;
227
- --pf: 0.713 0.126 153.45;
228
- --sf: 0.5701 0.1882 261.2942;
229
- --af: 0.5964 0.1796 33.1151;
230
- --nf: 0.3303 0.0298 262.9886;
231
197
  --b2: 0.93 0 0;
232
198
  --b3: 0.86 0 0;
233
199
  --in: 0.7206 0.191 231.6;
@@ -241,262 +207,226 @@
241
207
  --rounded-box: 1rem;
242
208
  --rounded-btn: 0.5rem;
243
209
  --rounded-badge: 1.9rem;
244
- --btn-text-case: uppercase;
245
210
  --border-btn: 1px;
246
211
  --tab-border: 1px;
247
212
  --tab-radius: 0.5rem;
248
- --p: 0.7666 0.1354 153.45;
249
- --pc: 0.3339 0.0406 162.2401;
250
- --s: 0.613 0.2024 261.2942;
251
- --sc: 0.9846 0.0017 247.8389;
252
- --a: 0.6413 0.1932 33.1151;
253
- --ac: 0.9846 0.0017 247.8389;
254
- --n: 0.3552 0.0321 262.9886;
255
- --nc: 0.9846 0.0017 247.8389;
213
+ --p: 0.766626 0.135433 153.450024;
214
+ --pc: 0.333872 0.040618 162.240129;
215
+ --s: 0.613028 0.202368 261.294233;
216
+ --sc: 1 0 0;
217
+ --a: 0.727725 0.149783 33.200363;
218
+ --ac: 0 0 0;
219
+ --n: 0.355192 0.032071 262.988584;
220
+ --nc: 0.984625 0.001706 247.838921;
256
221
  --b1: 1 0 0;
257
- --bc: 0.3552 0.0321 262.9886;
222
+ --bc: 0.355192 0.032071 262.988584;
258
223
  --animation-btn: 0;
259
224
  --animation-input: 0;
260
225
  --btn-focus-scale: 1
261
226
  }
262
- [data-theme=corporate] {
227
+ [data-theme=corporate], :root:has(input.theme-controller[value=corporate]:checked) {
263
228
  color-scheme: light;
264
- --pf: 0.547 0.2017 269.1019;
265
- --sf: 0.6079 0.0509 256.6881;
266
- --af: 0.7158 0.106 163.5789;
267
- --nf: 0.2082 0.0291 278.0723;
268
229
  --b2: 0.93 0 0;
269
230
  --b3: 0.86 0 0;
270
231
  --in: 0.7206 0.191 231.6;
271
232
  --su: 0.7441 0.213 164.75;
272
233
  --wa: 0.8471 0.199 83.87;
273
234
  --er: 0.7176 0.221 22.18;
274
- --pc: 0.1176 0.0434 269.1019;
275
- --sc: 0.1307 0.011 256.6881;
276
- --ac: 0.1539 0.0228 163.5789;
235
+ --pc: 0.12078 0.0456 269.1;
236
+ --sc: 0.130739 0.010951 256.688055;
237
+ --ac: 0.153934 0.022799 163.57888;
277
238
  --inc: 0 0 0;
278
239
  --suc: 0 0 0;
279
240
  --wac: 0 0 0;
280
241
  --erc: 0 0 0;
281
- --btn-text-case: uppercase;
282
242
  --border-btn: 1px;
283
243
  --tab-border: 1px;
284
- --tab-radius: 0.5rem;
285
- --p: 0.5882 0.2169 269.1019;
286
- --s: 0.6537 0.0548 256.6881;
287
- --a: 0.7697 0.114 163.5789;
288
- --n: 0.2239 0.0313 278.0723;
289
- --nc: 0.9588 0.0086 247.9151;
244
+ --p: 0.6039 0.228 269.1;
245
+ --s: 0.653694 0.054756 256.688055;
246
+ --a: 0.769669 0.113994 163.57888;
247
+ --n: 0.223899 0.031305 278.07229;
248
+ --nc: 0.958796 0.008588 247.915135;
290
249
  --b1: 1 0 0;
291
- --bc: 0.2239 0.0313 278.0723;
250
+ --bc: 0.223899 0.031305 278.07229;
292
251
  --rounded-box: 0.25rem;
293
252
  --rounded-btn: .125rem;
294
253
  --rounded-badge: .125rem;
254
+ --tab-radius: 0.25rem;
295
255
  --animation-btn: 0;
296
256
  --animation-input: 0;
297
257
  --btn-focus-scale: 1
298
258
  }
299
- [data-theme=synthwave] {
259
+ [data-theme=synthwave], :root:has(input.theme-controller[value=synthwave]:checked) {
300
260
  color-scheme: dark;
301
- --pf: 0.6716 0.1483 342.0094;
302
- --sf: 0.7279 0.1098 227.3824;
303
- --af: 0.7948 0.1523 93.7216;
304
- --nf: 0.2377 0.0963 286.508;
305
- --b2: 0.2029 0.0762 287.8356;
306
- --b3: 0.1877 0.0705 287.8356;
307
- --pc: 0.1444 0.0319 342.0094;
308
- --sc: 0.1565 0.0236 227.3824;
309
- --ac: 0.1709 0.0327 93.7216;
261
+ --b2: 0.202941 0.076211 287.835609;
262
+ --b3: 0.187665 0.070475 287.835609;
263
+ --pc: 0.144421 0.031903 342.009383;
264
+ --sc: 0.156543 0.02362 227.382405;
265
+ --ac: 0.17608 0.0412 93.72;
310
266
  --rounded-box: 1rem;
311
267
  --rounded-btn: 0.5rem;
312
268
  --rounded-badge: 1.9rem;
313
269
  --animation-btn: 0.25s;
314
270
  --animation-input: .2s;
315
- --btn-text-case: uppercase;
316
271
  --btn-focus-scale: 0.95;
317
272
  --border-btn: 1px;
318
273
  --tab-border: 1px;
319
274
  --tab-radius: 0.5rem;
320
- --p: 0.7221 0.1595 342.0094;
321
- --s: 0.7827 0.1181 227.3824;
322
- --a: 0.8547 0.1637 93.7216;
323
- --n: 0.2556 0.1035 286.508;
324
- --nc: 0.9794 0.0082 301.3583;
325
- --b1: 0.2182 0.0819 287.8356;
326
- --bc: 0.9794 0.0082 301.3583;
327
- --in: 0.7652 0.1227 231.8316;
328
- --inc: 0.235 0.0964 290.3298;
329
- --su: 0.8606 0.115 178.6247;
330
- --suc: 0.235 0.0964 290.3298;
331
- --wa: 0.8547 0.1637 93.7216;
332
- --wac: 0.235 0.0964 290.3298;
333
- --er: 0.6143 0.1975 17.8079;
334
- --erc: 0.9794 0.0082 301.3583
275
+ --p: 0.722105 0.159514 342.009383;
276
+ --s: 0.782714 0.118101 227.382405;
277
+ --a: 0.8804 0.206 93.72;
278
+ --n: 0.255554 0.103537 286.507967;
279
+ --nc: 0.979365 0.00819 301.358346;
280
+ --b1: 0.218216 0.081948 287.835609;
281
+ --bc: 0.979365 0.00819 301.358346;
282
+ --in: 0.765197 0.12273 231.831603;
283
+ --inc: 0.235017 0.096418 290.329844;
284
+ --su: 0.860572 0.115038 178.624677;
285
+ --suc: 0.235017 0.096418 290.329844;
286
+ --wa: 0.85531 0.122117 93.722227;
287
+ --wac: 0.235017 0.096418 290.329844;
288
+ --er: 0.737005 0.121339 32.639257;
289
+ --erc: 0.235017 0.096418 290.329844
335
290
  }
336
- [data-theme=retro] {
291
+ [data-theme=retro], :root:has(input.theme-controller[value=retro]:checked) {
337
292
  color-scheme: light;
338
- --pf: 0.7149 0.0968 22.6647;
339
- --sf: 0.7509 0.0489 159.0946;
340
- --af: 0.6546 0.1167 52.9534;
341
- --nf: 0.2643 0.0089 355.534;
342
- --inc: 0.9092 0.043 262.8809;
343
- --suc: 0.1254 0.034 149.2138;
344
- --wac: 0.1332 0.0315 58.3183;
345
- --erc: 0.9154 0.043 27.325;
293
+ --inc: 0.90923 0.043042 262.880917;
294
+ --suc: 0.12541 0.033982 149.213788;
295
+ --wac: 0.133168 0.031484 58.31834;
296
+ --erc: 0.13144 0.0398 27.33;
346
297
  --animation-btn: 0.25s;
347
298
  --animation-input: .2s;
348
- --btn-text-case: uppercase;
349
299
  --btn-focus-scale: 0.95;
350
300
  --border-btn: 1px;
351
301
  --tab-border: 1px;
352
- --tab-radius: 0.5rem;
353
- --p: 0.7687 0.1041 22.6647;
354
- --pc: 0.2651 0.0062 0.5229;
355
- --s: 0.8074 0.0525 159.0946;
356
- --sc: 0.2651 0.0062 0.5229;
357
- --a: 0.7039 0.1255 52.9534;
358
- --ac: 0.2651 0.0062 0.5229;
359
- --n: 0.2842 0.0095 355.534;
360
- --nc: 0.9256 0.0251 89.2173;
361
- --b1: 0.8827 0.0494 91.7743;
362
- --b2: 0.8413 0.066 90.8567;
363
- --b3: 0.8092 0.077 89.8384;
364
- --bc: 0.2651 0.0062 0.5229;
365
- --in: 0.5461 0.2152 262.8809;
366
- --su: 0.6271 0.1699 149.2138;
367
- --wa: 0.6658 0.1574 58.3183;
368
- --er: 0.5771 0.2152 27.325;
302
+ --p: 0.768664 0.104092 22.664655;
303
+ --pc: 0.265104 0.006243 0.522862;
304
+ --s: 0.807415 0.052534 159.094608;
305
+ --sc: 0.265104 0.006243 0.522862;
306
+ --a: 0.703919 0.125455 52.953428;
307
+ --ac: 0.265104 0.006243 0.522862;
308
+ --n: 0.284181 0.009519 355.534017;
309
+ --nc: 0.925604 0.025113 89.217311;
310
+ --b1: 0.916374 0.034554 90.51575;
311
+ --b2: 0.882722 0.049418 91.774344;
312
+ --b3: 0.84133 0.065952 90.856665;
313
+ --bc: 0.265104 0.006243 0.522862;
314
+ --in: 0.54615 0.215208 262.880917;
315
+ --su: 0.627052 0.169912 149.213788;
316
+ --wa: 0.66584 0.157422 58.31834;
317
+ --er: 0.6572 0.199 27.33;
369
318
  --rounded-box: 0.4rem;
370
319
  --rounded-btn: 0.4rem;
371
- --rounded-badge: 0.4rem
320
+ --rounded-badge: 0.4rem;
321
+ --tab-radius: 0.4rem
372
322
  }
373
- [data-theme=cyberpunk] {
323
+ [data-theme=cyberpunk], :root:has(input.theme-controller[value=cyberpunk]:checked) {
374
324
  color-scheme: light;
375
- --pf: 0.6834 0.1586 6.3471;
376
- --sf: 0.7579 0.0911 222.0808;
377
- --af: 0.6546 0.1559 310.4252;
378
- --nf: 0.3339 0.0715 106.6528;
379
- --b2: 0.8677 0.1835 104.3181;
380
- --b3: 0.8024 0.1697 104.3181;
325
+ --b2: 0.878943 0.16647 104.32;
326
+ --b3: 0.812786 0.15394 104.32;
381
327
  --in: 0.7206 0.191 231.6;
382
328
  --su: 0.7441 0.213 164.75;
383
329
  --wa: 0.8471 0.199 83.87;
384
330
  --er: 0.7176 0.221 22.18;
385
- --bc: 0.1866 0.0395 104.3181;
386
- --pc: 0.147 0.0341 6.3471;
387
- --sc: 0.163 0.0196 222.0808;
388
- --ac: 0.1408 0.0335 310.4252;
331
+ --bc: 0.18902 0.0358 104.32;
332
+ --pc: 0.14844 0.0418 6.35;
333
+ --sc: 0.16666 0.0368 204.72;
334
+ --ac: 0.14372 0.04352 310.43;
389
335
  --inc: 0 0 0;
390
336
  --suc: 0 0 0;
391
337
  --wac: 0 0 0;
392
338
  --erc: 0 0 0;
393
339
  --animation-btn: 0.25s;
394
340
  --animation-input: .2s;
395
- --btn-text-case: uppercase;
396
341
  --btn-focus-scale: 0.95;
397
342
  --border-btn: 1px;
398
343
  --tab-border: 1px;
399
344
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
400
- --p: 0.7349 0.1705 6.3471;
401
- --s: 0.815 0.0979 222.0808;
402
- --a: 0.7039 0.1676 310.4252;
403
- --n: 0.3591 0.0768 106.6528;
404
- --nc: 0.933 0.1973 104.3181;
405
- --b1: 0.933 0.1973 104.3181;
345
+ --p: 0.7422 0.209 6.35;
346
+ --s: 0.8333 0.184 204.72;
347
+ --a: 0.7186 0.2176 310.43;
348
+ --n: 0.2304 0.065 269.31;
349
+ --nc: 0.9451 0.179 104.32;
350
+ --b1: 0.9451 0.179 104.32;
406
351
  --rounded-box: 0;
407
352
  --rounded-btn: 0;
408
353
  --rounded-badge: 0;
409
354
  --tab-radius: 0
410
355
  }
411
- [data-theme=valentine] {
356
+ [data-theme=valentine], :root:has(input.theme-controller[value=valentine]:checked) {
412
357
  color-scheme: light;
413
- --pf: 0.6382 0.143 15.0665;
414
- --sf: 0.6693 0.136 293.1896;
415
- --af: 0.7806 0.0753 197.6901;
416
- --nf: 0.5078 0.1333 358.0048;
417
- --b2: 0.8395 0.0346 336.9552;
418
- --b3: 0.7763 0.032 336.9552;
419
- --pc: 0.1372 0.0308 15.0665;
420
- --sc: 0.1439 0.0293 293.1896;
421
- --ac: 0.1679 0.0162 197.6901;
422
- --inc: 0.9092 0.043 262.8809;
423
- --suc: 0.1254 0.034 149.2138;
424
- --wac: 0.1332 0.0315 58.3183;
425
- --erc: 0.9154 0.043 27.325;
358
+ --b2: 0.880567 0.024834 337.06289;
359
+ --b3: 0.814288 0.022964 337.06289;
360
+ --pc: 0.137239 0.030755 15.066527;
361
+ --sc: 0.143942 0.029258 293.189609;
362
+ --ac: 0.142537 0.014961 197.828857;
363
+ --inc: 0.90923 0.043042 262.880917;
364
+ --suc: 0.12541 0.033982 149.213788;
365
+ --wac: 0.133168 0.031484 58.31834;
366
+ --erc: 0.14614 0.0414 27.33;
426
367
  --rounded-box: 1rem;
427
368
  --rounded-badge: 1.9rem;
428
369
  --animation-btn: 0.25s;
429
370
  --animation-input: .2s;
430
- --btn-text-case: uppercase;
431
371
  --btn-focus-scale: 0.95;
432
372
  --border-btn: 1px;
433
373
  --tab-border: 1px;
434
- --tab-radius: 0.5rem;
435
- --p: 0.6862 0.1538 15.0665;
436
- --s: 0.7197 0.1463 293.1896;
437
- --a: 0.8393 0.081 197.6901;
438
- --n: 0.5461 0.1433 358.0048;
439
- --nc: 0.9027 0.0372 336.9552;
440
- --b1: 0.9027 0.0372 336.9552;
441
- --bc: 0.3731 0.0811 4.6064;
442
- --in: 0.5461 0.2152 262.8809;
443
- --su: 0.6271 0.1699 149.2138;
444
- --wa: 0.6658 0.1574 58.3183;
445
- --er: 0.5771 0.2152 27.325;
446
- --rounded-btn: 1.9rem
374
+ --p: 0.686197 0.153774 15.066527;
375
+ --s: 0.71971 0.14629 293.189609;
376
+ --a: 0.712685 0.074804 197.828857;
377
+ --n: 0.546053 0.143342 358.004839;
378
+ --nc: 0.902701 0.037202 336.955191;
379
+ --b1: 0.946846 0.026703 337.06289;
380
+ --bc: 0.373085 0.081131 4.606426;
381
+ --in: 0.54615 0.215208 262.880917;
382
+ --su: 0.627052 0.169912 149.213788;
383
+ --wa: 0.66584 0.157422 58.31834;
384
+ --er: 0.7307 0.207 27.33;
385
+ --rounded-btn: 1.9rem;
386
+ --tab-radius: 0.7rem
447
387
  }
448
- [data-theme=halloween] {
388
+ [data-theme=halloween], :root:has(input.theme-controller[value=halloween]:checked) {
449
389
  color-scheme: dark;
450
- --pf: 0.6828 0.1539 60.6166;
451
- --sf: 0.4284 0.1445 305.0254;
452
- --af: 0.6056 0.1803 136.0735;
453
- --nf: 0.2267 0.0433 65.6815;
454
- --b2: 0.2304 0 0;
455
- --b3: 0.2131 0 0;
456
- --bc: 0.8496 0 0;
457
- --sc: 0.8921 0.0311 305.0254;
458
- --nc: 0.8487 0.0093 65.6815;
459
- --inc: 0.9092 0.043 262.8809;
460
- --suc: 0.1254 0.034 149.2138;
461
- --wac: 0.1332 0.0315 58.3183;
462
- --erc: 0.9154 0.043 27.325;
390
+ --b2: 0.230416 0 0;
391
+ --b3: 0.213072 0 0;
392
+ --bc: 0.849552 0 0;
393
+ --sc: 0.89196 0.0496 305.03;
394
+ --nc: 0.848742 0.009322 65.681484;
395
+ --inc: 0.90923 0.043042 262.880917;
396
+ --suc: 0.12541 0.033982 149.213788;
397
+ --wac: 0.133168 0.031484 58.31834;
398
+ --erc: 0.13144 0.0398 27.33;
463
399
  --rounded-box: 1rem;
464
400
  --rounded-btn: 0.5rem;
465
401
  --rounded-badge: 1.9rem;
466
402
  --animation-btn: 0.25s;
467
403
  --animation-input: .2s;
468
- --btn-text-case: uppercase;
469
404
  --btn-focus-scale: 0.95;
470
405
  --border-btn: 1px;
471
406
  --tab-border: 1px;
472
407
  --tab-radius: 0.5rem;
473
- --p: 0.7342 0.1655 60.6166;
474
- --pc: 0.1969 0.0047 196.7794;
475
- --s: 0.4606 0.1554 305.0254;
476
- --a: 0.6511 0.1939 136.0735;
408
+ --p: 0.7748 0.204 60.62;
409
+ --pc: 0.196935 0.004671 196.779412;
410
+ --s: 0.4598 0.248 305.03;
411
+ --a: 0.648 0.223 136.073479;
477
412
  --ac: 0 0 0;
478
- --n: 0.2437 0.0466 65.6815;
479
- --b1: 0.2478 0 0;
480
- --in: 0.5461 0.2152 262.8809;
481
- --su: 0.6271 0.1699 149.2138;
482
- --wa: 0.6658 0.1574 58.3183;
483
- --er: 0.5771 0.2152 27.325
413
+ --n: 0.24371 0.046608 65.681484;
414
+ --b1: 0.247759 0 0;
415
+ --in: 0.54615 0.215208 262.880917;
416
+ --su: 0.627052 0.169912 149.213788;
417
+ --wa: 0.66584 0.157422 58.31834;
418
+ --er: 0.6572 0.199 27.33
484
419
  }
485
- [data-theme=garden] {
420
+ [data-theme=garden], :root:has(input.theme-controller[value=garden]:checked) {
486
421
  color-scheme: light;
487
- --pf: 0.5794 0.2332 3.8364;
488
- --sf: 0.451 0.1032 355.096;
489
- --af: 0.5233 0.0505 154.3902;
490
- --nf: 0.2247 0.0459 89.0706;
491
- --b2: 0.8645 0.002 17.1974;
492
- --b3: 0.7994 0.0019 17.1974;
422
+ --b2: 0.864453 0.002011 17.197414;
423
+ --b3: 0.799386 0.00186 17.197414;
493
424
  --in: 0.7206 0.191 231.6;
494
425
  --su: 0.7441 0.213 164.75;
495
426
  --wa: 0.8471 0.199 83.87;
496
427
  --er: 0.7176 0.221 22.18;
497
- --pc: 0.1246 0.0501 3.8364;
498
- --sc: 0.897 0.0222 355.096;
499
- --ac: 0.1125 0.0109 154.3902;
428
+ --sc: 0.89699 0.022197 355.095988;
429
+ --ac: 0.112547 0.010859 154.390187;
500
430
  --inc: 0 0 0;
501
431
  --suc: 0 0 0;
502
432
  --wac: 0 0 0;
@@ -506,35 +436,31 @@
506
436
  --rounded-badge: 1.9rem;
507
437
  --animation-btn: 0.25s;
508
438
  --animation-input: .2s;
509
- --btn-text-case: uppercase;
510
439
  --btn-focus-scale: 0.95;
511
440
  --border-btn: 1px;
512
441
  --tab-border: 1px;
513
442
  --tab-radius: 0.5rem;
514
- --p: 0.623 0.2507 3.8364;
515
- --s: 0.485 0.111 355.096;
516
- --a: 0.5627 0.0543 154.3902;
517
- --n: 0.2416 0.0494 89.0706;
518
- --nc: 0.9295 0.0022 17.1974;
519
- --b1: 0.9295 0.0022 17.1974;
520
- --bc: 0.1696 0.0017 17.3207
443
+ --p: 0.6245 0.278 3.83636;
444
+ --pc: 1 0 0;
445
+ --s: 0.484952 0.110985 355.095988;
446
+ --a: 0.562735 0.054297 154.390187;
447
+ --n: 0.241559 0.049362 89.070594;
448
+ --nc: 0.929519 0.002163 17.197414;
449
+ --b1: 0.929519 0.002163 17.197414;
450
+ --bc: 0.169617 0.001664 17.32068
521
451
  }
522
- [data-theme=forest] {
452
+ [data-theme=forest], :root:has(input.theme-controller[value=forest]:checked) {
523
453
  color-scheme: dark;
524
- --pf: 0.6382 0.1726 148.9589;
525
- --sf: 0.6489 0.1259 168.3271;
526
- --af: 0.6568 0.1111 185.7132;
527
- --nf: 0.2855 0.0363 171.3646;
528
- --b2: 0.1752 0.0077 17.9116;
529
- --b3: 0.162 0.0071 17.9116;
454
+ --b2: 0.17522 0.007709 17.911578;
455
+ --b3: 0.162032 0.007129 17.911578;
530
456
  --in: 0.7206 0.191 231.6;
531
457
  --su: 0.7441 0.213 164.75;
532
458
  --wa: 0.8471 0.199 83.87;
533
459
  --er: 0.7176 0.221 22.18;
534
- --bc: 0.8377 0.0017 17.9116;
535
- --sc: 0.1396 0.0271 168.3271;
536
- --ac: 0.1413 0.0239 185.7132;
537
- --nc: 0.8614 0.0078 171.3646;
460
+ --bc: 0.837682 0.001658 17.911578;
461
+ --sc: 0.139553 0.027077 168.327128;
462
+ --ac: 0.141257 0.02389 185.713193;
463
+ --nc: 0.861397 0.007806 171.364646;
538
464
  --inc: 0 0 0;
539
465
  --suc: 0 0 0;
540
466
  --wac: 0 0 0;
@@ -543,108 +469,93 @@
543
469
  --rounded-badge: 1.9rem;
544
470
  --animation-btn: 0.25s;
545
471
  --animation-input: .2s;
546
- --btn-text-case: uppercase;
547
472
  --btn-focus-scale: 0.95;
548
473
  --border-btn: 1px;
549
474
  --tab-border: 1px;
550
475
  --tab-radius: 0.5rem;
551
- --p: 0.6863 0.1856 148.9589;
476
+ --p: 0.686283 0.185567 148.958922;
552
477
  --pc: 0 0 0;
553
- --s: 0.6978 0.1354 168.3271;
554
- --a: 0.7063 0.1195 185.7132;
555
- --n: 0.307 0.039 171.3646;
556
- --b1: 0.1884 0.0083 17.9116;
478
+ --s: 0.697764 0.135385 168.327128;
479
+ --a: 0.706285 0.119451 185.713193;
480
+ --n: 0.306985 0.039032 171.364646;
481
+ --b1: 0.188409 0.00829 17.911578;
557
482
  --rounded-btn: 1.9rem
558
483
  }
559
- [data-theme=aqua] {
484
+ [data-theme=aqua], :root:has(input.theme-controller[value=aqua]:checked) {
560
485
  color-scheme: dark;
561
- --pf: 0.7967 0.1348 198.6458;
562
- --sf: 0.5643 0.1011 309.7829;
563
- --af: 0.8689 0.0951 94.5554;
564
- --nf: 0.5679 0.1088 243.7607;
565
- --b2: 0.4535 0.1186 261.1817;
566
- --b3: 0.4193 0.1097 261.1817;
567
- --bc: 0.8975 0.0255 261.1817;
568
- --sc: 0.1214 0.0218 309.7829;
569
- --ac: 0.1869 0.0204 94.5554;
570
- --nc: 0.1221 0.0234 243.7607;
571
- --inc: 0.9092 0.043 262.8809;
572
- --suc: 0.1254 0.034 149.2138;
573
- --wac: 0.1332 0.0315 58.3183;
574
- --erc: 0.9154 0.043 27.325;
486
+ --b2: 0.453464 0.118611 261.181672;
487
+ --b3: 0.419333 0.109683 261.181672;
488
+ --bc: 0.897519 0.025508 261.181672;
489
+ --sc: 0.121365 0.02175 309.782946;
490
+ --ac: 0.186854 0.020445 94.555431;
491
+ --nc: 0.122124 0.023402 243.760661;
492
+ --inc: 0.90923 0.043042 262.880917;
493
+ --suc: 0.12541 0.033982 149.213788;
494
+ --wac: 0.133168 0.031484 58.31834;
495
+ --erc: 0.1479 0.038 27.33;
575
496
  --rounded-box: 1rem;
576
497
  --rounded-btn: 0.5rem;
577
498
  --rounded-badge: 1.9rem;
578
499
  --animation-btn: 0.25s;
579
500
  --animation-input: .2s;
580
- --btn-text-case: uppercase;
581
501
  --btn-focus-scale: 0.95;
582
502
  --border-btn: 1px;
583
503
  --tab-border: 1px;
584
504
  --tab-radius: 0.5rem;
585
- --p: 0.8566 0.145 198.6458;
586
- --pc: 0.4012 0.0683 197.6039;
587
- --s: 0.6068 0.1088 309.7829;
588
- --a: 0.9343 0.1022 94.5554;
589
- --n: 0.6106 0.117 243.7607;
590
- --b1: 0.4876 0.1275 261.1817;
591
- --in: 0.5461 0.2152 262.8809;
592
- --su: 0.6271 0.1699 149.2138;
593
- --wa: 0.6658 0.1574 58.3183;
594
- --er: 0.5771 0.2152 27.325
505
+ --p: 0.856617 0.14498 198.6458;
506
+ --pc: 0.401249 0.068266 197.603872;
507
+ --s: 0.606827 0.108752 309.782946;
508
+ --a: 0.934269 0.102225 94.555431;
509
+ --n: 0.610622 0.117009 243.760661;
510
+ --b1: 0.487596 0.127539 261.181672;
511
+ --in: 0.54615 0.215208 262.880917;
512
+ --su: 0.627052 0.169912 149.213788;
513
+ --wa: 0.66584 0.157422 58.31834;
514
+ --er: 0.7395 0.19 27.33
595
515
  }
596
- [data-theme=lofi] {
516
+ [data-theme=lofi], :root:has(input.theme-controller[value=lofi]:checked) {
597
517
  color-scheme: light;
598
- --pf: 0.1479 0 0;
599
- --sf: 0.1995 0.0015 17.279;
600
- --af: 0.2498 0 0;
601
- --nf: 0 0 0;
602
- --btn-text-case: uppercase;
518
+ --inc: 0.15908 0.0206 205.9;
519
+ --suc: 0.18026 0.0306 164.14;
520
+ --wac: 0.17674 0.027 79.94;
521
+ --erc: 0.15732 0.03 28.47;
603
522
  --border-btn: 1px;
604
523
  --tab-border: 1px;
605
- --p: 0.1591 0 0;
524
+ --p: 0.159066 0 0;
606
525
  --pc: 1 0 0;
607
- --s: 0.2145 0.0016 17.279;
526
+ --s: 0.21455 0.001566 17.278957;
608
527
  --sc: 1 0 0;
609
- --a: 0.2686 0 0;
528
+ --a: 0.268618 0 0;
610
529
  --ac: 1 0 0;
611
530
  --n: 0 0 0;
612
531
  --nc: 1 0 0;
613
532
  --b1: 1 0 0;
614
- --b2: 0.9612 0 0;
615
- --b3: 0.9227 0.0011 17.1793;
533
+ --b2: 0.961151 0 0;
534
+ --b3: 0.92268 0.001082 17.17934;
616
535
  --bc: 0 0 0;
617
- --in: 0.5731 0.2145 258.2467;
618
- --inc: 1 0 0;
619
- --su: 0.7394 0.211 146.977;
620
- --suc: 0 0 0;
621
- --wa: 0.6955 0.1949 27.8924;
622
- --wac: 1 0 0;
623
- --er: 0.5989 0.2354 352.5117;
624
- --erc: 1 0 0;
536
+ --in: 0.7954 0.103 205.9;
537
+ --su: 0.9013 0.153 164.14;
538
+ --wa: 0.8837 0.135 79.94;
539
+ --er: 0.7866 0.15 28.47;
625
540
  --rounded-box: 0.25rem;
626
541
  --rounded-btn: 0.125rem;
627
542
  --rounded-badge: 0.125rem;
543
+ --tab-radius: 0.125rem;
628
544
  --animation-btn: 0;
629
545
  --animation-input: 0;
630
- --btn-focus-scale: 1;
631
- --tab-radius: 0
546
+ --btn-focus-scale: 1
632
547
  }
633
- [data-theme=pastel] {
548
+ [data-theme=pastel], :root:has(input.theme-controller[value=pastel]:checked) {
634
549
  color-scheme: light;
635
- --pf: 0.7727 0.0325 316.8737;
636
- --sf: 0.8191 0.0458 8.6884;
637
- --af: 0.8296 0.0561 170.9233;
638
- --nf: 0.6635 0.0684 228.1839;
639
550
  --in: 0.7206 0.191 231.6;
640
551
  --su: 0.7441 0.213 164.75;
641
552
  --wa: 0.8471 0.199 83.87;
642
553
  --er: 0.7176 0.221 22.18;
643
554
  --bc: 0.2 0 0;
644
- --pc: 0.1662 0.007 316.8737;
645
- --sc: 0.1762 0.0098 8.6884;
646
- --ac: 0.1784 0.0121 170.9233;
647
- --nc: 0.1427 0.0147 228.1839;
555
+ --pc: 0.166166 0.006979 316.8737;
556
+ --sc: 0.176153 0.009839 8.688364;
557
+ --ac: 0.178419 0.012056 170.923263;
558
+ --nc: 0.142681 0.014702 228.183906;
648
559
  --inc: 0 0 0;
649
560
  --suc: 0 0 0;
650
561
  --wac: 0 0 0;
@@ -653,36 +564,31 @@
653
564
  --rounded-badge: 1.9rem;
654
565
  --animation-btn: 0.25s;
655
566
  --animation-input: .2s;
656
- --btn-text-case: uppercase;
657
567
  --btn-focus-scale: 0.95;
658
568
  --border-btn: 1px;
659
569
  --tab-border: 1px;
660
- --tab-radius: 0.5rem;
661
- --p: 0.8308 0.0349 316.8737;
662
- --s: 0.8808 0.0492 8.6884;
663
- --a: 0.8921 0.0603 170.9233;
664
- --n: 0.7134 0.0735 228.1839;
570
+ --p: 0.830828 0.034896 316.8737;
571
+ --s: 0.880763 0.049197 8.688364;
572
+ --a: 0.892096 0.06028 170.923263;
573
+ --n: 0.713406 0.07351 228.183906;
665
574
  --b1: 1 0 0;
666
- --b2: 0.9846 0.0017 247.8389;
667
- --b3: 0.8717 0.0093 258.3382;
668
- --rounded-btn: 1.9rem
575
+ --b2: 0.984625 0.001706 247.838921;
576
+ --b3: 0.871681 0.009339 258.338227;
577
+ --rounded-btn: 1.9rem;
578
+ --tab-radius: 0.7rem
669
579
  }
670
- [data-theme=fantasy] {
580
+ [data-theme=fantasy], :root:has(input.theme-controller[value=fantasy]:checked) {
671
581
  color-scheme: light;
672
- --pf: 0.3604 0.16 325.015;
673
- --sf: 0.5276 0.1238 241.3629;
674
- --af: 0.6807 0.1628 56.7194;
675
- --nf: 0.2586 0.0275 256.848;
676
582
  --b2: 0.93 0 0;
677
583
  --b3: 0.86 0 0;
678
584
  --in: 0.7206 0.191 231.6;
679
585
  --su: 0.7441 0.213 164.75;
680
586
  --wa: 0.8471 0.199 83.87;
681
587
  --er: 0.7176 0.221 22.18;
682
- --pc: 0.8775 0.0344 325.015;
683
- --sc: 0.1135 0.0266 241.3629;
684
- --ac: 0.1464 0.035 56.7194;
685
- --nc: 0.8556 0.0059 256.848;
588
+ --pc: 0.8749 0.0378 325.02;
589
+ --sc: 0.90784 0.0324 241.36;
590
+ --ac: 0.15196 0.0408 56.72;
591
+ --nc: 0.855616 0.005919 256.847952;
686
592
  --inc: 0 0 0;
687
593
  --suc: 0 0 0;
688
594
  --wac: 0 0 0;
@@ -692,460 +598,495 @@
692
598
  --rounded-badge: 1.9rem;
693
599
  --animation-btn: 0.25s;
694
600
  --animation-input: .2s;
695
- --btn-text-case: uppercase;
696
601
  --btn-focus-scale: 0.95;
697
602
  --border-btn: 1px;
698
603
  --tab-border: 1px;
699
604
  --tab-radius: 0.5rem;
700
- --p: 0.3875 0.1721 325.015;
701
- --s: 0.5673 0.1331 241.3629;
702
- --a: 0.7319 0.175 56.7194;
703
- --n: 0.2781 0.0296 256.848;
605
+ --p: 0.3745 0.189 325.02;
606
+ --s: 0.5392 0.162 241.36;
607
+ --a: 0.7598 0.204 56.72;
608
+ --n: 0.278078 0.029596 256.847952;
704
609
  --b1: 1 0 0;
705
- --bc: 0.2781 0.0296 256.848
610
+ --bc: 0.278078 0.029596 256.847952
706
611
  }
707
- [data-theme=wireframe] {
612
+ [data-theme=wireframe], :root:has(input.theme-controller[value=wireframe]:checked) {
708
613
  color-scheme: light;
709
- --pf: 0.7278 0 0;
710
- --sf: 0.7278 0 0;
711
- --af: 0.7278 0 0;
712
- --nf: 0.8743 0 0;
713
614
  --bc: 0.2 0 0;
714
- --pc: 0.1565 0 0;
715
- --sc: 0.1565 0 0;
716
- --ac: 0.1565 0 0;
717
- --nc: 0.188 0 0;
718
- --inc: 0.8904 0.0626 264.052;
719
- --suc: 0.904 0.0354 142.4953;
720
- --wac: 0.1416 0.02 108.7024;
721
- --erc: 0.1256 0.0515 29.2339;
615
+ --pc: 0.156521 0 0;
616
+ --sc: 0.156521 0 0;
617
+ --ac: 0.156521 0 0;
618
+ --nc: 0.188014 0 0;
619
+ --inc: 0.890403 0.062643 264.052021;
620
+ --suc: 0.90395 0.035372 142.495339;
621
+ --wac: 0.141626 0.019994 108.702381;
622
+ --erc: 0.125591 0.051537 29.233885;
722
623
  --animation-btn: 0.25s;
723
624
  --animation-input: .2s;
724
- --btn-text-case: uppercase;
725
625
  --btn-focus-scale: 0.95;
726
626
  --border-btn: 1px;
727
627
  --tab-border: 1px;
728
- font-family: Chalkboard,comic sans ms,"sanssecondaryerif";
729
- --p: 0.7826 0 0;
730
- --s: 0.7826 0 0;
731
- --a: 0.7826 0 0;
732
- --n: 0.9401 0 0;
628
+ font-family: Chalkboard,comic sans ms,'sans-serif';
629
+ --p: 0.782604 0 0;
630
+ --s: 0.782604 0 0;
631
+ --a: 0.782604 0 0;
632
+ --n: 0.94007 0 0;
733
633
  --b1: 1 0 0;
734
- --b2: 0.9491 0 0;
735
- --b3: 0.8975 0 0;
736
- --in: 0.452 0.3132 264.052;
737
- --su: 0.5198 0.1769 142.4953;
738
- --wa: 0.7081 0.1 108.7024;
739
- --er: 0.628 0.2577 29.2339;
634
+ --b2: 0.949119 0 0;
635
+ --b3: 0.897547 0 0;
636
+ --in: 0.452014 0.313214 264.052021;
637
+ --su: 0.519752 0.176858 142.495339;
638
+ --wa: 0.708131 0.099969 108.702381;
639
+ --er: 0.627955 0.257683 29.233885;
740
640
  --rounded-box: 0.2rem;
741
641
  --rounded-btn: 0.2rem;
742
642
  --rounded-badge: 0.2rem;
743
643
  --tab-radius: 0.2rem
744
644
  }
745
- [data-theme=black] {
645
+ [data-theme=black], :root:has(input.theme-controller[value=black]:checked) {
746
646
  color-scheme: dark;
747
- --pf: 0.2968 0.0026 17.3055;
748
- --sf: 0.2968 0.0026 17.3055;
749
- --af: 0.2968 0.0026 17.3055;
750
- --bc: 0.8 0 0;
751
- --pc: 0.8638 0.0006 17.3055;
752
- --sc: 0.8638 0.0006 17.3055;
753
- --ac: 0.8638 0.0006 17.3055;
754
- --nc: 0.8539 0.0003 17.2488;
755
- --inc: 0.8904 0.0626 264.052;
756
- --suc: 0.904 0.0354 142.4953;
757
- --wac: 0.1936 0.0422 109.7692;
758
- --erc: 0.1256 0.0515 29.2339;
647
+ --pc: 0.86736 0 0;
648
+ --sc: 0.86736 0 0;
649
+ --ac: 0.86736 0 0;
650
+ --nc: 0.86736 0 0;
651
+ --inc: 0.890403 0.062643 264.052021;
652
+ --suc: 0.90395 0.035372 142.495339;
653
+ --wac: 0.193597 0.042201 109.769232;
654
+ --erc: 0.125591 0.051537 29.233885;
759
655
  --border-btn: 1px;
760
656
  --tab-border: 1px;
761
- --p: 0.3192 0.0028 17.3055;
762
- --s: 0.3192 0.0028 17.3055;
763
- --a: 0.3192 0.0028 17.3055;
657
+ --p: 0.336799 0 0;
658
+ --s: 0.336799 0 0;
659
+ --a: 0.336799 0 0;
764
660
  --b1: 0 0 0;
765
- --b2: 0.1591 0 0;
766
- --b3: 0.2145 0.0016 17.279;
767
- --n: 0.2697 0.0015 17.2488;
768
- --nf: 0.3192 0.0028 17.3055;
769
- --in: 0.452 0.3132 264.052;
770
- --su: 0.5198 0.1769 142.4953;
771
- --wa: 0.968 0.211 109.7692;
772
- --er: 0.628 0.2577 29.2339;
661
+ --b2: 0.191251 0 0;
662
+ --b3: 0.268618 0 0;
663
+ --bc: 0.876096 0 0;
664
+ --n: 0.336799 0 0;
665
+ --in: 0.452014 0.313214 264.052021;
666
+ --su: 0.519752 0.176858 142.495339;
667
+ --wa: 0.967983 0.211006 109.769232;
668
+ --er: 0.627955 0.257683 29.233885;
773
669
  --rounded-box: 0;
774
670
  --rounded-btn: 0;
775
671
  --rounded-badge: 0;
776
672
  --animation-btn: 0;
777
673
  --animation-input: 0;
778
- --btn-text-case: lowercase;
779
674
  --btn-focus-scale: 1;
780
675
  --tab-radius: 0
781
676
  }
782
- [data-theme=luxury] {
677
+ [data-theme=luxury], :root:has(input.theme-controller[value=luxury]:checked) {
783
678
  color-scheme: dark;
784
- --pf: 0.93 0 0;
785
- --sf: 0.2565 0.0596 261.0691;
786
- --af: 0.3411 0.0481 338.826;
787
- --nf: 0.2257 0.053 59.825;
788
679
  --pc: 0.2 0 0;
789
- --sc: 0.8552 0.0128 261.0691;
790
- --ac: 0.8733 0.0103 338.826;
791
- --inc: 0.1581 0.0244 237.1339;
792
- --suc: 0.1562 0.0386 132.1544;
793
- --wac: 0.1723 0.0273 102.8912;
794
- --erc: 0.1435 0.0353 22.5689;
680
+ --sc: 0.855163 0.012821 261.069149;
681
+ --ac: 0.873349 0.010348 338.82597;
682
+ --inc: 0.158122 0.024356 237.133883;
683
+ --suc: 0.156239 0.038579 132.154381;
684
+ --wac: 0.172255 0.027305 102.89115;
685
+ --erc: 0.143506 0.035271 22.568916;
795
686
  --rounded-box: 1rem;
796
687
  --rounded-btn: 0.5rem;
797
688
  --rounded-badge: 1.9rem;
798
689
  --animation-btn: 0.25s;
799
690
  --animation-input: .2s;
800
- --btn-text-case: uppercase;
801
691
  --btn-focus-scale: 0.95;
802
692
  --border-btn: 1px;
803
693
  --tab-border: 1px;
804
694
  --tab-radius: 0.5rem;
805
695
  --p: 1 0 0;
806
- --s: 0.2758 0.0641 261.0691;
807
- --a: 0.3667 0.0517 338.826;
808
- --n: 0.2427 0.057 59.825;
809
- --nc: 0.932 0.0896 90.8617;
810
- --b1: 0.1408 0.0044 285.8229;
811
- --b2: 0.2022 0.0042 308.2294;
812
- --b3: 0.299 0.0038 308.3186;
813
- --bc: 0.7569 0.1237 76.8905;
814
- --in: 0.7906 0.1218 237.1339;
815
- --su: 0.7812 0.1929 132.1544;
816
- --wa: 0.8613 0.1365 102.8912;
817
- --er: 0.7175 0.1764 22.5689
696
+ --s: 0.275815 0.064106 261.069149;
697
+ --a: 0.366744 0.051741 338.82597;
698
+ --n: 0.2427 0.057015 59.825019;
699
+ --nc: 0.932033 0.089631 90.861683;
700
+ --b1: 0.140765 0.004386 285.822869;
701
+ --b2: 0.202191 0.004211 308.22937;
702
+ --b3: 0.298961 0.003818 308.318612;
703
+ --bc: 0.756879 0.123666 76.890484;
704
+ --in: 0.790612 0.121778 237.133883;
705
+ --su: 0.781197 0.192894 132.154381;
706
+ --wa: 0.861274 0.136524 102.89115;
707
+ --er: 0.717531 0.176357 22.568916
818
708
  }
819
- [data-theme=dracula] {
709
+ [data-theme=dracula], :root:has(input.theme-controller[value=dracula]:checked) {
820
710
  color-scheme: dark;
821
- --pf: 0.7018 0.1703 346.8124;
822
- --sf: 0.6901 0.1381 301.8831;
823
- --af: 0.7756 0.1154 66.5585;
824
- --nf: 0.3668 0.0303 275.5241;
825
- --b2: 0.2681 0.0206 277.5087;
826
- --b3: 0.2479 0.019 277.5087;
827
- --pc: 0.1509 0.0366 346.8124;
828
- --sc: 0.1484 0.0297 301.8831;
829
- --ac: 0.1668 0.0248 66.5585;
830
- --nc: 0.8789 0.0065 275.5241;
831
- --inc: 0.1765 0.0187 212.8465;
832
- --suc: 0.1742 0.0439 148.0249;
833
- --wac: 0.1911 0.0268 112.7571;
834
- --erc: 0.1364 0.0413 24.431;
711
+ --b2: 0.268053 0.020556 277.508664;
712
+ --b3: 0.247877 0.019009 277.508664;
713
+ --pc: 0.150922 0.036614 346.812432;
714
+ --sc: 0.148405 0.029709 301.883095;
715
+ --ac: 0.166785 0.024826 66.558491;
716
+ --nc: 0.878891 0.006515 275.524078;
717
+ --inc: 0.176526 0.018676 212.846491;
718
+ --suc: 0.174199 0.043903 148.024881;
719
+ --wac: 0.191068 0.026849 112.757109;
720
+ --erc: 0.136441 0.041266 24.430965;
835
721
  --rounded-box: 1rem;
836
722
  --rounded-btn: 0.5rem;
837
723
  --rounded-badge: 1.9rem;
838
724
  --animation-btn: 0.25s;
839
725
  --animation-input: .2s;
840
- --btn-text-case: uppercase;
841
726
  --btn-focus-scale: 0.95;
842
727
  --border-btn: 1px;
843
728
  --tab-border: 1px;
844
729
  --tab-radius: 0.5rem;
845
- --p: 0.7546 0.1831 346.8124;
846
- --s: 0.742 0.1485 301.8831;
847
- --a: 0.8339 0.1241 66.5585;
848
- --n: 0.3945 0.0326 275.5241;
849
- --b1: 0.2882 0.0221 277.5087;
850
- --bc: 0.9775 0.0079 106.545;
851
- --in: 0.8826 0.0934 212.8465;
852
- --su: 0.871 0.2195 148.0249;
853
- --wa: 0.9553 0.1342 112.7571;
854
- --er: 0.6822 0.2063 24.431
730
+ --p: 0.754611 0.18307 346.812432;
731
+ --s: 0.742023 0.148546 301.883095;
732
+ --a: 0.833927 0.124132 66.558491;
733
+ --n: 0.394456 0.032576 275.524078;
734
+ --b1: 0.288229 0.022103 277.508664;
735
+ --bc: 0.977477 0.007913 106.545019;
736
+ --in: 0.88263 0.09338 212.846491;
737
+ --su: 0.870995 0.219516 148.024881;
738
+ --wa: 0.955338 0.134246 112.757109;
739
+ --er: 0.682204 0.206328 24.430965
855
740
  }
856
- [data-theme=cmyk] {
741
+ [data-theme=cmyk], :root:has(input.theme-controller[value=cmyk]:checked) {
857
742
  color-scheme: light;
858
- --pf: 0.6675 0.124 239.4433;
859
- --sf: 0.5996 0.1886 359.3393;
860
- --af: 0.8763 0.1765 105.307;
861
- --nf: 0.2025 0 0;
862
743
  --b2: 0.93 0 0;
863
744
  --b3: 0.86 0 0;
864
745
  --bc: 0.2 0 0;
865
- --pc: 0.1435 0.0267 239.4433;
866
- --sc: 0.129 0.0406 359.3393;
867
- --ac: 0.1885 0.0379 105.307;
868
- --nc: 0.8436 0 0;
869
- --inc: 0.137 0.0189 217.2841;
870
- --suc: 0.8939 0.0325 321.4063;
871
- --wac: 0.1425 0.032 52.0234;
872
- --erc: 0.124 0.0417 28.7175;
746
+ --pc: 0.143544 0.02666 239.443325;
747
+ --sc: 0.128953 0.040552 359.339283;
748
+ --ac: 0.188458 0.037948 105.306968;
749
+ --nc: 0.843557 0 0;
750
+ --inc: 0.136952 0.0189 217.284104;
751
+ --suc: 0.893898 0.032505 321.406278;
752
+ --wac: 0.142473 0.031969 52.023412;
753
+ --erc: 0.124027 0.041677 28.717543;
873
754
  --rounded-box: 1rem;
874
755
  --rounded-btn: 0.5rem;
875
756
  --rounded-badge: 1.9rem;
876
757
  --animation-btn: 0.25s;
877
758
  --animation-input: .2s;
878
- --btn-text-case: uppercase;
879
759
  --btn-focus-scale: 0.95;
880
760
  --border-btn: 1px;
881
761
  --tab-border: 1px;
882
762
  --tab-radius: 0.5rem;
883
- --p: 0.7177 0.1333 239.4433;
884
- --s: 0.6448 0.2028 359.3393;
885
- --a: 0.9423 0.1897 105.307;
886
- --n: 0.2178 0 0;
763
+ --p: 0.717722 0.133298 239.443325;
764
+ --s: 0.644766 0.202758 359.339283;
765
+ --a: 0.942289 0.189741 105.306968;
766
+ --n: 0.217787 0 0;
887
767
  --b1: 1 0 0;
888
- --in: 0.6848 0.0945 217.2841;
889
- --su: 0.4695 0.1625 321.4063;
890
- --wa: 0.7124 0.1598 52.0234;
891
- --er: 0.6201 0.2084 28.7175
768
+ --in: 0.684759 0.094499 217.284104;
769
+ --su: 0.46949 0.162524 321.406278;
770
+ --wa: 0.712364 0.159843 52.023412;
771
+ --er: 0.620133 0.208385 28.717543
892
772
  }
893
- [data-theme=autumn] {
773
+ [data-theme=autumn], :root:has(input.theme-controller[value=autumn]:checked) {
894
774
  color-scheme: light;
895
- --pf: 0.3787 0.1499 17.5302;
896
- --sf: 0.5736 0.1573 23.8659;
897
- --af: 0.6829 0.0883 60.7296;
898
- --nf: 0.5056 0.0348 51.9028;
899
- --b2: 0.8911 0 0;
900
- --b3: 0.824 0 0;
901
- --bc: 0.1916 0 0;
902
- --pc: 0.8814 0.0322 17.5302;
903
- --sc: 0.1234 0.0338 23.8659;
904
- --ac: 0.1469 0.019 60.7296;
905
- --nc: 0.9087 0.0075 51.9028;
906
- --inc: 0.1384 0.0196 207.2842;
907
- --suc: 0.122 0.016 174.6162;
908
- --wac: 0.1402 0.033 56.8443;
909
- --erc: 0.9155 0.0446 24.1624;
775
+ --b2: 0.891077 0 0;
776
+ --b3: 0.824006 0 0;
777
+ --bc: 0.191629 0 0;
778
+ --pc: 0.881446 0.032232 17.530175;
779
+ --sc: 0.123353 0.033821 23.865865;
780
+ --ac: 0.146851 0.018999 60.729616;
781
+ --nc: 0.908734 0.007475 51.902819;
782
+ --inc: 0.138449 0.019596 207.284192;
783
+ --suc: 0.12199 0.016032 174.616213;
784
+ --wac: 0.140163 0.032982 56.844303;
785
+ --erc: 0.90614 0.0482 24.16;
910
786
  --rounded-box: 1rem;
911
787
  --rounded-btn: 0.5rem;
912
788
  --rounded-badge: 1.9rem;
913
789
  --animation-btn: 0.25s;
914
790
  --animation-input: .2s;
915
- --btn-text-case: uppercase;
916
791
  --btn-focus-scale: 0.95;
917
792
  --border-btn: 1px;
918
793
  --tab-border: 1px;
919
794
  --tab-radius: 0.5rem;
920
- --p: 0.4072 0.1612 17.5302;
921
- --s: 0.6168 0.1691 23.8659;
922
- --a: 0.7343 0.095 60.7296;
923
- --n: 0.5437 0.0374 51.9028;
924
- --b1: 0.9581 0 0;
925
- --in: 0.6922 0.098 207.2842;
926
- --su: 0.61 0.0802 174.6162;
927
- --wa: 0.7008 0.1649 56.8443;
928
- --er: 0.5774 0.2229 24.1624
795
+ --p: 0.407232 0.16116 17.530175;
796
+ --s: 0.616763 0.169105 23.865865;
797
+ --a: 0.734253 0.094994 60.729616;
798
+ --n: 0.543672 0.037374 51.902819;
799
+ --b1: 0.958147 0 0;
800
+ --in: 0.692245 0.097979 207.284192;
801
+ --su: 0.609951 0.080159 174.616213;
802
+ --wa: 0.700817 0.164909 56.844303;
803
+ --er: 0.5307 0.241 24.16
929
804
  }
930
- [data-theme=business] {
805
+ [data-theme=business], :root:has(input.theme-controller[value=business]:checked) {
931
806
  color-scheme: dark;
932
- --pf: 0.3878 0.0921 251.4739;
933
- --sf: 0.5961 0.0255 229.3894;
934
- --af: 0.6256 0.156 35.7915;
935
- --nf: 0.2552 0.0123 253.0412;
936
- --b2: 0.2265 0 0;
937
- --b3: 0.2094 0 0;
938
- --bc: 0.8487 0 0;
939
- --pc: 0.8834 0.0198 251.4739;
940
- --sc: 0.1282 0.0055 229.3894;
941
- --ac: 0.1345 0.0335 35.7915;
942
- --nc: 0.8549 0.0026 253.0412;
943
- --inc: 0.1252 0.0287 240.0337;
944
- --suc: 0.1405 0.0189 156.5961;
945
- --wac: 0.155 0.0231 81.5192;
946
- --erc: 0.9032 0.0294 29.6745;
807
+ --b2: 0.226487 0 0;
808
+ --b3: 0.20944 0 0;
809
+ --bc: 0.848707 0 0;
810
+ --pc: 0.883407 0.019811 251.473931;
811
+ --sc: 0.128185 0.005481 229.389418;
812
+ --ac: 0.134542 0.033545 35.791525;
813
+ --nc: 0.854882 0.00265 253.041249;
814
+ --inc: 0.125233 0.028702 240.033697;
815
+ --suc: 0.140454 0.018919 156.59611;
816
+ --wac: 0.154965 0.023141 81.519177;
817
+ --erc: 0.903221 0.029356 29.674507;
947
818
  --animation-btn: 0.25s;
948
819
  --animation-input: .2s;
949
- --btn-text-case: uppercase;
950
820
  --btn-focus-scale: 0.95;
951
821
  --border-btn: 1px;
952
822
  --tab-border: 1px;
953
823
  --tab-radius: 0.5rem;
954
- --p: 0.417 0.0991 251.4739;
955
- --s: 0.6409 0.0274 229.3894;
956
- --a: 0.6727 0.1677 35.7915;
957
- --n: 0.2744 0.0132 253.0412;
958
- --b1: 0.2435 0 0;
959
- --in: 0.6262 0.1435 240.0337;
960
- --su: 0.7023 0.0946 156.5961;
961
- --wa: 0.7748 0.1157 81.5192;
962
- --er: 0.5161 0.1468 29.6745;
824
+ --p: 0.417036 0.099057 251.473931;
825
+ --s: 0.640924 0.027405 229.389418;
826
+ --a: 0.67271 0.167726 35.791525;
827
+ --n: 0.27441 0.01325 253.041249;
828
+ --b1: 0.243535 0 0;
829
+ --in: 0.626163 0.143511 240.033697;
830
+ --su: 0.702268 0.094594 156.59611;
831
+ --wa: 0.774824 0.115704 81.519177;
832
+ --er: 0.516105 0.14678 29.674507;
963
833
  --rounded-box: 0.25rem;
964
834
  --rounded-btn: .125rem;
965
835
  --rounded-badge: .125rem
966
836
  }
967
- [data-theme=acid] {
837
+ [data-theme=acid], :root:has(input.theme-controller[value=acid]:checked) {
968
838
  color-scheme: light;
969
- --pf: 0.6467 0.2936 330.7596;
970
- --sf: 0.6644 0.1803 48.2509;
971
- --af: 0.8608 0.2108 122.963;
972
- --nf: 0.2234 0.0642 278.6813;
973
- --b2: 0.9161 0 0;
974
- --b3: 0.8472 0 0;
975
- --bc: 0.197 0 0;
976
- --pc: 0.1391 0.0631 330.7596;
977
- --sc: 0.1429 0.0388 48.2509;
978
- --ac: 0.1851 0.0453 122.963;
979
- --nc: 0.848 0.0138 278.6813;
980
- --inc: 0.1317 0.0342 252.0536;
981
- --suc: 0.1517 0.0255 158.5317;
982
- --wac: 0.1789 0.0354 100.495;
983
- --erc: 0.9163 0.0476 29.3492;
839
+ --b2: 0.916146 0 0;
840
+ --b3: 0.847189 0 0;
841
+ --bc: 0.197021 0 0;
842
+ --pc: 0.1438 0.0714 330.759573;
843
+ --sc: 0.14674 0.0448 48.250878;
844
+ --ac: 0.18556 0.0528 122.962951;
845
+ --nc: 0.84262 0.0256 278.68;
846
+ --inc: 0.12144 0.0454 252.05;
847
+ --suc: 0.17144 0.0532 158.53;
848
+ --wac: 0.18202 0.0424 100.5;
849
+ --erc: 0.12968 0.0586 29.349188;
984
850
  --animation-btn: 0.25s;
985
851
  --animation-input: .2s;
986
- --btn-text-case: uppercase;
987
852
  --btn-focus-scale: 0.95;
988
853
  --border-btn: 1px;
989
854
  --tab-border: 1px;
990
- --tab-radius: 0.5rem;
991
- --p: 0.6953 0.3157 330.7596;
992
- --s: 0.7144 0.1938 48.2509;
993
- --a: 0.9256 0.2266 122.963;
994
- --n: 0.2402 0.069 278.6813;
995
- --b1: 0.9851 0 0;
996
- --in: 0.6587 0.1711 252.0536;
997
- --su: 0.7583 0.1277 158.5317;
998
- --wa: 0.8944 0.1768 100.495;
999
- --er: 0.5814 0.2378 29.3492;
855
+ --p: 0.719 0.357 330.759573;
856
+ --s: 0.7337 0.224 48.250878;
857
+ --a: 0.9278 0.264 122.962951;
858
+ --n: 0.2131 0.128 278.68;
859
+ --b1: 0.985104 0 0;
860
+ --in: 0.6072 0.227 252.05;
861
+ --su: 0.8572 0.266 158.53;
862
+ --wa: 0.9101 0.212 100.5;
863
+ --er: 0.6484 0.293 29.349188;
1000
864
  --rounded-box: 1.25rem;
1001
865
  --rounded-btn: 1rem;
1002
- --rounded-badge: 1rem
866
+ --rounded-badge: 1rem;
867
+ --tab-radius: 0.7rem
1003
868
  }
1004
- [data-theme=lemonade] {
869
+ [data-theme=lemonade], :root:has(input.theme-controller[value=lemonade]:checked) {
1005
870
  color-scheme: light;
1006
- --pf: 0.5687 0.1641 134.625;
1007
- --sf: 0.8418 0.1741 109.6209;
1008
- --af: 0.9011 0.0565 109.4903;
1009
- --nf: 0.2234 0.0642 278.6813;
1010
- --b2: 0.93 0 0;
1011
- --b3: 0.86 0 0;
1012
- --bc: 0.2 0 0;
1013
- --pc: 0.1223 0.0353 134.625;
1014
- --sc: 0.181 0.0374 109.6209;
1015
- --ac: 0.1938 0.0122 109.4903;
1016
- --nc: 0.848 0.0138 278.6813;
1017
- --inc: 0.1786 0.0056 213.7799;
1018
- --suc: 0.1855 0.0216 119.5786;
1019
- --wac: 0.1834 0.0229 98.5167;
1020
- --erc: 0.1662 0.014 19.7656;
871
+ --b2: 0.918003 0.0186 123.72;
872
+ --b3: 0.848906 0.0172 123.72;
873
+ --bc: 0.19742 0.004 123.72;
874
+ --pc: 0.11784 0.0398 134.6;
875
+ --sc: 0.1555 0.0392 111.09;
876
+ --ac: 0.17078 0.0402 100.73;
877
+ --nc: 0.86196 0.015 108.6;
878
+ --inc: 0.17238 0.0094 224.14;
879
+ --suc: 0.17238 0.0094 157.85;
880
+ --wac: 0.17238 0.0094 102.15;
881
+ --erc: 0.17238 0.0094 25.85;
1021
882
  --rounded-box: 1rem;
1022
883
  --rounded-btn: 0.5rem;
1023
884
  --rounded-badge: 1.9rem;
1024
885
  --animation-btn: 0.25s;
1025
886
  --animation-input: .2s;
1026
- --btn-text-case: uppercase;
1027
887
  --btn-focus-scale: 0.95;
1028
888
  --border-btn: 1px;
1029
889
  --tab-border: 1px;
1030
890
  --tab-radius: 0.5rem;
1031
- --p: 0.6115 0.1765 134.625;
1032
- --s: 0.9051 0.1872 109.6209;
1033
- --a: 0.9689 0.0608 109.4903;
1034
- --n: 0.2402 0.069 278.6813;
1035
- --b1: 1 0 0;
1036
- --in: 0.8932 0.0278 213.7799;
1037
- --su: 0.9273 0.108 119.5786;
1038
- --wa: 0.9169 0.1145 98.5167;
1039
- --er: 0.8309 0.07 19.7656
891
+ --p: 0.5892 0.199 134.6;
892
+ --s: 0.7775 0.196 111.09;
893
+ --a: 0.8539 0.201 100.73;
894
+ --n: 0.3098 0.075 108.6;
895
+ --b1: 0.9871 0.02 123.72;
896
+ --in: 0.8619 0.047 224.14;
897
+ --su: 0.8619 0.047 157.85;
898
+ --wa: 0.8619 0.047 102.15;
899
+ --er: 0.8619 0.047 25.85
1040
900
  }
1041
- [data-theme=night] {
901
+ [data-theme=night], :root:has(input.theme-controller[value=night]:checked) {
1042
902
  color-scheme: dark;
1043
- --pf: 0.7008 0.1293 232.6615;
1044
- --sf: 0.6325 0.1472 276.9349;
1045
- --af: 0.673 0.1639 350.0487;
1046
- --b2: 0.1931 0.037 265.7549;
1047
- --b3: 0.1786 0.0342 265.7549;
1048
- --bc: 0.8415 0.008 265.7549;
1049
- --pc: 0.1507 0.0278 232.6615;
1050
- --sc: 0.136 0.0317 276.9349;
1051
- --ac: 0.1447 0.0352 350.0487;
1052
- --nc: 0.8559 0.0074 260.031;
1053
- --suc: 0.1569 0.0265 181.912;
1054
- --wac: 0.1665 0.0279 82.95;
1055
- --erc: 0.1436 0.0341 13.1183;
903
+ --b2: 0.193144 0.037037 265.754874;
904
+ --b3: 0.178606 0.034249 265.754874;
905
+ --bc: 0.841536 0.007965 265.754874;
906
+ --pc: 0.150703 0.027798 232.66148;
907
+ --sc: 0.136023 0.031661 276.934902;
908
+ --ac: 0.144721 0.035244 350.048739;
909
+ --nc: 0.855899 0.00737 260.030984;
910
+ --suc: 0.156904 0.026506 181.911977;
911
+ --wac: 0.166486 0.027912 82.95003;
912
+ --erc: 0.143572 0.034051 13.11834;
1056
913
  --rounded-box: 1rem;
1057
914
  --rounded-btn: 0.5rem;
1058
915
  --rounded-badge: 1.9rem;
1059
916
  --animation-btn: 0.25s;
1060
917
  --animation-input: .2s;
1061
- --btn-text-case: uppercase;
1062
918
  --btn-focus-scale: 0.95;
1063
919
  --border-btn: 1px;
1064
920
  --tab-border: 1px;
1065
921
  --tab-radius: 0.5rem;
1066
- --p: 0.7535 0.139 232.6615;
1067
- --s: 0.6801 0.1583 276.9349;
1068
- --a: 0.7236 0.1762 350.0487;
1069
- --n: 0.2795 0.0368 260.031;
1070
- --nf: 0.3232 0.0416 259.7901;
1071
- --b1: 0.2077 0.0398 265.7549;
1072
- --in: 0.6846 0.1481 237.2514;
922
+ --p: 0.753513 0.138989 232.66148;
923
+ --s: 0.680113 0.158303 276.934902;
924
+ --a: 0.723603 0.176218 350.048739;
925
+ --n: 0.279495 0.036848 260.030984;
926
+ --b1: 0.207682 0.039824 265.754874;
927
+ --in: 0.684553 0.148062 237.25135;
1073
928
  --inc: 0 0 0;
1074
- --su: 0.7845 0.1325 181.912;
1075
- --wa: 0.8324 0.1396 82.95;
1076
- --er: 0.7179 0.1703 13.1183
929
+ --su: 0.78452 0.132529 181.911977;
930
+ --wa: 0.832428 0.139558 82.95003;
931
+ --er: 0.717858 0.170255 13.11834
1077
932
  }
1078
- [data-theme=coffee] {
933
+ [data-theme=coffee], :root:has(input.theme-controller[value=coffee]:checked) {
1079
934
  color-scheme: dark;
1080
- --pf: 0.6696 0.1152 62.7564;
1081
- --sf: 0.3205 0.0278 199.1944;
1082
- --af: 0.3964 0.0692 224.3892;
1083
- --nf: 0.1536 0.0146 326.2614;
1084
- --b2: 0.2016 0.0215 329.7086;
1085
- --b3: 0.1864 0.0198 329.7086;
1086
- --pc: 0.144 0.0248 62.7564;
1087
- --sc: 0.8689 0.006 199.1944;
1088
- --ac: 0.8852 0.0149 224.3892;
1089
- --nc: 0.833 0.0031 326.2614;
1090
- --inc: 0.159 0.0128 184.5584;
1091
- --suc: 0.1494 0.0145 131.1163;
1092
- --wac: 0.1763 0.0282 87.7224;
1093
- --erc: 0.1546 0.0256 31.8719;
935
+ --b2: 0.201585 0.021457 329.708637;
936
+ --b3: 0.186412 0.019842 329.708637;
937
+ --pc: 0.143993 0.024765 62.756393;
938
+ --sc: 0.86893 0.00597 199.19444;
939
+ --ac: 0.885243 0.014881 224.389184;
940
+ --nc: 0.833022 0.003149 326.261446;
941
+ --inc: 0.15898 0.012774 184.558367;
942
+ --suc: 0.149445 0.014491 131.116276;
943
+ --wac: 0.176301 0.028162 87.722413;
944
+ --erc: 0.154637 0.025644 31.871922;
1094
945
  --rounded-box: 1rem;
1095
946
  --rounded-btn: 0.5rem;
1096
947
  --rounded-badge: 1.9rem;
1097
948
  --animation-btn: 0.25s;
1098
949
  --animation-input: .2s;
1099
- --btn-text-case: uppercase;
1100
950
  --btn-focus-scale: 0.95;
1101
951
  --border-btn: 1px;
1102
952
  --tab-border: 1px;
1103
953
  --tab-radius: 0.5rem;
1104
- --p: 0.72 0.1238 62.7564;
1105
- --s: 0.3447 0.0298 199.1944;
1106
- --a: 0.4262 0.0744 224.3892;
1107
- --n: 0.1651 0.0157 326.2614;
1108
- --b1: 0.2168 0.0231 329.7086;
1109
- --bc: 0.5413 0.0188 79.2715;
1110
- --in: 0.7949 0.0639 184.5584;
1111
- --su: 0.7472 0.0725 131.1163;
1112
- --wa: 0.8815 0.1408 87.7224;
1113
- --er: 0.7732 0.1282 31.8719
954
+ --p: 0.719967 0.123825 62.756393;
955
+ --s: 0.34465 0.029849 199.19444;
956
+ --a: 0.426213 0.074405 224.389184;
957
+ --n: 0.165109 0.015743 326.261446;
958
+ --b1: 0.216758 0.023072 329.708637;
959
+ --bc: 0.723547 0.092794 79.129387;
960
+ --in: 0.794902 0.063869 184.558367;
961
+ --su: 0.747224 0.072456 131.116276;
962
+ --wa: 0.881503 0.140812 87.722413;
963
+ --er: 0.773187 0.12822 31.871922
1114
964
  }
1115
- [data-theme=winter] {
965
+ [data-theme=winter], :root:has(input.theme-controller[value=winter]:checked) {
1116
966
  color-scheme: light;
1117
- --pf: 0.5608 0.2022 257.5746;
1118
- --sf: 0.3957 0.1498 282.3394;
1119
- --af: 0.5574 0.1781 335.1714;
1120
- --nf: 0.1824 0.0591 257.652;
1121
- --pc: 0.1206 0.0435 257.5746;
1122
- --sc: 0.8851 0.0322 282.3394;
1123
- --ac: 0.1199 0.0383 335.1714;
1124
- --nc: 0.8392 0.0127 257.652;
1125
- --inc: 0.1763 0.0172 214.5153;
1126
- --suc: 0.161 0.0154 197.8237;
1127
- --wac: 0.1783 0.0092 71.4703;
1128
- --erc: 0.1462 0.022 20.0763;
967
+ --pc: 0.91372 0.051 257.57;
968
+ --sc: 0.885103 0.03222 282.339433;
969
+ --ac: 0.11988 0.038303 335.171434;
970
+ --nc: 0.839233 0.012704 257.651965;
971
+ --inc: 0.176255 0.017178 214.515264;
972
+ --suc: 0.160988 0.015404 197.823719;
973
+ --wac: 0.178345 0.009167 71.47031;
974
+ --erc: 0.146185 0.022037 20.076293;
1129
975
  --rounded-box: 1rem;
1130
976
  --rounded-btn: 0.5rem;
1131
977
  --rounded-badge: 1.9rem;
1132
978
  --animation-btn: 0.25s;
1133
979
  --animation-input: .2s;
1134
- --btn-text-case: uppercase;
1135
980
  --btn-focus-scale: 0.95;
1136
981
  --border-btn: 1px;
1137
982
  --tab-border: 1px;
1138
983
  --tab-radius: 0.5rem;
1139
- --p: 0.6031 0.2174 257.5746;
1140
- --s: 0.4255 0.1611 282.3394;
1141
- --a: 0.5994 0.1915 335.1714;
1142
- --n: 0.1962 0.0635 257.652;
984
+ --p: 0.5686 0.255 257.57;
985
+ --s: 0.425516 0.161098 282.339433;
986
+ --a: 0.599398 0.191515 335.171434;
987
+ --n: 0.196166 0.063518 257.651965;
1143
988
  --b1: 1 0 0;
1144
- --b2: 0.9747 0.0119 259.8226;
1145
- --b3: 0.9327 0.0162 262.7514;
1146
- --bc: 0.4189 0.0539 255.8249;
1147
- --in: 0.8813 0.0859 214.5153;
1148
- --su: 0.8049 0.077 197.8237;
1149
- --wa: 0.8917 0.0458 71.4703;
1150
- --er: 0.7309 0.1102 20.0763
989
+ --b2: 0.974663 0.011947 259.822565;
990
+ --b3: 0.932686 0.016223 262.751375;
991
+ --bc: 0.418869 0.053885 255.824911;
992
+ --in: 0.881275 0.085888 214.515264;
993
+ --su: 0.804941 0.077019 197.823719;
994
+ --wa: 0.891725 0.045833 71.47031;
995
+ --er: 0.730926 0.110185 20.076293
996
+ }
997
+ [data-theme=dim], :root:has(input.theme-controller[value=dim]:checked) {
998
+ color-scheme: dark;
999
+ --pc: 0.172267 0.028331 139.549991;
1000
+ --sc: 0.146752 0.033181 35.353059;
1001
+ --ac: 0.148459 0.026728 311.37924;
1002
+ --inc: 0.172157 0.028409 206.182959;
1003
+ --suc: 0.172343 0.028437 166.534048;
1004
+ --wac: 0.172327 0.028447 94.818679;
1005
+ --erc: 0.164838 0.019914 33.756357;
1006
+ --rounded-box: 1rem;
1007
+ --rounded-btn: 0.5rem;
1008
+ --rounded-badge: 1.9rem;
1009
+ --animation-btn: 0.25s;
1010
+ --animation-input: .2s;
1011
+ --btn-focus-scale: 0.95;
1012
+ --border-btn: 1px;
1013
+ --tab-border: 1px;
1014
+ --tab-radius: 0.5rem;
1015
+ --p: 0.861335 0.141656 139.549991;
1016
+ --s: 0.733759 0.165904 35.353059;
1017
+ --a: 0.742296 0.133641 311.37924;
1018
+ --n: 0.248091 0.041409 261.79232;
1019
+ --nc: 0.829011 0.031335 222.959324;
1020
+ --b1: 0.404748 0.036234 264.044279;
1021
+ --b2: 0.308577 0.023243 264.149498;
1022
+ --b3: 0.271708 0.018257 262.190531;
1023
+ --bc: 0.829011 0.031335 222.959324;
1024
+ --in: 0.860785 0.142046 206.182959;
1025
+ --su: 0.861717 0.142187 166.534048;
1026
+ --wa: 0.861634 0.142236 94.818679;
1027
+ --er: 0.824189 0.09957 33.756357
1028
+ }
1029
+ [data-theme=nord], :root:has(input.theme-controller[value=nord]:checked) {
1030
+ color-scheme: light;
1031
+ --pc: 0.118872 0.015449 254.027774;
1032
+ --sc: 0.139303 0.011822 248.687186;
1033
+ --ac: 0.154929 0.01245 217.469017;
1034
+ --inc: 0.138414 0.012499 332.664922;
1035
+ --suc: 0.153654 0.01498 131.063061;
1036
+ --wac: 0.170972 0.017847 84.093335;
1037
+ --erc: 0.12122 0.024119 15.341883;
1038
+ --animation-btn: 0.25s;
1039
+ --animation-input: .2s;
1040
+ --btn-focus-scale: 0.95;
1041
+ --border-btn: 1px;
1042
+ --tab-border: 1px;
1043
+ --p: 0.594359 0.077246 254.027774;
1044
+ --s: 0.696516 0.059108 248.687186;
1045
+ --a: 0.774643 0.062249 217.469017;
1046
+ --n: 0.45229 0.035214 264.1312;
1047
+ --nc: 0.899258 0.016374 262.749256;
1048
+ --b1: 0.951276 0.007445 260.731539;
1049
+ --b2: 0.932996 0.010389 261.788485;
1050
+ --b3: 0.899258 0.016374 262.749256;
1051
+ --bc: 0.324374 0.022945 264.182036;
1052
+ --in: 0.692072 0.062496 332.664922;
1053
+ --su: 0.76827 0.074899 131.063061;
1054
+ --wa: 0.854862 0.089234 84.093335;
1055
+ --er: 0.6061 0.120594 15.341883;
1056
+ --rounded-box: 0.4rem;
1057
+ --rounded-btn: 0.2rem;
1058
+ --rounded-badge: 0.4rem;
1059
+ --tab-radius: 0.2rem
1060
+ }
1061
+ [data-theme=sunset], :root:has(input.theme-controller[value=sunset]:checked) {
1062
+ color-scheme: dark;
1063
+ --pc: 0.149408 0.031656 39.94703;
1064
+ --sc: 0.145075 0.035531 2.72034;
1065
+ --ac: 0.142589 0.033336 299.844533;
1066
+ --inc: 0.171119 0.017054 206.015183;
1067
+ --suc: 0.171122 0.017172 144.77874;
1068
+ --wac: 0.171139 0.016961 74.427797;
1069
+ --erc: 0.171023 0.015778 16.886379;
1070
+ --animation-btn: 0.25s;
1071
+ --animation-input: .2s;
1072
+ --btn-focus-scale: 0.95;
1073
+ --border-btn: 1px;
1074
+ --tab-border: 1px;
1075
+ --p: 0.747039 0.158278 39.94703;
1076
+ --s: 0.725375 0.177654 2.72034;
1077
+ --a: 0.712947 0.166678 299.844533;
1078
+ --n: 0.26 0.019 237.69;
1079
+ --nc: 0.7 0.019 237.69;
1080
+ --b1: 0.22 0.019 237.69;
1081
+ --b2: 0.2 0.019 237.69;
1082
+ --b3: 0.18 0.019 237.69;
1083
+ --bc: 0.773835 0.043586 245.096534;
1084
+ --in: 0.855596 0.085271 206.015183;
1085
+ --su: 0.855609 0.08586 144.77874;
1086
+ --wa: 0.855695 0.084806 74.427797;
1087
+ --er: 0.855116 0.07889 16.886379;
1088
+ --rounded-box: 1.2rem;
1089
+ --rounded-btn: 0.8rem;
1090
+ --rounded-badge: 0.4rem;
1091
+ --tab-radius: 0.7rem
1151
1092
  }