@@ -232,19 +232,19 @@ nav details.dropdown summary:focus-visible {
232
232
color-scheme : light;
233
233
--pico-background-color : # fff ;
234
234
--pico-color : # 373c44 ;
235
- --pico-text-selection-color : rgba (116 , 139 , 248 , 0.25 );
235
+ --pico-text-selection-color : rgba (119 , 156 , 0 , 0.25 );
236
236
--pico-muted-color : # 646b79 ;
237
237
--pico-muted-border-color : rgb (231 , 234 , 239.5 );
238
- --pico-primary : # 2060df ;
239
- --pico-primary-background : # 2060df ;
238
+ --pico-primary : # 577400 ;
239
+ --pico-primary-background : # a5d601 ;
240
240
--pico-primary-border : var (--pico-primary-background );
241
- --pico-primary-underline : rgba (32 , 96 , 223 , 0.5 );
242
- --pico-primary-hover : # 184eb8 ;
243
- --pico-primary-hover-background : # 1d59d0 ;
241
+ --pico-primary-underline : rgba (87 , 116 , 0 , 0.5 );
242
+ --pico-primary-hover : # 435a00 ;
243
+ --pico-primary-hover-background : # 99c801 ;
244
244
--pico-primary-hover-border : var (--pico-primary-hover-background );
245
245
--pico-primary-hover-underline : var (--pico-primary-hover );
246
- --pico-primary-focus : rgba (116 , 139 , 248 , 0.5 );
247
- --pico-primary-inverse : # fff ;
246
+ --pico-primary-focus : rgba (119 , 156 , 0 , 0.5 );
247
+ --pico-primary-inverse : # 000 ;
248
248
--pico-secondary : # 5d6b89 ;
249
249
--pico-secondary-background : # 525f7a ;
250
250
--pico-secondary-border : var (--pico-secondary-background );
@@ -308,7 +308,7 @@ nav details.dropdown summary:focus-visible {
308
308
--pico-switch-background-color : # bfc7d9 ;
309
309
--pico-switch-checked-background-color : var (--pico-primary-background );
310
310
--pico-switch-color : # fff ;
311
- --pico-switch-thumb-box-shadow : 0 0 0 rgba (0 , 0 , 0 , 0 );
311
+ --pico-switch-thumb-box-shadow : 0 0 0.5 rem rgba (0 , 0 , 0 , 0.25 );
312
312
--pico-range-border-color : # dfe3eb ;
313
313
--pico-range-active-border-color : # bfc7d9 ;
314
314
--pico-range-thumb-border-color : var (--pico-background-color );
@@ -343,7 +343,7 @@ nav details.dropdown summary:focus-visible {
343
343
[data-theme = light ] .pico details summary [role = button ]: not (.outline , .contrast , .secondary )::after ,
344
344
: root : not ([data-theme = dark ]) .pico details summary [role = button ]: not (.outline , .contrast , .secondary )::after ,
345
345
: host (: not ([data-theme = dark ])) .pico details summary [role = button ]: not (.outline , .contrast , .secondary )::after {
346
- filter : brightness (100 ) invert (0 );
346
+ filter : brightness (100 ) invert (1 );
347
347
}
348
348
[data-theme = light ] .pico details summary .secondary [role = button ]::after ,
349
349
: root : not ([data-theme = dark ]) .pico details summary .secondary [role = button ]::after ,
@@ -358,7 +358,7 @@ nav details.dropdown summary:focus-visible {
358
358
[data-theme = light ] .pico [aria-busy = true ]: not (input , select , textarea , html , form ): is (button , [type = submit ], [type = button ], [type = reset ], [role = button ]): not (.outline )::before ,
359
359
: root : not ([data-theme = dark ]) .pico [aria-busy = true ]: not (input , select , textarea , html , form ): is (button , [type = submit ], [type = button ], [type = reset ], [role = button ]): not (.outline )::before ,
360
360
: host (: not ([data-theme = dark ])) .pico [aria-busy = true ]: not (input , select , textarea , html , form ): is (button , [type = submit ], [type = button ], [type = reset ], [role = button ]): not (.outline )::before {
361
- filter : brightness (100 ) invert (0 );
361
+ filter : brightness (0 ) invert (1 );
362
362
}
363
363
[data-theme = light ] input : is ([type = submit ],
364
364
[type = button ],
@@ -387,19 +387,19 @@ nav details.dropdown summary:focus-visible {
387
387
color-scheme : dark;
388
388
--pico-background-color : rgb (19 , 22.5 , 30.5 );
389
389
--pico-color : # c2c7d0 ;
390
- --pico-text-selection-color : rgba (137 , 153 , 249 , 0.1875 );
390
+ --pico-text-selection-color : rgba (130 , 171 , 0 , 0.1875 );
391
391
--pico-muted-color : # 7b8495 ;
392
392
--pico-muted-border-color : # 202632 ;
393
- --pico-primary : # 8999f9 ;
394
- --pico-primary-background : # 2060df ;
393
+ --pico-primary : # 82ab00 ;
394
+ --pico-primary-background : # a5d601 ;
395
395
--pico-primary-border : var (--pico-primary-background );
396
- --pico-primary-underline : rgba (137 , 153 , 249 , 0.5 );
397
- --pico-primary-hover : # aeb5fb ;
398
- --pico-primary-hover-background : # 3c71f7 ;
396
+ --pico-primary-underline : rgba (130 , 171 , 0 , 0.5 );
397
+ --pico-primary-hover : # 99c801 ;
398
+ --pico-primary-hover-background : # b2e51a ;
399
399
--pico-primary-hover-border : var (--pico-primary-hover-background );
400
400
--pico-primary-hover-underline : var (--pico-primary-hover );
401
- --pico-primary-focus : rgba (137 , 153 , 249 , 0.375 );
402
- --pico-primary-inverse : # fff ;
401
+ --pico-primary-focus : rgba (130 , 171 , 0 , 0.375 );
402
+ --pico-primary-inverse : # 000 ;
403
403
--pico-secondary : # 969eaf ;
404
404
--pico-secondary-background : # 525f7a ;
405
405
--pico-secondary-border : var (--pico-secondary-background );
@@ -463,7 +463,7 @@ nav details.dropdown summary:focus-visible {
463
463
--pico-switch-background-color : # 333c4e ;
464
464
--pico-switch-checked-background-color : var (--pico-primary-background );
465
465
--pico-switch-color : # fff ;
466
- --pico-switch-thumb-box-shadow : 0 0 0 rgba (0 , 0 , 0 , 0 );
466
+ --pico-switch-thumb-box-shadow : 0 0 0.5 rem rgba (0 , 0 , 0 , 0.25 );
467
467
--pico-range-border-color : # 202632 ;
468
468
--pico-range-active-border-color : # 2a3140 ;
469
469
--pico-range-thumb-border-color : var (--pico-background-color );
@@ -523,7 +523,7 @@ nav details.dropdown summary:focus-visible {
523
523
}
524
524
: root : not ([data-theme ]) .pico details summary [role = button ]: not (.outline , .contrast , .secondary )::after ,
525
525
: host (: not ([data-theme ])) .pico details summary [role = button ]: not (.outline , .contrast , .secondary )::after {
526
- filter : brightness (100 ) invert (0 );
526
+ filter : brightness (100 ) invert (1 );
527
527
}
528
528
: root : not ([data-theme ]) .pico details summary .secondary [role = button ]::after ,
529
529
: host (: not ([data-theme ])) .pico details summary .secondary [role = button ]::after {
@@ -535,26 +535,26 @@ nav details.dropdown summary:focus-visible {
535
535
}
536
536
: root : not ([data-theme ]) .pico [aria-busy = true ]: not (input , select , textarea , html , form ): is (button , [type = submit ], [type = button ], [type = reset ], [role = button ]): not (.outline )::before ,
537
537
: host (: not ([data-theme ])) .pico [aria-busy = true ]: not (input , select , textarea , html , form ): is (button , [type = submit ], [type = button ], [type = reset ], [role = button ]): not (.outline )::before {
538
- filter : brightness (100 ) invert (1 );
538
+ filter : brightness (100 ) invert (0 );
539
539
}
540
540
}
541
541
[data-theme = dark ] {
542
542
color-scheme : dark;
543
543
--pico-background-color : rgb (19 , 22.5 , 30.5 );
544
544
--pico-color : # c2c7d0 ;
545
- --pico-text-selection-color : rgba (137 , 153 , 249 , 0.1875 );
545
+ --pico-text-selection-color : rgba (130 , 171 , 0 , 0.1875 );
546
546
--pico-muted-color : # 7b8495 ;
547
547
--pico-muted-border-color : # 202632 ;
548
- --pico-primary : # 8999f9 ;
549
- --pico-primary-background : # 2060df ;
548
+ --pico-primary : # 82ab00 ;
549
+ --pico-primary-background : # a5d601 ;
550
550
--pico-primary-border : var (--pico-primary-background );
551
- --pico-primary-underline : rgba (137 , 153 , 249 , 0.5 );
552
- --pico-primary-hover : # aeb5fb ;
553
- --pico-primary-hover-background : # 3c71f7 ;
551
+ --pico-primary-underline : rgba (130 , 171 , 0 , 0.5 );
552
+ --pico-primary-hover : # 99c801 ;
553
+ --pico-primary-hover-background : # b2e51a ;
554
554
--pico-primary-hover-border : var (--pico-primary-hover-background );
555
555
--pico-primary-hover-underline : var (--pico-primary-hover );
556
- --pico-primary-focus : rgba (137 , 153 , 249 , 0.375 );
557
- --pico-primary-inverse : # fff ;
556
+ --pico-primary-focus : rgba (130 , 171 , 0 , 0.375 );
557
+ --pico-primary-inverse : # 000 ;
558
558
--pico-secondary : # 969eaf ;
559
559
--pico-secondary-background : # 525f7a ;
560
560
--pico-secondary-border : var (--pico-secondary-background );
@@ -618,7 +618,7 @@ nav details.dropdown summary:focus-visible {
618
618
--pico-switch-background-color : # 333c4e ;
619
619
--pico-switch-checked-background-color : var (--pico-primary-background );
620
620
--pico-switch-color : # fff ;
621
- --pico-switch-thumb-box-shadow : 0 0 0 rgba (0 , 0 , 0 , 0 );
621
+ --pico-switch-thumb-box-shadow : 0 0 0.5 rem rgba (0 , 0 , 0 , 0.25 );
622
622
--pico-range-border-color : # 202632 ;
623
623
--pico-range-active-border-color : # 2a3140 ;
624
624
--pico-range-thumb-border-color : var (--pico-background-color );
@@ -666,7 +666,7 @@ nav details.dropdown summary:focus-visible {
666
666
--pico-form-element-focus-color : var (--pico-primary-focus );
667
667
}
668
668
[data-theme = dark ] .pico details summary [role = button ]: not (.outline , .contrast , .secondary )::after {
669
- filter : brightness (100 ) invert (0 );
669
+ filter : brightness (100 ) invert (1 );
670
670
}
671
671
[data-theme = dark ] .pico details summary .secondary [role = button ]::after {
672
672
filter : brightness (100 ) invert (0 );
@@ -675,7 +675,7 @@ nav details.dropdown summary:focus-visible {
675
675
filter : brightness (100 ) invert (1 );
676
676
}
677
677
[data-theme = dark ] .pico [aria-busy = true ]: not (input , select , textarea , html , form ): is (button , [type = submit ], [type = button ], [type = reset ], [role = button ]): not (.outline )::before {
678
- filter : brightness (100 ) invert (1 );
678
+ filter : brightness (100 ) invert (0 );
679
679
}
680
680
681
681
.pico progress ,
0 commit comments