daisyui 4.0.0-alpha.9 → 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
@@ -4,9 +4,8 @@
4
4
  --su: 0.7441 0.213 164.75;
5
5
  --wa: 0.8471 0.199 83.87;
6
6
  --er: 0.7176 0.221 22.18;
7
- --pc: 0.8982 0.0619 275.75;
8
- --sc: 0.1394 0.0658 342.55;
9
- --ac: 0.1535 0.0368 183.61;
7
+ --pc: 0.89824 0.06192 275.75;
8
+ --ac: 0.15352 0.0368 183.61;
10
9
  --inc: 0 0 0;
11
10
  --suc: 0 0 0;
12
11
  --wac: 0 0 0;
@@ -16,20 +15,20 @@
16
15
  --rounded-badge: 1.9rem;
17
16
  --animation-btn: 0.25s;
18
17
  --animation-input: .2s;
19
- --btn-text-case: uppercase;
20
18
  --btn-focus-scale: 0.95;
21
19
  --border-btn: 1px;
22
20
  --tab-border: 1px;
23
21
  --tab-radius: 0.5rem;
24
22
  --p: 0.4912 0.3096 275.75;
25
23
  --s: 0.6971 0.329 342.55;
24
+ --sc: 0.9871 0.0106 342.55;
26
25
  --a: 0.7676 0.184 183.61;
27
- --n: 0.3218 0.0248 255.7016;
28
- --nc: 0.895 0.0116 252.0962;
26
+ --n: 0.321785 0.02476 255.701624;
27
+ --nc: 0.894994 0.011585 252.096176;
29
28
  --b1: 1 0 0;
30
- --b2: 0.9612 0 0;
31
- --b3: 0.9242 0.0011 197.1376;
32
- --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
33
32
  }
34
33
  @media (prefers-color-scheme: dark) {
35
34
  :root {
@@ -38,9 +37,9 @@
38
37
  --su: 0.7441 0.213 164.75;
39
38
  --wa: 0.8471 0.199 83.87;
40
39
  --er: 0.7176 0.221 22.18;
41
- --pc: 0.8982 0.0619 275.75;
42
- --sc: 0.1394 0.0658 342.55;
43
- --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;
44
43
  --inc: 0 0 0;
45
44
  --suc: 0 0 0;
46
45
  --wac: 0 0 0;
@@ -50,31 +49,29 @@
50
49
  --rounded-badge: 1.9rem;
51
50
  --animation-btn: 0.25s;
52
51
  --animation-input: .2s;
53
- --btn-text-case: uppercase;
54
52
  --btn-focus-scale: 0.95;
55
53
  --border-btn: 1px;
56
54
  --tab-border: 1px;
57
55
  --tab-radius: 0.5rem;
58
- --p: 0.4912 0.3096 275.75;
59
- --s: 0.6971 0.329 342.55;
60
- --a: 0.7676 0.184 183.61;
61
- --n: 0.3138 0.0211 254.1392;
62
- --nc: 0.7465 0.0216 264.436;
63
- --b1: 0.2533 0.0159 252.4176;
64
- --b2: 0.2326 0.0138 253.1007;
65
- --b3: 0.2115 0.0117 254.0879;
66
- --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
67
65
  }
68
66
  }
