Skip to content

Commit 4b1f675

Browse files
cxraminasrdjan-harness
cxramina
authored and
srdjan-harness
committed
Update shared-style-variables.css (#1068)
changes for light mode
1 parent 38effd6 commit 4b1f675

File tree

1 file changed

+28
-28
lines changed

1 file changed

+28
-28
lines changed

‎packages/ui/src/shared-style-variables.css‎

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -525,13 +525,13 @@
525525
/* New colors design variables */
526526
/* Text */
527527
--canary-foreground-01: var(--canary-base-chrome-1000);
528-
--canary-foreground-02: var(--canary-base-chrome-850);
528+
--canary-foreground-02: var(--canary-base-chrome-800);
529529
--canary-foreground-03: var(--canary-base-chrome-700);
530530
--canary-foreground-04: var(--canary-base-chrome-600);
531-
--canary-foreground-05: var(--canary-base-chrome-600);
531+
--canary-foreground-05: var(--canary-base-chrome-500);
532532
--canary-foreground-06: var(--canary-pure-white);
533533
--canary-foreground-07: var(--canary-base-chrome-600);
534-
--canary-foreground-08: var(--canary-base-chrome-850);
534+
--canary-foreground-08: var(--canary-base-chrome-800);
535535
--canary-foreground-09: var(--canary-base-chrome-600);
536536
--canary-foreground-10: var(--canary-base-chrome-200);
537537
--canary-foreground-danger: var(--canary-red-500);
@@ -542,7 +542,7 @@
542542
/* Backgrounds */
543543
--canary-background-01: var(--canary-base-chrome-50);
544544
--canary-background-02: var(--canary-pure-white);
545-
--canary-background-03: var(--canary-base-chrome-50);
545+
--canary-background-03: var(--canary-base-chrome-100);
546546
--canary-background-04: var(--canary-base-chrome-500) / 0.12;
547547
--canary-background-05: var(--canary-base-chrome-950);
548548
--canary-background-06: var(--canary-base-chrome-850);
@@ -579,13 +579,13 @@
579579
/* Icons */
580580
--canary-icon-01: var(--canary-base-chrome-600);
581581
--canary-icon-02: var(--canary-base-chrome-1000);
582-
--canary-icon-03: var(--canary-base-chrome-850);
583-
--canary-icon-04: var(--canary-base-chrome-600);
582+
--canary-icon-03: var(--canary-base-chrome-800);
583+
--canary-icon-04: var(--canary-base-chrome-500);
584584
--canary-icon-05: var(--canary-pure-white);
585585
--canary-icon-06: var(--canary-base-chrome-200);
586-
--canary-icon-07: var(--canary-base-chrome-850);
586+
--canary-icon-07: var(--canary-base-chrome-800);
587587
--canary-icon-08: var(--canary-base-chrome-1000);
588-
--canary-icon-09: var(--canary-base-chrome-600);
588+
--canary-icon-09: var(--canary-base-chrome-500);
589589
--canary-icon-10: var(--canary-pure-white);
590590
--canary-icon-danger: var(--canary-red-500);
591591
--canary-icon-alert: var(--canary-amber-700);
@@ -787,13 +787,13 @@
787787
/* New colors design variables */
788788
/* Text */
789789
--canary-foreground-01: var(--canary-base-chrome-1000);
790-
--canary-foreground-02: var(--canary-base-chrome-850);
790+
--canary-foreground-02: var(--canary-base-chrome-800);
791791
--canary-foreground-03: var(--canary-base-chrome-700);
792792
--canary-foreground-04: var(--canary-base-chrome-600);
793-
--canary-foreground-05: var(--canary-base-chrome-600);
793+
--canary-foreground-05: var(--canary-base-chrome-500);
794794
--canary-foreground-06: var(--canary-pure-white);
795795
--canary-foreground-07: var(--canary-base-chrome-600);
796-
--canary-foreground-08: var(--canary-base-chrome-850);
796+
--canary-foreground-08: var(--canary-base-chrome-800);
797797
--canary-foreground-09: var(--canary-base-chrome-600);
798798
--canary-foreground-10: var(--canary-base-chrome-200);
799799
--canary-foreground-danger: var(--canary-red-500);
@@ -804,7 +804,7 @@
804804
/* Backgrounds */
805805
--canary-background-01: var(--canary-base-chrome-50);
806806
--canary-background-02: var(--canary-pure-white);
807-
--canary-background-03: var(--canary-base-chrome-50);
807+
--canary-background-03: var(--canary-base-chrome-100);
808808
--canary-background-04: var(--canary-base-chrome-500) / 0.12;
809809
--canary-background-05: var(--canary-base-chrome-950);
810810
--canary-background-06: var(--canary-base-chrome-850);
@@ -841,13 +841,13 @@
841841
/* Icons */
842842
--canary-icon-01: var(--canary-base-chrome-600);
843843
--canary-icon-02: var(--canary-base-chrome-1000);
844-
--canary-icon-03: var(--canary-base-chrome-850);
845-
--canary-icon-04: var(--canary-base-chrome-600);
844+
--canary-icon-03: var(--canary-base-chrome-800);
845+
--canary-icon-04: var(--canary-base-chrome-500);
846846
--canary-icon-05: var(--canary-pure-white);
847847
--canary-icon-06: var(--canary-base-chrome-200);
848-
--canary-icon-07: var(--canary-base-chrome-850);
848+
--canary-icon-07: var(--canary-base-chrome-800);
849849
--canary-icon-08: var(--canary-base-chrome-1000);
850-
--canary-icon-09: var(--canary-base-chrome-600);
850+
--canary-icon-09: var(--canary-base-chrome-500);
851851
--canary-icon-10: var(--canary-pure-white);
852852
--canary-icon-danger: var(--canary-red-500);
853853
--canary-icon-alert: var(--canary-amber-700);
@@ -1049,13 +1049,13 @@
10491049
/* New colors design variables */
10501050
/* Text */
10511051
--canary-foreground-01: var(--canary-base-chrome-1000);
1052-
--canary-foreground-02: var(--canary-base-chrome-850);
1052+
--canary-foreground-02: var(--canary-base-chrome-800);
10531053
--canary-foreground-03: var(--canary-base-chrome-700);
10541054
--canary-foreground-04: var(--canary-base-chrome-600);
1055-
--canary-foreground-05: var(--canary-base-chrome-600);
1055+
--canary-foreground-05: var(--canary-base-chrome-500);
10561056
--canary-foreground-06: var(--canary-pure-white);
10571057
--canary-foreground-07: var(--canary-base-chrome-600);
1058-
--canary-foreground-08: var(--canary-base-chrome-850);
1058+
--canary-foreground-08: var(--canary-base-chrome-800);
10591059
--canary-foreground-09: var(--canary-base-chrome-600);
10601060
--canary-foreground-10: var(--canary-base-chrome-200);
10611061
--canary-foreground-danger: var(--canary-red-500);
@@ -1066,7 +1066,7 @@
10661066
/* Backgrounds */
10671067
--canary-background-01: var(--canary-base-chrome-50);
10681068
--canary-background-02: var(--canary-pure-white);
1069-
--canary-background-03: var(--canary-base-chrome-50);
1069+
--canary-background-03: var(--canary-base-chrome-100);
10701070
--canary-background-04: var(--canary-base-chrome-500) / 0.12;
10711071
--canary-background-05: var(--canary-base-chrome-950);
10721072
--canary-background-06: var(--canary-base-chrome-850);
@@ -1103,13 +1103,13 @@
11031103
/* Icons */
11041104
--canary-icon-01: var(--canary-base-chrome-600);
11051105
--canary-icon-02: var(--canary-base-chrome-1000);
1106-
--canary-icon-03: var(--canary-base-chrome-850);
1107-
--canary-icon-04: var(--canary-base-chrome-600);
1106+
--canary-icon-03: var(--canary-base-chrome-800);
1107+
--canary-icon-04: var(--canary-base-chrome-500);
11081108
--canary-icon-05: var(--canary-pure-white);
11091109
--canary-icon-06: var(--canary-base-chrome-200);
1110-
--canary-icon-07: var(--canary-base-chrome-850);
1110+
--canary-icon-07: var(--canary-base-chrome-800);
11111111
--canary-icon-08: var(--canary-base-chrome-1000);
1112-
--canary-icon-09: var(--canary-base-chrome-600);
1112+
--canary-icon-09: var(--canary-base-chrome-500);
11131113
--canary-icon-10: var(--canary-pure-white);
11141114
--canary-icon-danger: var(--canary-red-500);
11151115
--canary-icon-alert: var(--canary-amber-700);
@@ -1309,13 +1309,13 @@
13091309
/* New colors design variables */
13101310
/* Text */
13111311
--canary-foreground-01: var(--canary-base-chrome-1000);
1312-
--canary-foreground-02: var(--canary-base-chrome-850);
1312+
--canary-foreground-02: var(--canary-base-chrome-800);
13131313
--canary-foreground-03: var(--canary-base-chrome-700);
13141314
--canary-foreground-04: var(--canary-base-chrome-600);
1315-
--canary-foreground-05: var(--canary-base-chrome-600);
1315+
--canary-foreground-05: var(--canary-base-chrome-500);
13161316
--canary-foreground-06: var(--canary-pure-white);
13171317
--canary-foreground-07: var(--canary-base-chrome-600);
1318-
--canary-foreground-08: var(--canary-base-chrome-850);
1318+
--canary-foreground-08: var(--canary-base-chrome-800);
13191319
--canary-foreground-09: var(--canary-base-chrome-600);
13201320
--canary-foreground-10: var(--canary-base-chrome-200);
13211321
--canary-foreground-danger: var(--canary-yellow-700);
@@ -1326,7 +1326,7 @@
13261326
/* Backgrounds */
13271327
--canary-background-01: var(--canary-base-chrome-50);
13281328
--canary-background-02: var(--canary-pure-white);
1329-
--canary-background-03: var(--canary-base-chrome-50);
1329+
--canary-background-03: var(--canary-base-chrome-100);
13301330
--canary-background-04: var(--canary-base-chrome-500) / 0.12;
13311331
--canary-background-05: var(--canary-base-chrome-950);
13321332
--canary-background-06: var(--canary-base-chrome-850);

0 commit comments

Comments
 (0)