@@ -367,8 +367,9 @@ body {
367367 background-color : var (--gray-8 );
368368}
369369
370-
371- : root , .light , .light-theme {
370+ : root ,
371+ .light ,
372+ .light-theme {
372373 --yellow-1 : # ecebe9 ;
373374 --yellow-2 : # f1e5d5 ;
374375 --yellow-3 : # fcd9ac ;
@@ -403,7 +404,9 @@ body {
403404
404405@supports (color : color (display-p3 1 1 1 )) {
405406 @media (color-gamut : p3) {
406- : root , .light , .light-theme {
407+ : root ,
408+ .light ,
409+ .light-theme {
407410 --yellow-1 : oklch (93.9% 0.0029 73.83 );
408411 --yellow-2 : oklch (92.6% 0.0248 73.83 );
409412 --yellow-3 : oklch (90.5% 0.0701 73.83 );
@@ -438,7 +441,9 @@ body {
438441 }
439442}
440443
441- : root , .light , .light-theme {
444+ : root ,
445+ .light ,
446+ .light-theme {
442447 --gray-1 : # eaeaea ;
443448 --gray-2 : # e5e5e5 ;
444449 --gray-3 : # dbdbdb ;
@@ -465,15 +470,17 @@ body {
465470 --gray-a11 : # 010003ac ;
466471 --gray-a12 : # 000001de ;
467472
468- --gray-contrast : # FFFFFF ;
473+ --gray-contrast : # ffffff ;
469474 --gray-surface : # ffffffcc ;
470475 --gray-indicator : # 747474 ;
471476 --gray-track : # 747474 ;
472477}
473478
474479@supports (color : color (display-p3 1 1 1 )) {
475480 @media (color-gamut : p3) {
476- : root , .light , .light-theme {
481+ : root ,
482+ .light ,
483+ .light-theme {
477484 --gray-1 : oklch (93.8% 0 none);
478485 --gray-2 : oklch (92.2% 0 none);
479486 --gray-3 : oklch (89.2% 0 none);
@@ -500,15 +507,18 @@ body {
500507 --gray-a11 : color (display-p3 0 0 0.0118 / 0.674 );
501508 --gray-a12 : color (display-p3 0 0 0.0039 / 0.871 );
502509
503- --gray-contrast : # FFFFFF ;
510+ --gray-contrast : # ffffff ;
504511 --gray-surface : color (display-p3 1 1 1 / 80% );
505512 --gray-indicator : oklch (55.8% 0 none);
506513 --gray-track : oklch (55.8% 0 none);
507514 }
508515 }
509516}
510517
511- : root , .light , .light-theme , .radix-themes {
518+ : root ,
519+ .light ,
520+ .light-theme ,
521+ .radix-themes {
512522 --color-background : # eeefe9 ;
513523 --terminal-foreground : # 1f1f1f ;
514524 --terminal-background : transparent;
@@ -518,8 +528,8 @@ body {
518528 --terminal-selection-fg : # 1f1f1f ;
519529}
520530
521-
522- .dark , . dark -theme {
531+ . dark ,
532+ .dark-theme {
523533 --orange-1 : # 181410 ;
524534 --orange-2 : # 1e1911 ;
525535 --orange-3 : # 2e210e ;
@@ -554,7 +564,8 @@ body {
554564
555565@supports (color : color (display-p3 1 1 1 )) {
556566 @media (color-gamut : p3) {
557- .dark , .dark-theme {
567+ .dark ,
568+ .dark-theme {
558569 --orange-1 : oklch (19.6% 0.01 74.81 );
559570 --orange-2 : oklch (21.5% 0.0156 74.81 );
560571 --orange-3 : oklch (26% 0.037 74.81 );
@@ -589,7 +600,8 @@ body {
589600 }
590601}
591602
592- .dark , .dark-theme {
603+ .dark ,
604+ .dark-theme {
593605 --gray-1 : # 151515 ;
594606 --gray-2 : # 1c1c1c ;
595607 --gray-3 : # 242424 ;
@@ -616,15 +628,16 @@ body {
616628 --gray-a11 : # fefef9ae ;
617629 --gray-a12 : # fffffbed ;
618630
619- --gray-contrast : # FFFFFF ;
631+ --gray-contrast : # ffffff ;
620632 --gray-surface : rgba (0 , 0 , 0 , 0.05 );
621633 --gray-indicator : # 6e6e6b ;
622634 --gray-track : # 6e6e6b ;
623635}
624636
625637@supports (color : color (display-p3 1 1 1 )) {
626638 @media (color-gamut : p3) {
627- .dark , .dark-theme {
639+ .dark ,
640+ .dark-theme {
628641 --gray-1 : oklch (19.6% 0.0006 106.5 );
629642 --gray-2 : oklch (22.6% 0.0003 106.5 );
630643 --gray-3 : oklch (26.1% 0.0006 106.5 );
@@ -651,15 +664,17 @@ body {
651664 --gray-a11 : color (display-p3 1 1 0.9804 / 0.68 );
652665 --gray-a12 : color (display-p3 0.9961 0.9961 0.9804 / 0.928 );
653666
654- --gray-contrast : # FFFFFF ;
667+ --gray-contrast : # ffffff ;
655668 --gray-surface : color (display-p3 0 0 0 / 5% );
656669 --gray-indicator : oklch (53.8% 0.0046 106.5 );
657670 --gray-track : oklch (53.8% 0.0046 106.5 );
658671 }
659672 }
660673}
661674
662- .dark , .dark-theme , : is (.dark , .dark-theme ) : where (.radix-themes : not (.light , .light-theme )) {
675+ .dark ,
676+ .dark-theme ,
677+ : is (.dark , .dark-theme ) : where (.radix-themes : not (.light , .light-theme )) {
663678 --color-background : # 151515 ;
664679 --terminal-foreground : # eeeeea ;
665680 --terminal-background : transparent;
0 commit comments