69
- [data-theme=light] {
67
+ [data-theme=light], :root:has(input.theme-controller[value=light]:checked) {
70
68
  color-scheme: light;
71
69
  --in: 0.7206 0.191 231.6;
72
70
  --su: 0.7441 0.213 164.75;
73
71
  --wa: 0.8471 0.199 83.87;
74
72
  --er: 0.7176 0.221 22.18;
75
- --pc: 0.8982 0.0619 275.75;
76
- --sc: 0.1394 0.0658 342.55;
77
- --ac: 0.1535 0.0368 183.61;
73
+ --pc: 0.89824 0.06192 275.75;
74
+ --ac: 0.15352 0.0368 183.61;
78
75
  --inc: 0 0 0;
79
76
  --suc: 0 0 0;
80
77
  --wac: 0 0 0;
@@ -84,30 +81,30 @@
84
81
  --rounded-badge: 1.9rem;
85
82
  --animation-btn: 0.25s;
86
83
  --animation-input: .2s;
87
- --btn-text-case: uppercase;
88
84
  --btn-focus-scale: 0.95;
89
85
  --border-btn: 1px;
90
86
  --tab-border: 1px;
91
87
  --tab-radius: 0.5rem;
92
88
  --p: 0.4912 0.3096 275.75;
93
89
  --s: 0.6971 0.329 342.55;
90
+ --sc: 0.9871 0.0106 342.55;
94
91
  --a: 0.7676 0.184 183.61;
95
- --n: 0.3218 0.0248 255.7016;
96
- --nc: 0.895 0.0116 252.0962;
92
+ --n: 0.321785 0.02476 255.701624;
93
+ --nc: 0.894994 0.011585 252.096176;
97
94
  --b1: 1 0 0;
98
- --b2: 0.9612 0 0;
99
- --b3: 0.9242 0.0011 197.1376;
100
- --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
101
98
  }
102
- [data-theme=dark] {
99
+ [data-theme=dark], :root:has(input.theme-controller[value=dark]:checked) {
103
100
  color-scheme: dark;
104
101
  --in: 0.7206 0.191 231.6;
105
102
  --su: 0.7441 0.213 164.75;
106
103
  --wa: 0.8471 0.199 83.87;
107
104
  --er: 0.7176 0.221 22.18;
108
- --pc: 0.8982 0.0619 275.75;
109
- --sc: 0.1394 0.0658 342.55;
110
- --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;
111
108
  --inc: 0 0 0;
112
109
  --suc: 0 0 0;
113
110
  --wac: 0 0 0;
@@ -117,31 +114,30 @@
117
114
  --rounded-badge: 1.9rem;
118
115
  --animation-btn: 0.25s;
119
116
  --animation-input: .2s;
120
- --btn-text-case: uppercase;
121
117
  --btn-focus-scale: 0.95;
122
118
  --border-btn: 1px;
123
119
  --tab-border: 1px;
124
120
  --tab-radius: 0.5rem;
125
- --p: 0.4912 0.3096 275.75;
126
- --s: 0.6971 0.329 342.55;
127
- --a: 0.7676 0.184 183.61;
128
- --n: 0.3138 0.0211 254.1392;
129
- --nc: 0.7465 0.0216 264.436;
130
- --b1: 0.2533 0.0159 252.4176;
131
- --b2: 0.2326 0.0138 253.1007;
132
- --b3: 0.2115 0.0117 254.0879;
133
- --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
134
130
  }
135
- [data-theme=cupcake] {
131
+ [data-theme=cupcake], :root:has(input.theme-controller[value=cupcake]:checked) {
136
132
  color-scheme: light;
137
133
  --in: 0.7206 0.191 231.6;
138
134
  --su: 0.7441 0.213 164.75;
139
135
  --wa: 0.8471 0.199 83.87;
140
136
  --er: 0.7176 0.221 22.18;
141
- --pc: 0.1523 0.0179 200.0266;
142
- --sc: 0.1579 0.0202 356.2996;
143
- --ac: 0.1588 0.0292 78.6188;
144
- --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;
145
141
  --inc: 0 0 0;
146
142
  --suc: 0 0 0;
147
143
  --wac: 0 0 0;
@@ -150,22 +146,21 @@
150
146
  --rounded-badge: 1.9rem;
151
147
  --animation-btn: 0.25s;
152
148
  --animation-input: .2s;
153
- --btn-text-case: uppercase;
154
149
  --btn-focus-scale: 0.95;
155
150
  --border-btn: 1px;
156
- --p: 0.7617 0.0895 200.0266;
157
- --s: 0.7894 0.1012 356.2996;
158
- --a: 0.7938 0.146 78.6188;
159
- --n: 0.2357 0.0662 313.1896;
160
- --b1: 0.9779 0.0042 56.3756;
161
- --b2: 0.9398 0.0076 61.4493;
162
- --b3: 0.9159 0.0068 53.4405;
163
- --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;
164
159
  --rounded-btn: 1.9rem;
165
160
  --tab-border: 2px;
166
- --tab-radius: .5rem
161
+ --tab-radius: 0.7rem
167
162
  }
168
- [data-theme=bumblebee] {
163
+ [data-theme=bumblebee], :root:has(input.theme-controller[value=bumblebee]:checked) {
169
164
  color-scheme: light;
170
165
  --b2: 0.93 0 0;
171
166
  --b3: 0.86 0 0;
@@ -174,8 +169,8 @@
174
169
  --wa: 0.8471 0.199 83.87;
175
170
  --er: 0.7176 0.221 22.18;
176
171
  --bc: 0.2 0 0;
177
- --ac: 0.1408 0.0251 52.9534;
178
- --nc: 0.8445 0.0092 281.9865;
172
+ --ac: 0.16254 0.0314 56.52;
173
+ --nc: 0.8255 0.015 281.99;
179
174
  --inc: 0 0 0;
180
175
  --suc: 0 0 0;
181
176
  --wac: 0 0 0;
@@ -185,20 +180,19 @@
185
180
  --rounded-badge: 1.9rem;
186
181
  --animation-btn: 0.25s;
187
182
  --animation-input: .2s;
188
- --btn-text-case: uppercase;
189
183
  --btn-focus-scale: 0.95;
190
184
  --border-btn: 1px;
191
185
  --tab-border: 1px;
192
186
  --tab-radius: 0.5rem;
193
- --p: 0.8822 0.1713 96.6077;
194
- --pc: 0.2227 0.0462 281.9865;
195
- --s: 0.7646 0.1443 81.8688;
196
- --sc: 0.2227 0.0462 281.9865;
197
- --a: 0.7039 0.1255 52.9534;
198
- --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;
199
193
  --b1: 1 0 0
200
194
  }
201
- [data-theme=emerald] {
195
+ [data-theme=emerald], :root:has(input.theme-controller[value=emerald]:checked) {
202
196
  color-scheme: light;
203
197
  --b2: 0.93 0 0;
204
198
  --b3: 0.86 0 0;
@@ -213,25 +207,24 @@
213
207
  --rounded-box: 1rem;
214
208
  --rounded-btn: 0.5rem;
215
209
  --rounded-badge: 1.9rem;
216
- --btn-text-case: uppercase;
217
210
  --border-btn: 1px;
218
211
  --tab-border: 1px;
219
212
  --tab-radius: 0.5rem;
220
- --p: 0.7666 0.1354 153.45;
221
- --pc: 0.3339 0.0406 162.2401;
222
- --s: 0.613 0.2024 261.2942;
223
- --sc: 0.9846 0.0017 247.8389;
224
- --a: 0.6413 0.1932 33.1151;
225
- --ac: 0.9846 0.0017 247.8389;
226
- --n: 0.3552 0.0321 262.9886;
227
- --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;
228
221
  --b1: 1 0 0;
229
- --bc: 0.3552 0.0321 262.9886;
222
+ --bc: 0.355192 0.032071 262.988584;
230
223
  --animation-btn: 0;
231
224
  --animation-input: 0;
232
225
  --btn-focus-scale: 1
233
226
  }
234
- [data-theme=corporate] {
227
+ [data-theme=corporate], :root:has(input.theme-controller[value=corporate]:checked) {
235
228
  color-scheme: light;
236
229
  --b2: 0.93 0 0;
237
230
  --b3: 0.86 0 0;
@@ -239,208 +232,201 @@
239
232
  --su: 0.7441 0.213 164.75;
240
233
  --wa: 0.8471 0.199 83.87;
241
234
  --er: 0.7176 0.221 22.18;
242
- --pc: 0.1176 0.0434 269.1019;
243
- --sc: 0.1307 0.011 256.6881;
244
- --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;
245
238
  --inc: 0 0 0;
246
239
  --suc: 0 0 0;
247
240
  --wac: 0 0 0;
248
241
  --erc: 0 0 0;
249
- --btn-text-case: uppercase;
250
242
  --border-btn: 1px;
251
243
  --tab-border: 1px;
252
- --tab-radius: 0.5rem;
253
- --p: 0.5882 0.2169 269.1019;
254
- --s: 0.6537 0.0548 256.6881;
255
- --a: 0.7697 0.114 163.5789;
256
- --n: 0.2239 0.0313 278.0723;
257
- --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;
258
249
  --b1: 1 0 0;
259
- --bc: 0.2239 0.0313 278.0723;
250
+ --bc: 0.223899 0.031305 278.07229;
260
251
  --rounded-box: 0.25rem;
261
252
  --rounded-btn: .125rem;
262
253
  --rounded-badge: .125rem;
254
+ --tab-radius: 0.25rem;
263
255
  --animation-btn: 0;
264
256
  --animation-input: 0;
265
257
  --btn-focus-scale: 1
266
258
  }
267
- [data-theme=synthwave] {
259
+ [data-theme=synthwave], :root:has(input.theme-controller[value=synthwave]:checked) {
268
260
  color-scheme: dark;
269
- --b2: 0.2029 0.0762 287.8356;
270
- --b3: 0.1877 0.0705 287.8356;
271
- --pc: 0.1444 0.0319 342.0094;
272
- --sc: 0.1565 0.0236 227.3824;
273
- --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;
274
266
  --rounded-box: 1rem;
275
267
  --rounded-btn: 0.5rem;
276
268
  --rounded-badge: 1.9rem;
277
269
  --animation-btn: 0.25s;
278
270
  --animation-input: .2s;
279
- --btn-text-case: uppercase;
280
271
  --btn-focus-scale: 0.95;
281
272
  --border-btn: 1px;
282
273
  --tab-border: 1px;
283
274
  --tab-radius: 0.5rem;
284
- --p: 0.7221 0.1595 342.0094;
285
- --s: 0.7827 0.1181 227.3824;
286
- --a: 0.8547 0.1637 93.7216;
287
- --n: 0.2556 0.1035 286.508;
288
- --nc: 0.9794 0.0082 301.3583;
289
- --b1: 0.2182 0.0819 287.8356;
290
- --bc: 0.9794 0.0082 301.3583;
291
- --in: 0.7652 0.1227 231.8316;
292
- --inc: 0.235 0.0964 290.3298;
293
- --su: 0.8606 0.115 178.6247;
294
- --suc: 0.235 0.0964 290.3298;
295
- --wa: 0.8547 0.1637 93.7216;
296
- --wac: 0.235 0.0964 290.3298;
297
- --er: 0.6143 0.1975 17.8079;
298
- --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
299
290
  }
300
- [data-theme=retro] {
291
+ [data-theme=retro], :root:has(input.theme-controller[value=retro]:checked) {
301
292
  color-scheme: light;
302
- --inc: 0.9092 0.043 262.8809;
303
- --suc: 0.1254 0.034 149.2138;
304
- --wac: 0.1332 0.0315 58.3183;
305
- --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;
306
297
  --animation-btn: 0.25s;
307
298
  --animation-input: .2s;
308
- --btn-text-case: uppercase;
309
299
  --btn-focus-scale: 0.95;
310
300
  --border-btn: 1px;
311
301
  --tab-border: 1px;
312
- --tab-radius: 0.5rem;
313
- --p: 0.7687 0.1041 22.6647;
314
- --pc: 0.2651 0.0062 0.5229;
315
- --s: 0.8074 0.0525 159.0946;
316
- --sc: 0.2651 0.0062 0.5229;
317
- --a: 0.7039 0.1255 52.9534;
318
- --ac: 0.2651 0.0062 0.5229;
319
- --n: 0.2842 0.0095 355.534;
320
- --nc: 0.9256 0.0251 89.2173;
321
- --b1: 0.8827 0.0494 91.7743;
322
- --b2: 0.8413 0.066 90.8567;
323
- --b3: 0.8092 0.077 89.8384;
324
- --bc: 0.2651 0.0062 0.5229;
325
- --in: 0.5461 0.2152 262.8809;
326
- --su: 0.6271 0.1699 149.2138;
327
- --wa: 0.6658 0.1574 58.3183;
328
- --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;
329
318
  --rounded-box: 0.4rem;
330
319
  --rounded-btn: 0.4rem;
331
- --rounded-badge: 0.4rem
320
+ --rounded-badge: 0.4rem;
321
+ --tab-radius: 0.4rem
332
322
  }
333
- [data-theme=cyberpunk] {
323
+ [data-theme=cyberpunk], :root:has(input.theme-controller[value=cyberpunk]:checked) {
334
324
  color-scheme: light;
335
- --b2: 0.8677 0.1835 104.3181;
336
- --b3: 0.8024 0.1697 104.3181;
325
+ --b2: 0.878943 0.16647 104.32;
326
+ --b3: 0.812786 0.15394 104.32;
337
327
  --in: 0.7206 0.191 231.6;
338
328
  --su: 0.7441 0.213 164.75;
339
329
  --wa: 0.8471 0.199 83.87;
340
330
  --er: 0.7176 0.221 22.18;
341
- --bc: 0.1866 0.0395 104.3181;
342
- --pc: 0.147 0.0341 6.3471;
343
- --sc: 0.163 0.0196 222.0808;
344
- --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;
345
335
  --inc: 0 0 0;
346
336
  --suc: 0 0 0;
347
337
  --wac: 0 0 0;
348
338
  --erc: 0 0 0;
349
339
  --animation-btn: 0.25s;
350
340
  --animation-input: .2s;
351
- --btn-text-case: uppercase;
352
341
  --btn-focus-scale: 0.95;
353
342
  --border-btn: 1px;
354
343
  --tab-border: 1px;
355
344
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
356
- --p: 0.7349 0.1705 6.3471;
357
- --s: 0.815 0.0979 222.0808;
358
- --a: 0.7039 0.1676 310.4252;
359
- --n: 0.3591 0.0768 106.6528;
360
- --nc: 0.933 0.1973 104.3181;
361
- --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;
362
351
  --rounded-box: 0;
363
352
  --rounded-btn: 0;
364
353
  --rounded-badge: 0;
365
354
  --tab-radius: 0
366
355
  }
367
- [data-theme=valentine] {
356
+ [data-theme=valentine], :root:has(input.theme-controller[value=valentine]:checked) {
368
357
  color-scheme: light;
369
- --b2: 0.8395 0.0346 336.9552;
370
- --b3: 0.7763 0.032 336.9552;
371
- --pc: 0.1372 0.0308 15.0665;
372
- --sc: 0.1439 0.0293 293.1896;
373
- --ac: 0.1679 0.0162 197.6901;
374
- --inc: 0.9092 0.043 262.8809;
375
- --suc: 0.1254 0.034 149.2138;
376
- --wac: 0.1332 0.0315 58.3183;
377
- --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;
378
367
  --rounded-box: 1rem;
379
368
  --rounded-badge: 1.9rem;
380
369
  --animation-btn: 0.25s;
381
370
  --animation-input: .2s;
382
- --btn-text-case: uppercase;
383
371
  --btn-focus-scale: 0.95;
384
372
  --border-btn: 1px;
385
373
  --tab-border: 1px;
386
- --tab-radius: 0.5rem;
387
- --p: 0.6862 0.1538 15.0665;
388
- --s: 0.7197 0.1463 293.1896;
389
- --a: 0.8393 0.081 197.6901;
390
- --n: 0.5461 0.1433 358.0048;
391
- --nc: 0.9027 0.0372 336.9552;
392
- --b1: 0.9027 0.0372 336.9552;
393
- --bc: 0.3731 0.0811 4.6064;
394
- --in: 0.5461 0.2152 262.8809;
395
- --su: 0.6271 0.1699 149.2138;
396
- --wa: 0.6658 0.1574 58.3183;
397
- --er: 0.5771 0.2152 27.325;
398
- --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
399
387
  }
400
- [data-theme=halloween] {
388
+ [data-theme=halloween], :root:has(input.theme-controller[value=halloween]:checked) {
401
389
  color-scheme: dark;
402
- --b2: 0.2304 0 0;
403
- --b3: 0.2131 0 0;
404
- --bc: 0.8496 0 0;
405
- --sc: 0.8921 0.0311 305.0254;
406
- --nc: 0.8487 0.0093 65.6815;
407
- --inc: 0.9092 0.043 262.8809;
408
- --suc: 0.1254 0.034 149.2138;
409
- --wac: 0.1332 0.0315 58.3183;
410
- --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;
411
399
  --rounded-box: 1rem;
412
400
  --rounded-btn: 0.5rem;
413
401
  --rounded-badge: 1.9rem;
414
402
  --animation-btn: 0.25s;
415
403
  --animation-input: .2s;
416
- --btn-text-case: uppercase;
417
404
  --btn-focus-scale: 0.95;
418
405
  --border-btn: 1px;
419
406
  --tab-border: 1px;
420
407
  --tab-radius: 0.5rem;
421
- --p: 0.7342 0.1655 60.6166;
422
- --pc: 0.1969 0.0047 196.7794;
423
- --s: 0.4606 0.1554 305.0254;
424
- --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;
425
412
  --ac: 0 0 0;
426
- --n: 0.2437 0.0466 65.6815;
427
- --b1: 0.2478 0 0;
428
- --in: 0.5461 0.2152 262.8809;
429
- --su: 0.6271 0.1699 149.2138;
430
- --wa: 0.6658 0.1574 58.3183;
431
- --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
432
419
  }
433
- [data-theme=garden] {
420
+ [data-theme=garden], :root:has(input.theme-controller[value=garden]:checked) {
434
421
  color-scheme: light;
435
- --b2: 0.8645 0.002 17.1974;
436
- --b3: 0.7994 0.0019 17.1974;
422
+ --b2: 0.864453 0.002011 17.197414;
423
+ --b3: 0.799386 0.00186 17.197414;
437
424
  --in: 0.7206 0.191 231.6;
438
425
  --su: 0.7441 0.213 164.75;
439
426
  --wa: 0.8471 0.199 83.87;
440
427
  --er: 0.7176 0.221 22.18;
441
- --pc: 0.1246 0.0501 3.8364;
442
- --sc: 0.897 0.0222 355.096;
443
- --ac: 0.1125 0.0109 154.3902;
428
+ --sc: 0.89699 0.022197 355.095988;
429
+ --ac: 0.112547 0.010859 154.390187;
444
430
  --inc: 0 0 0;
445
431
  --suc: 0 0 0;
446
432
  --wac: 0 0 0;
@@ -450,31 +436,31 @@
450
436
  --rounded-badge: 1.9rem;
451
437
  --animation-btn: 0.25s;
452
438
  --animation-input: .2s;
453
- --btn-text-case: uppercase;
454
439
  --btn-focus-scale: 0.95;
455
440
  --border-btn: 1px;
456
441
  --tab-border: 1px;
457
442
  --tab-radius: 0.5rem;
458
- --p: 0.623 0.2507 3.8364;
459
- --s: 0.485 0.111 355.096;
460
- --a: 0.5627 0.0543 154.3902;
461
- --n: 0.2416 0.0494 89.0706;
462
- --nc: 0.9295 0.0022 17.1974;
463
- --b1: 0.9295 0.0022 17.1974;
464
- --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
465
451
  }
466
- [data-theme=forest] {
452
+ [data-theme=forest], :root:has(input.theme-controller[value=forest]:checked) {
467
453
  color-scheme: dark;
468
- --b2: 0.1752 0.0077 17.9116;
469
- --b3: 0.162 0.0071 17.9116;
454
+ --b2: 0.17522 0.007709 17.911578;
455
+ --b3: 0.162032 0.007129 17.911578;
470
456
  --in: 0.7206 0.191 231.6;
471
457
  --su: 0.7441 0.213 164.75;
472
458
  --wa: 0.8471 0.199 83.87;
473
459
  --er: 0.7176 0.221 22.18;
474
- --bc: 0.8377 0.0017 17.9116;
475
- --sc: 0.1396 0.0271 168.3271;
476
- --ac: 0.1413 0.0239 185.7132;
477
- --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;
478
464
  --inc: 0 0 0;
479
465
  --suc: 0 0 0;
480
466
  --wac: 0 0 0;
@@ -483,96 +469,93 @@
483
469
  --rounded-badge: 1.9rem;
484
470
  --animation-btn: 0.25s;
485
471
  --animation-input: .2s;
486
- --btn-text-case: uppercase;
487
472
  --btn-focus-scale: 0.95;
488
473
  --border-btn: 1px;
489
474
  --tab-border: 1px;
490
475
  --tab-radius: 0.5rem;
491
- --p: 0.6863 0.1856 148.9589;
476
+ --p: 0.686283 0.185567 148.958922;
492
477
  --pc: 0 0 0;
493
- --s: 0.6978 0.1354 168.3271;
494
- --a: 0.7063 0.1195 185.7132;
495
- --n: 0.307 0.039 171.3646;
496
- --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;
497
482
  --rounded-btn: 1.9rem
498
483
  }
499
- [data-theme=aqua] {
484
+ [data-theme=aqua], :root:has(input.theme-controller[value=aqua]:checked) {
500
485
  color-scheme: dark;
501
- --b2: 0.4535 0.1186 261.1817;
502
- --b3: 0.4193 0.1097 261.1817;
503
- --bc: 0.8975 0.0255 261.1817;
504
- --sc: 0.1214 0.0218 309.7829;
505
- --ac: 0.1869 0.0204 94.5554;
506
- --nc: 0.1221 0.0234 243.7607;
507
- --inc: 0.9092 0.043 262.8809;
508
- --suc: 0.1254 0.034 149.2138;
509
- --wac: 0.1332 0.0315 58.3183;
510
- --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;
511
496
  --rounded-box: 1rem;
512
497
  --rounded-btn: 0.5rem;
513
498
  --rounded-badge: 1.9rem;
514
499
  --animation-btn: 0.25s;
515
500
  --animation-input: .2s;
516
- --btn-text-case: uppercase;
517
501
  --btn-focus-scale: 0.95;
518
502
  --border-btn: 1px;
519
503
  --tab-border: 1px;
520
504
  --tab-radius: 0.5rem;
521
- --p: 0.8566 0.145 198.6458;
522
- --pc: 0.4012 0.0683 197.6039;
523
- --s: 0.6068 0.1088 309.7829;
524
- --a: 0.9343 0.1022 94.5554;
525
- --n: 0.6106 0.117 243.7607;
526
- --b1: 0.4876 0.1275 261.1817;
527
- --in: 0.5461 0.2152 262.8809;
528
- --su: 0.6271 0.1699 149.2138;
529
- --wa: 0.6658 0.1574 58.3183;
530
- --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
531
515
  }
532
- [data-theme=lofi] {
516
+ [data-theme=lofi], :root:has(input.theme-controller[value=lofi]:checked) {
533
517
  color-scheme: light;
534
- --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;
535
522
  --border-btn: 1px;
536
523
  --tab-border: 1px;
537
- --p: 0.1591 0 0;
524
+ --p: 0.159066 0 0;
538
525
  --pc: 1 0 0;
539
- --s: 0.2145 0.0016 17.279;
526
+ --s: 0.21455 0.001566 17.278957;
540
527
  --sc: 1 0 0;
541
- --a: 0.2686 0 0;
528
+ --a: 0.268618 0 0;
542
529
  --ac: 1 0 0;
543
530
  --n: 0 0 0;
544
531
  --nc: 1 0 0;
545
532
  --b1: 1 0 0;
546
- --b2: 0.9612 0 0;
547
- --b3: 0.9227 0.0011 17.1793;
533
+ --b2: 0.961151 0 0;
534
+ --b3: 0.92268 0.001082 17.17934;
548
535
  --bc: 0 0 0;
549
- --in: 0.5731 0.2145 258.2467;
550
- --inc: 1 0 0;
551
- --su: 0.7394 0.211 146.977;
552
- --suc: 0 0 0;
553
- --wa: 0.6955 0.1949 27.8924;
554
- --wac: 1 0 0;
555
- --er: 0.5989 0.2354 352.5117;
556
- --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;
557
540
  --rounded-box: 0.25rem;
558
541
  --rounded-btn: 0.125rem;
559
542
  --rounded-badge: 0.125rem;
543
+ --tab-radius: 0.125rem;
560
544
  --animation-btn: 0;
561
545
  --animation-input: 0;
562
- --btn-focus-scale: 1;
563
- --tab-radius: 0
546
+ --btn-focus-scale: 1
564
547
  }
565
- [data-theme=pastel] {
548
+ [data-theme=pastel], :root:has(input.theme-controller[value=pastel]:checked) {
566
549
  color-scheme: light;
567
550
  --in: 0.7206 0.191 231.6;
568
551
  --su: 0.7441 0.213 164.75;
569
552
  --wa: 0.8471 0.199 83.87;
570
553
  --er: 0.7176 0.221 22.18;
571
554
  --bc: 0.2 0 0;
572
- --pc: 0.1662 0.007 316.8737;
573
- --sc: 0.1762 0.0098 8.6884;
574
- --ac: 0.1784 0.0121 170.9233;
575
- --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;
576
559
  --inc: 0 0 0;
577
560
  --suc: 0 0 0;
578
561
  --wac: 0 0 0;
@@ -581,21 +564,20 @@
581
564
  --rounded-badge: 1.9rem;
582
565
  --animation-btn: 0.25s;
583
566
  --animation-input: .2s;
584
- --btn-text-case: uppercase;
585
567
  --btn-focus-scale: 0.95;
586
568
  --border-btn: 1px;
587
569
  --tab-border: 1px;
588
- --tab-radius: 0.5rem;
589
- --p: 0.8308 0.0349 316.8737;
590
- --s: 0.8808 0.0492 8.6884;
591
- --a: 0.8921 0.0603 170.9233;
592
- --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;
593
574
  --b1: 1 0 0;
594
- --b2: 0.9846 0.0017 247.8389;
595
- --b3: 0.8717 0.0093 258.3382;
596
- --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
597
579
  }
598
- [data-theme=fantasy] {
580
+ [data-theme=fantasy], :root:has(input.theme-controller[value=fantasy]:checked) {
599
581
  color-scheme: light;
600
582
  --b2: 0.93 0 0;
601
583
  --b3: 0.86 0 0;
@@ -603,10 +585,10 @@
603
585
  --su: 0.7441 0.213 164.75;
604
586
  --wa: 0.8471 0.199 83.87;
605
587
  --er: 0.7176 0.221 22.18;
606
- --pc: 0.8775 0.0344 325.015;
607
- --sc: 0.1135 0.0266 241.3629;
608
- --ac: 0.1464 0.035 56.7194;
609
- --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;
610
592
  --inc: 0 0 0;
611
593
  --suc: 0 0 0;
612
594
  --wac: 0 0 0;
@@ -616,412 +598,495 @@
616
598
  --rounded-badge: 1.9rem;
617
599
  --animation-btn: 0.25s;
618
600
  --animation-input: .2s;
619
- --btn-text-case: uppercase;
620
601
  --btn-focus-scale: 0.95;
621
602
  --border-btn: 1px;
622
603
  --tab-border: 1px;
623
604
  --tab-radius: 0.5rem;
624
- --p: 0.3875 0.1721 325.015;
625
- --s: 0.5673 0.1331 241.3629;
626
- --a: 0.7319 0.175 56.7194;
627
- --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;
628
609
  --b1: 1 0 0;
629
- --bc: 0.2781 0.0296 256.848
610
+ --bc: 0.278078 0.029596 256.847952
630
611
  }
631
- [data-theme=wireframe] {
612
+ [data-theme=wireframe], :root:has(input.theme-controller[value=wireframe]:checked) {
632
613
  color-scheme: light;
633
614
  --bc: 0.2 0 0;
634
- --pc: 0.1565 0 0;
635
- --sc: 0.1565 0 0;
636
- --ac: 0.1565 0 0;
637
- --nc: 0.188 0 0;
638
- --inc: 0.8904 0.0626 264.052;
639
- --suc: 0.904 0.0354 142.4953;
640
- --wac: 0.1416 0.02 108.7024;
641
- --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;
642
623
  --animation-btn: 0.25s;
643
624
  --animation-input: .2s;
644
- --btn-text-case: uppercase;
645
625
  --btn-focus-scale: 0.95;
646
626
  --border-btn: 1px;
647
627
  --tab-border: 1px;
648
- font-family: Chalkboard,comic sans ms,"sanssecondaryerif";
649
- --p: 0.7826 0 0;
650
- --s: 0.7826 0 0;
651
- --a: 0.7826 0 0;
652
- --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;
653
633
  --b1: 1 0 0;
654
- --b2: 0.9491 0 0;
655
- --b3: 0.8975 0 0;
656
- --in: 0.452 0.3132 264.052;
657
- --su: 0.5198 0.1769 142.4953;
658
- --wa: 0.7081 0.1 108.7024;
659
- --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;
660
640
  --rounded-box: 0.2rem;
661
641
  --rounded-btn: 0.2rem;
662
642
  --rounded-badge: 0.2rem;
663
643
  --tab-radius: 0.2rem
664
644
  }
665
- [data-theme=black] {
645
+ [data-theme=black], :root:has(input.theme-controller[value=black]:checked) {
666
646
  color-scheme: dark;
667
- --bc: 0.8 0 0;
668
- --pc: 0.8638 0.0006 17.3055;
669
- --sc: 0.8638 0.0006 17.3055;
670
- --ac: 0.8638 0.0006 17.3055;
671
- --nc: 0.8539 0.0003 17.2488;
672
- --inc: 0.8904 0.0626 264.052;
673
- --suc: 0.904 0.0354 142.4953;
674
- --wac: 0.1936 0.0422 109.7692;
675
- --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;
676
655
  --border-btn: 1px;
677
656
  --tab-border: 1px;
678
- --p: 0.3192 0.0028 17.3055;
679
- --s: 0.3192 0.0028 17.3055;
680
- --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;
681
660
  --b1: 0 0 0;
682
- --b2: 0.1591 0 0;
683
- --b3: 0.2145 0.0016 17.279;
684
- --n: 0.2697 0.0015 17.2488;
685
- --in: 0.452 0.3132 264.052;
686
- --su: 0.5198 0.1769 142.4953;
687
- --wa: 0.968 0.211 109.7692;
688
- --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;
689
669
  --rounded-box: 0;
690
670
  --rounded-btn: 0;
691
671
  --rounded-badge: 0;
692
672
  --animation-btn: 0;
693
673
  --animation-input: 0;
694
- --btn-text-case: lowercase;
695
674
  --btn-focus-scale: 1;
696
675
  --tab-radius: 0
697
676
  }
698
- [data-theme=luxury] {
677
+ [data-theme=luxury], :root:has(input.theme-controller[value=luxury]:checked) {
699
678
  color-scheme: dark;
700
679
  --pc: 0.2 0 0;
701
- --sc: 0.8552 0.0128 261.0691;
702
- --ac: 0.8733 0.0103 338.826;
703
- --inc: 0.1581 0.0244 237.1339;
704
- --suc: 0.1562 0.0386 132.1544;
705
- --wac: 0.1723 0.0273 102.8912;
706
- --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;
707
686
  --rounded-box: 1rem;
708
687
  --rounded-btn: 0.5rem;
709
688
  --rounded-badge: 1.9rem;
710
689
  --animation-btn: 0.25s;
711
690
  --animation-input: .2s;
712
- --btn-text-case: uppercase;
713
691
  --btn-focus-scale: 0.95;
714
692
  --border-btn: 1px;
715
693
  --tab-border: 1px;
716
694
  --tab-radius: 0.5rem;
717
695
  --p: 1 0 0;
718
- --s: 0.2758 0.0641 261.0691;
719
- --a: 0.3667 0.0517 338.826;
720
- --n: 0.2427 0.057 59.825;
721
- --nc: 0.932 0.0896 90.8617;
722
- --b1: 0.1408 0.0044 285.8229;
723
- --b2: 0.2022 0.0042 308.2294;
724
- --b3: 0.299 0.0038 308.3186;
725
- --bc: 0.7569 0.1237 76.8905;
726
- --in: 0.7906 0.1218 237.1339;
727
- --su: 0.7812 0.1929 132.1544;
728
- --wa: 0.8613 0.1365 102.8912;
729
- --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
730
708
  }
731
- [data-theme=dracula] {
709
+ [data-theme=dracula], :root:has(input.theme-controller[value=dracula]:checked) {
732
710
  color-scheme: dark;
733
- --b2: 0.2681 0.0206 277.5087;
734
- --b3: 0.2479 0.019 277.5087;
735
- --pc: 0.1509 0.0366 346.8124;
736
- --sc: 0.1484 0.0297 301.8831;
737
- --ac: 0.1668 0.0248 66.5585;
738
- --nc: 0.8789 0.0065 275.5241;
739
- --inc: 0.1765 0.0187 212.8465;
740
- --suc: 0.1742 0.0439 148.0249;
741
- --wac: 0.1911 0.0268 112.7571;
742
- --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;
743
721
  --rounded-box: 1rem;
744
722
  --rounded-btn: 0.5rem;
745
723
  --rounded-badge: 1.9rem;
746
724
  --animation-btn: 0.25s;
747
725
  --animation-input: .2s;
748
- --btn-text-case: uppercase;
749
726
  --btn-focus-scale: 0.95;
750
727
  --border-btn: 1px;
751
728
  --tab-border: 1px;
752
729
  --tab-radius: 0.5rem;
753
- --p: 0.7546 0.1831 346.8124;
754
- --s: 0.742 0.1485 301.8831;
755
- --a: 0.8339 0.1241 66.5585;
756
- --n: 0.3945 0.0326 275.5241;
757
- --b1: 0.2882 0.0221 277.5087;
758
- --bc: 0.9775 0.0079 106.545;
759
- --in: 0.8826 0.0934 212.8465;
760
- --su: 0.871 0.2195 148.0249;
761
- --wa: 0.9553 0.1342 112.7571;
762
- --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
763
740
  }
764
- [data-theme=cmyk] {
741
+ [data-theme=cmyk], :root:has(input.theme-controller[value=cmyk]:checked) {
765
742
  color-scheme: light;
766
743
  --b2: 0.93 0 0;
767
744
  --b3: 0.86 0 0;
768
745
  --bc: 0.2 0 0;
769
- --pc: 0.1435 0.0267 239.4433;
770
- --sc: 0.129 0.0406 359.3393;
771
- --ac: 0.1885 0.0379 105.307;
772
- --nc: 0.8436 0 0;
773
- --inc: 0.137 0.0189 217.2841;
774
- --suc: 0.8939 0.0325 321.4063;
775
- --wac: 0.1425 0.032 52.0234;
776
- --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;
777
754
  --rounded-box: 1rem;
778
755
  --rounded-btn: 0.5rem;
779
756
  --rounded-badge: 1.9rem;
780
757
  --animation-btn: 0.25s;
781
758
  --animation-input: .2s;
782
- --btn-text-case: uppercase;
783
759
  --btn-focus-scale: 0.95;
784
760
  --border-btn: 1px;
785
761
  --tab-border: 1px;
786
762
  --tab-radius: 0.5rem;
787
- --p: 0.7177 0.1333 239.4433;
788
- --s: 0.6448 0.2028 359.3393;
789
- --a: 0.9423 0.1897 105.307;
790
- --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;
791
767
  --b1: 1 0 0;
792
- --in: 0.6848 0.0945 217.2841;
793
- --su: 0.4695 0.1625 321.4063;
794
- --wa: 0.7124 0.1598 52.0234;
795
- --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
796
772
  }
797
- [data-theme=autumn] {
773
+ [data-theme=autumn], :root:has(input.theme-controller[value=autumn]:checked) {
798
774
  color-scheme: light;
799
- --b2: 0.8911 0 0;
800
- --b3: 0.824 0 0;
801
- --bc: 0.1916 0 0;
802
- --pc: 0.8814 0.0322 17.5302;
803
- --sc: 0.1234 0.0338 23.8659;
804
- --ac: 0.1469 0.019 60.7296;
805
- --nc: 0.9087 0.0075 51.9028;
806
- --inc: 0.1384 0.0196 207.2842;
807
- --suc: 0.122 0.016 174.6162;
808
- --wac: 0.1402 0.033 56.8443;
809
- --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;
810
786
  --rounded-box: 1rem;
811
787
  --rounded-btn: 0.5rem;
812
788
  --rounded-badge: 1.9rem;
813
789
  --animation-btn: 0.25s;
814
790
  --animation-input: .2s;
815
- --btn-text-case: uppercase;
816
791
  --btn-focus-scale: 0.95;
817
792
  --border-btn: 1px;
818
793
  --tab-border: 1px;
819
794
  --tab-radius: 0.5rem;
820
- --p: 0.4072 0.1612 17.5302;
821
- --s: 0.6168 0.1691 23.8659;
822
- --a: 0.7343 0.095 60.7296;
823
- --n: 0.5437 0.0374 51.9028;
824
- --b1: 0.9581 0 0;
825
- --in: 0.6922 0.098 207.2842;
826
- --su: 0.61 0.0802 174.6162;
827
- --wa: 0.7008 0.1649 56.8443;
828
- --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
829
804
  }
830
- [data-theme=business] {
805
+ [data-theme=business], :root:has(input.theme-controller[value=business]:checked) {
831
806
  color-scheme: dark;
832
- --b2: 0.2265 0 0;
833
- --b3: 0.2094 0 0;
834
- --bc: 0.8487 0 0;
835
- --pc: 0.8834 0.0198 251.4739;
836
- --sc: 0.1282 0.0055 229.3894;
837
- --ac: 0.1345 0.0335 35.7915;
838
- --nc: 0.8549 0.0026 253.0412;
839
- --inc: 0.1252 0.0287 240.0337;
840
- --suc: 0.1405 0.0189 156.5961;
841
- --wac: 0.155 0.0231 81.5192;
842
- --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;
843
818
  --animation-btn: 0.25s;
844
819
  --animation-input: .2s;
845
- --btn-text-case: uppercase;
846
820
  --btn-focus-scale: 0.95;
847
821
  --border-btn: 1px;
848
822
  --tab-border: 1px;
849
823
  --tab-radius: 0.5rem;
850
- --p: 0.417 0.0991 251.4739;
851
- --s: 0.6409 0.0274 229.3894;
852
- --a: 0.6727 0.1677 35.7915;
853
- --n: 0.2744 0.0132 253.0412;
854
- --b1: 0.2435 0 0;
855
- --in: 0.6262 0.1435 240.0337;
856
- --su: 0.7023 0.0946 156.5961;
857
- --wa: 0.7748 0.1157 81.5192;
858
- --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;
859
833
  --rounded-box: 0.25rem;
860
834
  --rounded-btn: .125rem;
861
835
  --rounded-badge: .125rem
862
836
  }
863
- [data-theme=acid] {
837
+ [data-theme=acid], :root:has(input.theme-controller[value=acid]:checked) {
864
838
  color-scheme: light;
865
- --b2: 0.9161 0 0;
866
- --b3: 0.8472 0 0;
867
- --bc: 0.197 0 0;
868
- --pc: 0.1391 0.0631 330.7596;
869
- --sc: 0.1429 0.0388 48.2509;
870
- --ac: 0.1851 0.0453 122.963;
871
- --nc: 0.848 0.0138 278.6813;
872
- --inc: 0.1317 0.0342 252.0536;
873
- --suc: 0.1517 0.0255 158.5317;
874
- --wac: 0.1789 0.0354 100.495;
875
- --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;
876
850
  --animation-btn: 0.25s;
877
851
  --animation-input: .2s;
878
- --btn-text-case: uppercase;
879
852
  --btn-focus-scale: 0.95;
880
853
  --border-btn: 1px;
881
854
  --tab-border: 1px;
882
- --tab-radius: 0.5rem;
883
- --p: 0.6953 0.3157 330.7596;
884
- --s: 0.7144 0.1938 48.2509;
885
- --a: 0.9256 0.2266 122.963;
886
- --n: 0.2402 0.069 278.6813;
887
- --b1: 0.9851 0 0;
888
- --in: 0.6587 0.1711 252.0536;
889
- --su: 0.7583 0.1277 158.5317;
890
- --wa: 0.8944 0.1768 100.495;
891
- --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;
892
864
  --rounded-box: 1.25rem;
893
865
  --rounded-btn: 1rem;
894
- --rounded-badge: 1rem
866
+ --rounded-badge: 1rem;
867
+ --tab-radius: 0.7rem
895
868
  }
896
- [data-theme=lemonade] {
869
+ [data-theme=lemonade], :root:has(input.theme-controller[value=lemonade]:checked) {
897
870
  color-scheme: light;
898
- --b2: 0.93 0 0;
899
- --b3: 0.86 0 0;
900
- --bc: 0.2 0 0;
901
- --pc: 0.1223 0.0353 134.625;
902
- --sc: 0.181 0.0374 109.6209;
903
- --ac: 0.1938 0.0122 109.4903;
904
- --nc: 0.848 0.0138 278.6813;
905
- --inc: 0.1786 0.0056 213.7799;
906
- --suc: 0.1855 0.0216 119.5786;
907
- --wac: 0.1834 0.0229 98.5167;
908
- --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;
909
882
  --rounded-box: 1rem;
910
883
  --rounded-btn: 0.5rem;
911
884
  --rounded-badge: 1.9rem;
912
885
  --animation-btn: 0.25s;
913
886
  --animation-input: .2s;
914
- --btn-text-case: uppercase;
915
887
  --btn-focus-scale: 0.95;
916
888
  --border-btn: 1px;
917
889
  --tab-border: 1px;
918
890
  --tab-radius: 0.5rem;
919
- --p: 0.6115 0.1765 134.625;
920
- --s: 0.9051 0.1872 109.6209;
921
- --a: 0.9689 0.0608 109.4903;
922
- --n: 0.2402 0.069 278.6813;
923
- --b1: 1 0 0;
924
- --in: 0.8932 0.0278 213.7799;
925
- --su: 0.9273 0.108 119.5786;
926
- --wa: 0.9169 0.1145 98.5167;
927
- --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
928
900
  }
929
- [data-theme=night] {
901
+ [data-theme=night], :root:has(input.theme-controller[value=night]:checked) {
930
902
  color-scheme: dark;
931
- --b2: 0.1931 0.037 265.7549;
932
- --b3: 0.1786 0.0342 265.7549;
933
- --bc: 0.8415 0.008 265.7549;
934
- --pc: 0.1507 0.0278 232.6615;
935
- --sc: 0.136 0.0317 276.9349;
936
- --ac: 0.1447 0.0352 350.0487;
937
- --nc: 0.8559 0.0074 260.031;
938
- --suc: 0.1569 0.0265 181.912;
939
- --wac: 0.1665 0.0279 82.95;
940
- --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;
941
913
  --rounded-box: 1rem;
942
914
  --rounded-btn: 0.5rem;
943
915
  --rounded-badge: 1.9rem;
944
916
  --animation-btn: 0.25s;
945
917
  --animation-input: .2s;
946
- --btn-text-case: uppercase;
947
918
  --btn-focus-scale: 0.95;
948
919
  --border-btn: 1px;
949
920
  --tab-border: 1px;
950
921
  --tab-radius: 0.5rem;
951
- --p: 0.7535 0.139 232.6615;
952
- --s: 0.6801 0.1583 276.9349;
953
- --a: 0.7236 0.1762 350.0487;
954
- --n: 0.2795 0.0368 260.031;
955
- --b1: 0.2077 0.0398 265.7549;
956
- --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;
957
928
  --inc: 0 0 0;
958
- --su: 0.7845 0.1325 181.912;
959
- --wa: 0.8324 0.1396 82.95;
960
- --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
961
932
  }
962
- [data-theme=coffee] {
933
+ [data-theme=coffee], :root:has(input.theme-controller[value=coffee]:checked) {
963
934
  color-scheme: dark;
964
- --b2: 0.2016 0.0215 329.7086;
965
- --b3: 0.1864 0.0198 329.7086;
966
- --pc: 0.144 0.0248 62.7564;
967
- --sc: 0.8689 0.006 199.1944;
968
- --ac: 0.8852 0.0149 224.3892;
969
- --nc: 0.833 0.0031 326.2614;
970
- --inc: 0.159 0.0128 184.5584;
971
- --suc: 0.1494 0.0145 131.1163;
972
- --wac: 0.1763 0.0282 87.7224;
973
- --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;
974
945
  --rounded-box: 1rem;
975
946
  --rounded-btn: 0.5rem;
976
947
  --rounded-badge: 1.9rem;
977
948
  --animation-btn: 0.25s;
978
949
  --animation-input: .2s;
979
- --btn-text-case: uppercase;
980
950
  --btn-focus-scale: 0.95;
981
951
  --border-btn: 1px;
982
952
  --tab-border: 1px;
983
953
  --tab-radius: 0.5rem;
984
- --p: 0.72 0.1238 62.7564;
985
- --s: 0.3447 0.0298 199.1944;
986
- --a: 0.4262 0.0744 224.3892;
987
- --n: 0.1651 0.0157 326.2614;
988
- --b1: 0.2168 0.0231 329.7086;
989
- --bc: 0.5413 0.0188 79.2715;
990
- --in: 0.7949 0.0639 184.5584;
991
- --su: 0.7472 0.0725 131.1163;
992
- --wa: 0.8815 0.1408 87.7224;
993
- --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
994
964
  }
995
- [data-theme=winter] {
965
+ [data-theme=winter], :root:has(input.theme-controller[value=winter]:checked) {
996
966
  color-scheme: light;
997
- --pc: 0.1206 0.0435 257.5746;
998
- --sc: 0.8851 0.0322 282.3394;
999
- --ac: 0.1199 0.0383 335.1714;
1000
- --nc: 0.8392 0.0127 257.652;
1001
- --inc: 0.1763 0.0172 214.5153;
1002
- --suc: 0.161 0.0154 197.8237;
1003
- --wac: 0.1783 0.0092 71.4703;
1004
- --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;
1005
975
  --rounded-box: 1rem;
1006
976
  --rounded-btn: 0.5rem;
1007
977
  --rounded-badge: 1.9rem;
1008
978
  --animation-btn: 0.25s;
1009
979
  --animation-input: .2s;
1010
- --btn-text-case: uppercase;
1011
980
  --btn-focus-scale: 0.95;
1012
981
  --border-btn: 1px;
1013
982
  --tab-border: 1px;
1014
983
  --tab-radius: 0.5rem;
1015
- --p: 0.6031 0.2174 257.5746;
1016
- --s: 0.4255 0.1611 282.3394;
1017
- --a: 0.5994 0.1915 335.1714;
1018
- --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;
1019
988
  --b1: 1 0 0;
1020
- --b2: 0.9747 0.0119 259.8226;
1021
- --b3: 0.9327 0.0162 262.7514;
1022
- --bc: 0.4189 0.0539 255.8249;
1023
- --in: 0.8813 0.0859 214.5153;
1024
- --su: 0.8049 0.077 197.8237;
1025
- --wa: 0.8917 0.0458 71.4703;
1026
- --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
1027
1092
  }