@codecademy/gamut-styles 17.6.5-alpha.fed1a2.0 → 17.7.0-alpha.1dc930.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.
Files changed (11) hide show
  1. package/dist/themes/admin.d.ts +40 -73
  2. package/dist/themes/core.d.ts +22 -36
  3. package/dist/themes/core.js +10 -13
  4. package/dist/themes/lxStudio.d.ts +42 -79
  5. package/dist/themes/platform.d.ts +81 -115
  6. package/dist/themes/platform.js +15 -18
  7. package/dist/variables/colors.d.ts +10 -22
  8. package/dist/variables/colors.js +7 -11
  9. package/dist/variables/responsive.d.ts +8 -0
  10. package/dist/variables/responsive.js +8 -0
  11. package/package.json +3 -3
package/dist/themes/platform.d.ts CHANGED
@@ -3,12 +3,22 @@
3
3
  * That are not needed for the rest of the application.
4
4
  */
5
5
  export declare const platformTheme: Record<"breakpoints", {
6
+ c_xs: string;
7
+ c_sm: string;
8
+ c_md: string;
9
+ c_lg: string;
10
+ c_xl: string;
6
11
  xs: string;
7
12
  sm: string;
8
13
  md: string;
9
14
  lg: string;
10
15
  xl: string;
11
16
  }> & import("@codecademy/variance/dist/createTheme/types").Merge<Record<"breakpoints", {
17
+ c_xs: string;
18
+ c_sm: string;
19
+ c_md: string;
20
+ c_lg: string;
21
+ c_xl: string;
12
22
  xs: string;
13
23
  sm: string;
14
24
  md: string;
@@ -21,6 +31,11 @@ export declare const platformTheme: Record<"breakpoints", {
21
31
  };
22
32
  readonly headerZ: 15;
23
33
  }, "elements">>> & import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").MergeTheme<import("@codecademy/variance/dist/createTheme/types").MergeTheme<Record<"breakpoints", {
34
+ c_xs: string;
35
+ c_sm: string;
36
+ c_md: string;
37
+ c_lg: string;
38
+ c_xl: string;
24
39
  xs: string;
25
40
  sm: string;
26
41
  md: string;
@@ -28,6 +43,11 @@ export declare const platformTheme: Record<"breakpoints", {
28
43
  xl: string;
29
44
  }> & import("@codecademy/variance/dist/createTheme/types").Merge<{
30
45
  breakpoints: {
46
+ c_xs: string;
47
+ c_sm: string;
48
+ c_md: string;
49
+ c_lg: string;
50
+ c_xl: string;
31
51
  xs: string;
32
52
  sm: string;
33
53
  md: string;
@@ -129,19 +149,15 @@ export declare const platformTheme: Record<"breakpoints", {
129
149
  readonly "green-100": "#EAFDC6";
130
150
  readonly "green-400": "#AEE938";
131
151
  readonly "green-700": "#008A27";
132
- readonly "green-900": "#151C07";
133
152
  readonly "yellow-0": "#FFFAE5";
134
153
  readonly "yellow-400": "#CCA900";
135
154
  readonly "yellow-500": "#FFD300";
136
- readonly "yellow-900": "#211B00";
137
155
  readonly "pink-0": "#FFF5FF";
138
156
  readonly "pink-400": "#F966FF";
139
- readonly "red-0": "#FBF1F0";
140
- readonly "red-300": "#E85D7F";
141
- readonly "red-400": "#DC5879";
157
+ readonly "red-0": "#E85D7F";
158
+ readonly "red-100": "#DC5879";
142
159
  readonly "red-500": "#E91C11";
143
160
  readonly "red-600": "#BE1809";
144
- readonly "red-900": "#280503";
145
161
  readonly "orange-100": "#FFE8CC";
146
162
  readonly "orange-500": "#FF8C00";
147
163
  readonly "hyper-400": "#5533FF";
@@ -180,9 +196,6 @@ export declare const platformTheme: Record<"breakpoints", {
180
196
  selected: "navy-100";
181
197
  disabled: "navy-200";
182
198
  hover: "navy-200";
183
- success: "green-0";
184
- warning: "yellow-0";
185
- error: "red-0";
186
199
  };
187
200
  shadow: {
188
201
  primary: "navy-800";
@@ -219,7 +232,7 @@ export declare const platformTheme: Record<"breakpoints", {
219
232
  secondary: "white-600";
220
233
  };
221
234
  feedback: {
222
- error: "red-300";
235
+ error: "red-0";
223
236
  success: "green-400";
224
237
  warning: "yellow-0";
225
238
  };
@@ -231,9 +244,6 @@ export declare const platformTheme: Record<"breakpoints", {
231
244
  selected: "white-100";
232
245
  disabled: "white-200";
233
246
  hover: "white-200";
234
- success: "green-900";
235
- warning: "yellow-900";
236
- error: "red-900";
237
247
  };
238
248
  shadow: {
239
249
  primary: "white";
@@ -249,8 +259,8 @@ export declare const platformTheme: Record<"breakpoints", {
249
259
  hover: "white-700";
250
260
  };
251
261
  danger: {
252
- _: "red-300";
253
- hover: "red-400";
262
+ _: "red-0";
263
+ hover: "red-100";
254
264
  };
255
265
  interface: {
256
266
  _: "yellow-500";
@@ -301,19 +311,15 @@ export declare const platformTheme: Record<"breakpoints", {
301
311
  readonly "green-100": "#EAFDC6";
302
312
  readonly "green-400": "#AEE938";
303
313
  readonly "green-700": "#008A27";
304
- readonly "green-900": "#151C07";
305
314
  readonly "yellow-0": "#FFFAE5";
306
315
  readonly "yellow-400": "#CCA900";
307
316
  readonly "yellow-500": "#FFD300";
308
- readonly "yellow-900": "#211B00";
309
317
  readonly "pink-0": "#FFF5FF";
310
318
  readonly "pink-400": "#F966FF";
311
- readonly "red-0": "#FBF1F0";
312
- readonly "red-300": "#E85D7F";
313
- readonly "red-400": "#DC5879";
319
+ readonly "red-0": "#E85D7F";
320
+ readonly "red-100": "#DC5879";
314
321
  readonly "red-500": "#E91C11";
315
322
  readonly "red-600": "#BE1809";
316
- readonly "red-900": "#280503";
317
323
  readonly "orange-100": "#FFE8CC";
318
324
  readonly "orange-500": "#FF8C00";
319
325
  readonly "hyper-400": "#5533FF";
@@ -353,9 +359,6 @@ export declare const platformTheme: Record<"breakpoints", {
353
359
  selected: "navy-100";
354
360
  disabled: "navy-200";
355
361
  hover: "navy-200";
356
- success: "green-0";
357
- warning: "yellow-0";
358
- error: "red-0";
359
362
  };
360
363
  shadow: {
361
364
  primary: "navy-800";
@@ -393,7 +396,7 @@ export declare const platformTheme: Record<"breakpoints", {
393
396
  secondary: "white-600";
394
397
  };
395
398
  feedback: {
396
- error: "red-300";
399
+ error: "red-0";
397
400
  success: "green-400";
398
401
  warning: "yellow-0";
399
402
  };
@@ -405,9 +408,6 @@ export declare const platformTheme: Record<"breakpoints", {
405
408
  selected: "white-100";
406
409
  disabled: "white-200";
407
410
  hover: "white-200";
408
- success: "green-900";
409
- warning: "yellow-900";
410
- error: "red-900";
411
411
  };
412
412
  shadow: {
413
413
  primary: "white";
@@ -423,8 +423,8 @@ export declare const platformTheme: Record<"breakpoints", {
423
423
  hover: "white-700";
424
424
  };
425
425
  danger: {
426
- _: "red-300";
427
- hover: "red-400";
426
+ _: "red-0";
427
+ hover: "red-100";
428
428
  };
429
429
  interface: {
430
430
  _: "yellow-500";
@@ -478,19 +478,15 @@ export declare const platformTheme: Record<"breakpoints", {
478
478
  readonly "green-100": "#EAFDC6";
479
479
  readonly "green-400": "#AEE938";
480
480
  readonly "green-700": "#008A27";
481
- readonly "green-900": "#151C07";
482
481
  readonly "yellow-0": "#FFFAE5";
483
482
  readonly "yellow-400": "#CCA900";
484
483
  readonly "yellow-500": "#FFD300";
485
- readonly "yellow-900": "#211B00";
486
484
  readonly "pink-0": "#FFF5FF";
487
485
  readonly "pink-400": "#F966FF";
488
- readonly "red-0": "#FBF1F0";
489
- readonly "red-300": "#E85D7F";
490
- readonly "red-400": "#DC5879";
486
+ readonly "red-0": "#E85D7F";
487
+ readonly "red-100": "#DC5879";
491
488
  readonly "red-500": "#E91C11";
492
489
  readonly "red-600": "#BE1809";
493
- readonly "red-900": "#280503";
494
490
  readonly "orange-100": "#FFE8CC";
495
491
  readonly "orange-500": "#FF8C00";
496
492
  readonly "hyper-400": "#5533FF";
@@ -515,25 +511,22 @@ export declare const platformTheme: Record<"breakpoints", {
515
511
  }, "-">>>, import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
516
512
  readonly lightBeige: "#FFFBF8";
517
513
  readonly gold: "#8A7300";
518
- readonly teal: "#006d82";
514
+ readonly teal: "#027E97";
519
515
  readonly purple: "#B3CCFF";
520
516
  readonly "beige-0": "#FFFBF8";
521
517
  readonly "pink-800": "#CA00D1";
522
518
  readonly "orange-800": "#D14900";
523
519
  readonly "gold-800": "#8A7300";
524
- readonly "teal-500": "#006d82";
520
+ readonly "teal-500": "#027E97";
525
521
  readonly "purple-300": "#B3CCFF";
526
522
  }, "-">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
527
523
  colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
528
- background: {
529
- primary: "blue-0";
530
- };
531
524
  editor: {
532
525
  attribute: "green-700";
533
526
  annotation: "red-500";
534
527
  atom: "pink-800";
535
528
  basic: "navy-800";
536
- comment: "navy-500";
529
+ comment: "navy-300";
537
530
  constant: "orange-800";
538
531
  decoration: "red-500";
539
532
  invalid: "red-500";
@@ -552,39 +545,39 @@ export declare const platformTheme: Record<"breakpoints", {
552
545
  ui: {
553
546
  background: "white";
554
547
  text: "navy-800";
555
- 'indent-active': "navy-300";
556
- 'indent-inactive': "navy-400";
557
- 'line-number': "navy-500";
548
+ 'indent-active': "navy-900";
549
+ 'indent-inactive': "navy-600";
550
+ 'line-number': "navy-300";
558
551
  };
559
552
  };
560
553
  } | {
561
554
  editor: {
562
555
  attribute: "green-400";
563
- annotation: "red-300";
556
+ annotation: "red-0";
564
557
  atom: "pink-400";
565
558
  basic: "white";
566
- comment: "white-500";
559
+ comment: "gray-600";
567
560
  constant: "orange-500";
568
- decoration: "red-300";
569
- invalid: "red-300";
561
+ decoration: "red-0";
562
+ invalid: "red-0";
570
563
  key: "blue-300";
571
564
  keyword: "purple-300";
572
- number: "red-300";
573
- operator: "red-300";
565
+ number: "red-0";
566
+ operator: "red-0";
574
567
  predefined: "white";
575
- property: "red-300";
568
+ property: "red-0";
576
569
  regexp: "green-400";
577
570
  string: "yellow-500";
578
- tag: "red-300";
571
+ tag: "red-0";
579
572
  text: "orange-500";
580
573
  value: "yellow-500";
581
574
  variable: "green-400";
582
575
  ui: {
583
576
  background: "navy-900";
584
577
  text: "white";
585
- 'indent-active': "white-300";
586
- 'indent-inactive': "white-400";
587
- 'line-number': "white-500";
578
+ 'indent-active': "gray-900";
579
+ 'indent-inactive': "gray-800";
580
+ 'line-number': "gray-600";
588
581
  };
589
582
  };
590
583
  }, "-", "_">, "colors"> & import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
@@ -626,19 +619,15 @@ export declare const platformTheme: Record<"breakpoints", {
626
619
  readonly "green-100": "#EAFDC6";
627
620
  readonly "green-400": "#AEE938";
628
621
  readonly "green-700": "#008A27";
629
- readonly "green-900": "#151C07";
630
622
  readonly "yellow-0": "#FFFAE5";
631
623
  readonly "yellow-400": "#CCA900";
632
624
  readonly "yellow-500": "#FFD300";
633
- readonly "yellow-900": "#211B00";
634
625
  readonly "pink-0": "#FFF5FF";
635
626
  readonly "pink-400": "#F966FF";
636
- readonly "red-0": "#FBF1F0";
637
- readonly "red-300": "#E85D7F";
638
- readonly "red-400": "#DC5879";
627
+ readonly "red-0": "#E85D7F";
628
+ readonly "red-100": "#DC5879";
639
629
  readonly "red-500": "#E91C11";
640
630
  readonly "red-600": "#BE1809";
641
- readonly "red-900": "#280503";
642
631
  readonly "orange-100": "#FFE8CC";
643
632
  readonly "orange-500": "#FF8C00";
644
633
  readonly "hyper-400": "#5533FF";
@@ -676,9 +665,6 @@ export declare const platformTheme: Record<"breakpoints", {
676
665
  selected: "navy-100";
677
666
  disabled: "navy-200";
678
667
  hover: "navy-200";
679
- success: "green-0";
680
- warning: "yellow-0";
681
- error: "red-0";
682
668
  };
683
669
  shadow: {
684
670
  primary: "navy-800";
@@ -715,7 +701,7 @@ export declare const platformTheme: Record<"breakpoints", {
715
701
  secondary: "white-600";
716
702
  };
717
703
  feedback: {
718
- error: "red-300";
704
+ error: "red-0";
719
705
  success: "green-400";
720
706
  warning: "yellow-0";
721
707
  };
@@ -727,9 +713,6 @@ export declare const platformTheme: Record<"breakpoints", {
727
713
  selected: "white-100";
728
714
  disabled: "white-200";
729
715
  hover: "white-200";
730
- success: "green-900";
731
- warning: "yellow-900";
732
- error: "red-900";
733
716
  };
734
717
  shadow: {
735
718
  primary: "white";
@@ -745,8 +728,8 @@ export declare const platformTheme: Record<"breakpoints", {
745
728
  hover: "white-700";
746
729
  };
747
730
  danger: {
748
- _: "red-300";
749
- hover: "red-400";
731
+ _: "red-0";
732
+ hover: "red-100";
750
733
  };
751
734
  interface: {
752
735
  _: "yellow-500";
@@ -797,19 +780,15 @@ export declare const platformTheme: Record<"breakpoints", {
797
780
  readonly "green-100": "#EAFDC6";
798
781
  readonly "green-400": "#AEE938";
799
782
  readonly "green-700": "#008A27";
800
- readonly "green-900": "#151C07";
801
783
  readonly "yellow-0": "#FFFAE5";
802
784
  readonly "yellow-400": "#CCA900";
803
785
  readonly "yellow-500": "#FFD300";
804
- readonly "yellow-900": "#211B00";
805
786
  readonly "pink-0": "#FFF5FF";
806
787
  readonly "pink-400": "#F966FF";
807
- readonly "red-0": "#FBF1F0";
808
- readonly "red-300": "#E85D7F";
809
- readonly "red-400": "#DC5879";
788
+ readonly "red-0": "#E85D7F";
789
+ readonly "red-100": "#DC5879";
810
790
  readonly "red-500": "#E91C11";
811
791
  readonly "red-600": "#BE1809";
812
- readonly "red-900": "#280503";
813
792
  readonly "orange-100": "#FFE8CC";
814
793
  readonly "orange-500": "#FF8C00";
815
794
  readonly "hyper-400": "#5533FF";
@@ -830,13 +809,13 @@ export declare const platformTheme: Record<"breakpoints", {
830
809
  }, "-">, "color">>, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
831
810
  readonly lightBeige: "#FFFBF8";
832
811
  readonly gold: "#8A7300";
833
- readonly teal: "#006d82";
812
+ readonly teal: "#027E97";
834
813
  readonly purple: "#B3CCFF";
835
814
  readonly "beige-0": "#FFFBF8";
836
815
  readonly "pink-800": "#CA00D1";
837
816
  readonly "orange-800": "#D14900";
838
817
  readonly "gold-800": "#8A7300";
839
- readonly "teal-500": "#006d82";
818
+ readonly "teal-500": "#027E97";
840
819
  readonly "purple-300": "#B3CCFF";
841
820
  }, "-">, "color">>;
842
821
  modes: import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
@@ -860,9 +839,6 @@ export declare const platformTheme: Record<"breakpoints", {
860
839
  selected: "navy-100";
861
840
  disabled: "navy-200";
862
841
  hover: "navy-200";
863
- success: "green-0";
864
- warning: "yellow-0";
865
- error: "red-0";
866
842
  };
867
843
  shadow: {
868
844
  primary: "navy-800";
@@ -900,7 +876,7 @@ export declare const platformTheme: Record<"breakpoints", {
900
876
  secondary: "white-600";
901
877
  };
902
878
  feedback: {
903
- error: "red-300";
879
+ error: "red-0";
904
880
  success: "green-400";
905
881
  warning: "yellow-0";
906
882
  };
@@ -912,9 +888,6 @@ export declare const platformTheme: Record<"breakpoints", {
912
888
  selected: "white-100";
913
889
  disabled: "white-200";
914
890
  hover: "white-200";
915
- success: "green-900";
916
- warning: "yellow-900";
917
- error: "red-900";
918
891
  };
919
892
  shadow: {
920
893
  primary: "white";
@@ -930,8 +903,8 @@ export declare const platformTheme: Record<"breakpoints", {
930
903
  hover: "white-700";
931
904
  };
932
905
  danger: {
933
- _: "red-300";
934
- hover: "red-400";
906
+ _: "red-0";
907
+ hover: "red-100";
935
908
  };
936
909
  interface: {
937
910
  _: "yellow-500";
@@ -946,15 +919,12 @@ export declare const platformTheme: Record<"breakpoints", {
946
919
  }, "-", "_">;
947
920
  }>, {
948
921
  light: import("@codecademy/variance").LiteralPaths<{
949
- background: {
950
- primary: "blue-0";
951
- };
952
922
  editor: {
953
923
  attribute: "green-700";
954
924
  annotation: "red-500";
955
925
  atom: "pink-800";
956
926
  basic: "navy-800";
957
- comment: "navy-500";
927
+ comment: "navy-300";
958
928
  constant: "orange-800";
959
929
  decoration: "red-500";
960
930
  invalid: "red-500";
@@ -973,40 +943,40 @@ export declare const platformTheme: Record<"breakpoints", {
973
943
  ui: {
974
944
  background: "white";
975
945
  text: "navy-800";
976
- 'indent-active': "navy-300";
977
- 'indent-inactive': "navy-400";
978
- 'line-number': "navy-500";
946
+ 'indent-active': "navy-900";
947
+ 'indent-inactive': "navy-600";
948
+ 'line-number': "navy-300";
979
949
  };
980
950
  };
981
951
  }, "-", "_">;
982
952
  dark: import("@codecademy/variance").LiteralPaths<{
983
953
  editor: {
984
954
  attribute: "green-400";
985
- annotation: "red-300";
955
+ annotation: "red-0";
986
956
  atom: "pink-400";
987
957
  basic: "white";
988
- comment: "white-500";
958
+ comment: "gray-600";
989
959
  constant: "orange-500";
990
- decoration: "red-300";
991
- invalid: "red-300";
960
+ decoration: "red-0";
961
+ invalid: "red-0";
992
962
  key: "blue-300";
993
963
  keyword: "purple-300";
994
- number: "red-300";
995
- operator: "red-300";
964
+ number: "red-0";
965
+ operator: "red-0";
996
966
  predefined: "white";
997
- property: "red-300";
967
+ property: "red-0";
998
968
  regexp: "green-400";
999
969
  string: "yellow-500";
1000
- tag: "red-300";
970
+ tag: "red-0";
1001
971
  text: "orange-500";
1002
972
  value: "yellow-500";
1003
973
  variable: "green-400";
1004
974
  ui: {
1005
975
  background: "navy-900";
1006
976
  text: "white";
1007
- 'indent-active': "white-300";
1008
- 'indent-inactive': "white-400";
1009
- 'line-number': "white-500";
977
+ 'indent-active': "gray-900";
978
+ 'indent-inactive': "gray-800";
979
+ 'line-number': "gray-600";
1010
980
  };
1011
981
  };
1012
982
  }, "-", "_">;
@@ -1051,19 +1021,15 @@ export declare const platformTheme: Record<"breakpoints", {
1051
1021
  readonly "green-100": "#EAFDC6";
1052
1022
  readonly "green-400": "#AEE938";
1053
1023
  readonly "green-700": "#008A27";
1054
- readonly "green-900": "#151C07";
1055
1024
  readonly "yellow-0": "#FFFAE5";
1056
1025
  readonly "yellow-400": "#CCA900";
1057
1026
  readonly "yellow-500": "#FFD300";
1058
- readonly "yellow-900": "#211B00";
1059
1027
  readonly "pink-0": "#FFF5FF";
1060
1028
  readonly "pink-400": "#F966FF";
1061
- readonly "red-0": "#FBF1F0";
1062
- readonly "red-300": "#E85D7F";
1063
- readonly "red-400": "#DC5879";
1029
+ readonly "red-0": "#E85D7F";
1030
+ readonly "red-100": "#DC5879";
1064
1031
  readonly "red-500": "#E91C11";
1065
1032
  readonly "red-600": "#BE1809";
1066
- readonly "red-900": "#280503";
1067
1033
  readonly "orange-100": "#FFE8CC";
1068
1034
  readonly "orange-500": "#FF8C00";
1069
1035
  readonly "hyper-400": "#5533FF";
@@ -1081,16 +1047,16 @@ export declare const platformTheme: Record<"breakpoints", {
1081
1047
  readonly "white-200": string;
1082
1048
  readonly "white-600": string;
1083
1049
  readonly "white-700": string;
1084
- }, "-"> | "text" | "secondary" | "background" | "primary" | "danger" | "interface" | "border-primary" | "text-disabled" | "text-accent" | "text-secondary" | "secondary-hover" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "shadow-secondary" | "shadow-primary" | "danger-hover" | "interface-hover" | "border-disabled" | "border-secondary" | "border-tertiary" | import("@codecademy/variance").Path<{
1050
+ }, "-"> | "text" | "secondary" | "background" | "primary" | "danger" | "interface" | "border-primary" | "text-disabled" | "text-accent" | "text-secondary" | "secondary-hover" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "shadow-secondary" | "shadow-primary" | "danger-hover" | "interface-hover" | "border-disabled" | "border-secondary" | "border-tertiary" | import("@codecademy/variance").Path<{
1085
1051
  readonly lightBeige: "#FFFBF8";
1086
1052
  readonly gold: "#8A7300";
1087
- readonly teal: "#006d82";
1053
+ readonly teal: "#027E97";
1088
1054
  readonly purple: "#B3CCFF";
1089
1055
  readonly "beige-0": "#FFFBF8";
1090
1056
  readonly "pink-800": "#CA00D1";
1091
1057
  readonly "orange-800": "#D14900";
1092
1058
  readonly "gold-800": "#8A7300";
1093
- readonly "teal-500": "#006d82";
1059
+ readonly "teal-500": "#027E97";
1094
1060
  readonly "purple-300": "#B3CCFF";
1095
1061
  }, "-">) => string;
1096
1062
  }> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
package/dist/themes/platform.js CHANGED
@@ -9,15 +9,12 @@ import { coreTheme } from './core';
9
9
 
10
10
  export const platformTheme = createTheme(coreTheme).addColors(platformPalette).addColorModes('dark', {
11
11
  light: {
12
- background: {
13
- primary: 'blue-0'
14
- },
15
12
  editor: {
16
13
  attribute: 'green-700',
17
14
  annotation: 'red-500',
18
15
  atom: 'pink-800',
19
16
  basic: 'navy-800',
20
- comment: 'navy-500',
17
+ comment: 'navy-300',
21
18
  constant: 'orange-800',
22
19
  decoration: 'red-500',
23
20
  invalid: 'red-500',
@@ -36,40 +33,40 @@ export const platformTheme = createTheme(coreTheme).addColors(platformPalette).a
36
33
  ui: {
37
34
  background: 'white',
38
35
  text: 'navy-800',
39
- 'indent-active': 'navy-300',
40
- 'indent-inactive': 'navy-400',
41
- 'line-number': 'navy-500'
36
+ 'indent-active': 'navy-900',
37
+ 'indent-inactive': 'navy-600',
38
+ 'line-number': 'navy-300'
42
39
  }
43
40
  }
44
41
  },
45
42
  dark: {
46
43
  editor: {
47
44
  attribute: 'green-400',
48
- annotation: 'red-300',
45
+ annotation: 'red-0',
49
46
  atom: 'pink-400',
50
47
  basic: 'white',
51
- comment: 'white-500',
48
+ comment: 'gray-600',
52
49
  constant: 'orange-500',
53
- decoration: 'red-300',
54
- invalid: 'red-300',
50
+ decoration: 'red-0',
51
+ invalid: 'red-0',
55
52
  key: 'blue-300',
56
53
  keyword: 'purple-300',
57
- number: 'red-300',
58
- operator: 'red-300',
54
+ number: 'red-0',
55
+ operator: 'red-0',
59
56
  predefined: 'white',
60
- property: 'red-300',
57
+ property: 'red-0',
61
58
  regexp: 'green-400',
62
59
  string: 'yellow-500',
63
- tag: 'red-300',
60
+ tag: 'red-0',
64
61
  text: 'orange-500',
65
62
  value: 'yellow-500',
66
63
  variable: 'green-400',
67
64
  ui: {
68
65
  background: 'navy-900',
69
66
  text: 'white',
70
- 'indent-active': 'white-300',
71
- 'indent-inactive': 'white-400',
72
- 'line-number': 'white-500'
67
+ 'indent-active': 'gray-900',
68
+ 'indent-inactive': 'gray-800',
69
+ 'line-number': 'gray-600'
73
70
  }
74
71
  }
75
72
  }