@heliux-org/ui-style 1.0.38 → 1.0.40

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 (23) hide show
  1. package/dist/{files/colors.json → colors.json} +26 -22
  2. package/dist/index.css +32 -28
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.min.css +1 -1
  5. package/package.json +2 -2
  6. package/src/config/maps/themes/basic/keys/_keys.scss +6 -5
  7. package/src/config/maps/themes/basic/keys/legacy/_legacy-keys.scss +2 -2
  8. package/src/config/maps/themes/black/keys/_black-theme-keys.scss +6 -5
  9. package/src/config/maps/themes/black/keys/legacy/_black-theme-legacy-keys.scss +2 -2
  10. package/src/config/maps/themes/dark/keys/_dark-theme-keys.scss +6 -5
  11. package/src/config/maps/themes/dark/keys/legacy/_dark-theme-legacy-keys.scss +2 -2
  12. package/src/config/maps/themes/hacker/keys/_hacker-theme-keys.scss +6 -5
  13. package/src/config/maps/themes/hacker/keys/legacy/_hacker-theme-legacy-keys.scss +2 -2
  14. package/src/config/tokens/themes/basic/keys/_keys.scss +6 -5
  15. package/src/config/tokens/themes/basic/keys/legacy/_legacy-keys.scss +2 -2
  16. package/src/config/tokens/themes/black/keys/_black-theme-keys.scss +6 -5
  17. package/src/config/tokens/themes/black/keys/legacy/_black-theme-legacy-keys.scss +2 -2
  18. package/src/config/tokens/themes/dark/keys/_dark-theme-keys.scss +6 -5
  19. package/src/config/tokens/themes/dark/keys/legacy/_dark-theme-legacy-keys.scss +2 -2
  20. package/src/config/tokens/themes/hacker/keys/_hacker-theme-keys.scss +6 -5
  21. package/src/config/tokens/themes/hacker/keys/legacy/hacker-theme-legacy-keys.scss +2 -2
  22. package/src/files/colors.json +26 -22
  23. package/src/utilities/_utilities-maps.scss +4 -4
package/dist/{files/colors.json → colors.json} RENAMED
@@ -35,11 +35,12 @@
35
35
  "link-color": "#1f76c2",
36
36
  "fixed-light-color": "#ffffff",
37
37
  "fixed-dark-color": "#323338",
38
- "surface-primary": "#ffffff",
39
- "surface-primary-hover": "#dcdfec",
40
- "surface-secondary": "#ffffff",
41
- "surface-tertiary": "#f6f7fb",
42
- "surface-quaternary": "#f6f7fb",
38
+ "surface-level-050": "#ffffff",
39
+ "surface-level-100": "#ffffff",
40
+ "surface-level-100-hover": "#dcdfec",
41
+ "surface-level-200": "#ffffff",
42
+ "surface-level-300": "#f6f7fb",
43
+ "surface-level-400": "#f6f7fb",
43
44
  "surface-inverse": "#323338",
44
45
  "surface-success": "#359970",
45
46
  "surface-warning": "#ffd533",
@@ -192,11 +193,12 @@
192
193
  "link-color": "#69a7ef",
193
194
  "fixed-light-color": "#ffffff",
194
195
  "fixed-dark-color": "#323338",
195
- "surface-primary": "#181b34",
196
- "surface-primary-hover": "#4b4e69",
197
- "surface-secondary": "#30324e",
198
- "surface-tertiary": "#181b34",
199
- "surface-quaternary": "#30324e",
196
+ "surface-level-050": "#ffffff",
197
+ "surface-level-100": "#181b34",
198
+ "surface-level-100-hover": "#4b4e69",
199
+ "surface-level-200": "#30324e",
200
+ "surface-level-300": "#181b34",
201
+ "surface-level-400": "#30324e",
200
202
  "surface-inverse": "#ffffff",
201
203
  "surface-success": "#359970",
202
204
  "surface-warning": "#ffd533",
@@ -349,11 +351,12 @@
349
351
  "link-color": "#69a7ef",
350
352
  "fixed-light-color": "#ffffff",
351
353
  "fixed-dark-color": "#111111",
352
- "surface-primary": "#111111",
353
- "surface-primary-hover": "#636363",
354
- "surface-secondary": "#2c2c2c",
355
- "surface-tertiary": "#111111",
356
- "surface-quaternary": "#2c2c2c",
354
+ "surface-level-050": "#ffffff",
355
+ "surface-level-100": "#111111",
356
+ "surface-level-100-hover": "#636363",
357
+ "surface-level-200": "#2c2c2c",
358
+ "surface-level-300": "#111111",
359
+ "surface-level-400": "#2c2c2c",
357
360
  "surface-inverse": "#eeeeee",
358
361
  "surface-success": "#359970",
359
362
  "surface-warning": "#ffd533",
@@ -504,12 +507,13 @@
504
507
  "primary-text-on-secondary-color": "#d5d8df",
505
508
  "fixed-light-color": "#ffffff",
506
509
  "fixed-dark-color": "#323338",
507
- "surface-primary": "#282a36",
508
- "surface-primary-rgb": "#282a36",
509
- "surface-primary-hover": "#4b4e69",
510
+ "surface-level-050": "#ffffff",
511
+ "surface-level-100": "#282a36",
512
+ "surface-level-100-rgb": "#282a36",
513
+ "surface-level-100-hover": "#4b4e69",
510
514
  "primary-background-hover-on-secondary-color": "#4b4e69",
511
- "surface-tertiary": "#282a36",
512
- "surface-quaternary": "#282a36",
515
+ "surface-level-300": "#282a36",
516
+ "surface-level-400": "#282a36",
513
517
  "surface-inverse": "#ffffff",
514
518
  "surface-success": "#359970",
515
519
  "surface-warning": "#ffd533",
@@ -539,8 +543,8 @@
539
543
  "disabled-background-on-secondary-color": "#3a3a3a",
540
544
  "dark-background-color": "#303241",
541
545
  "dark-background-on-secondary-color": "#595959",
542
- "surface-secondary": "#30324e",
543
- "surface-secondary-rgb": "#30324e",
546
+ "surface-level-200": "#30324e",
547
+ "surface-level-200-rgb": "#30324e",
544
548
  "dialog-background-color": "#30324e",
545
549
  "label-background-color": "#404b69",
546
550
  "label-background-on-secondary-color": "#404b69",
package/dist/index.css CHANGED
@@ -285,11 +285,12 @@
285
285
  --link-color: #375d81;
286
286
  --fixed-light-color: #FFFFFF;
287
287
  --fixed-dark-color: #000000;
288
- --surface-primary: #FFFFFF;
289
- --surface-primary-hover: #f8f8f8;
290
- --surface-secondary: #f8f8f8;
291
- --surface-tertiary: #e9e9e9;
292
- --surface-quaternary: #d1d1d1;
288
+ --surface-level-050: #f8f8f8;
289
+ --surface-level-100: #FFFFFF;
290
+ --surface-level-100-hover: #f8f8f8;
291
+ --surface-level-200: #f8f8f8;
292
+ --surface-level-300: #e9e9e9;
293
+ --surface-level-400: #d1d1d1;
293
294
  --surface-inverse: #000000;
294
295
  --surface-success: #f0f7f5;
295
296
  --surface-alert: #f9ebeb;
@@ -566,10 +567,10 @@
566
567
  --link-on-secondary-color: #1f76c2;
567
568
  --label-background-color: #cce5ff;
568
569
  --label-background-on-secondary-color: #cce5ff;
569
- --surface-primary-rgb: 255, 255, 255;
570
+ --surface-level-100-rgb: 255, 255, 255;
570
571
  --primary-background-hover-on-secondary-color: #dcdfec;
571
572
  --modal-background-color: #ffffff;
572
- --surface-secondary-rgb: 255, 255, 255;
573
+ --surface-level-200-rgb: 255, 255, 255;
573
574
  --disabled-background-on-secondary-color: #ecedf5;
574
575
  --disabled-text-on-secondary-color: rgba(33, 33, 33, var(--disabled-component-opacity));
575
576
  --ui-border-on-secondary-color: #c3c6d4;
@@ -597,11 +598,12 @@
597
598
  --link-color: #91a9c0;
598
599
  --fixed-light-color: #FFFFFF;
599
600
  --fixed-dark-color: #000000;
600
- --surface-primary: #0d1d2d;
601
- --surface-primary-hover: rgba(13, 29, 45, 0.3);
602
- --surface-secondary: #152d44;
603
- --surface-tertiary: #1f3d59;
604
- --surface-quaternary: #2b4d6e;
601
+ --surface-level-050: #152d44;
602
+ --surface-level-100: #0d1d2d;
603
+ --surface-level-100-hover: rgba(13, 29, 45, 0.3);
604
+ --surface-level-200: #07121e;
605
+ --surface-level-300: #1f3d59;
606
+ --surface-level-400: #2b4d6e;
605
607
  --surface-inverse: #f2f5f8;
606
608
  --surface-success: #003524;
607
609
  --surface-alert: #560000;
@@ -796,9 +798,9 @@
796
798
  --surface-selected-rgb: 19, 55, 116;
797
799
  --primary-selected-on-secondary-color: #133774;
798
800
  --primary-text-on-secondary-color: #d5d8df;
799
- --surface-primary-rgb: 24, 27, 52;
801
+ --surface-level-100-rgb: 24, 27, 52;
800
802
  --primary-background-hover-on-secondary-color: #4b4e69;
801
- --surface-secondary-rgb: 48, 50, 78;
803
+ --surface-level-200-rgb: 48, 50, 78;
802
804
  --text-tertiary: #5c5c5c;
803
805
  --link-on-secondary-color: #69a7ef;
804
806
  --modal-background-color: #181b34;
@@ -834,11 +836,12 @@
834
836
  --link-color: #91a9c0;
835
837
  --fixed-light-color: #FFFFFF;
836
838
  --fixed-dark-color: #000000;
837
- --surface-primary: #212121;
838
- --surface-primary-hover: rgba(33, 33, 33, 0.3);
839
- --surface-secondary: #3a3a3a;
840
- --surface-tertiary: #5c5c5c;
841
- --surface-quaternary: #757575;
839
+ --surface-level-050: #3a3a3a;
840
+ --surface-level-100: #212121;
841
+ --surface-level-100-hover: rgba(33, 33, 33, 0.3);
842
+ --surface-level-200: #111111;
843
+ --surface-level-300: #5c5c5c;
844
+ --surface-level-400: #757575;
842
845
  --surface-inverse: #FFFFFF;
843
846
  --surface-success: #003524;
844
847
  --surface-alert: #560000;
@@ -1033,9 +1036,9 @@
1033
1036
  --surface-selected-rgb: 19, 55, 116;
1034
1037
  --primary-selected-on-secondary-color: #133774;
1035
1038
  --primary-text-on-secondary-color: #eeeeee;
1036
- --surface-primary-rgb: 17, 17, 17;
1039
+ --surface-level-100-rgb: 17, 17, 17;
1037
1040
  --primary-background-hover-on-secondary-color: #636363;
1038
- --surface-secondary-rgb: 44, 44, 44;
1041
+ --surface-level-200-rgb: 44, 44, 44;
1039
1042
  --text-tertiary: #5c5c5c;
1040
1043
  --link-on-secondary-color: #69a7ef;
1041
1044
  --modal-background-color: #181b34;
@@ -1069,11 +1072,12 @@
1069
1072
  --link-color: #ace48a;
1070
1073
  --fixed-light-color: #FFFFFF;
1071
1074
  --fixed-dark-color: #000000;
1072
- --surface-primary: #111111;
1073
- --surface-primary-hover: rgba(17, 17, 17, 0.3);
1074
- --surface-secondary: #000000;
1075
- --surface-tertiary: #000000;
1076
- --surface-quaternary: #000000;
1075
+ --surface-level-050: #212121;
1076
+ --surface-level-100: #111111;
1077
+ --surface-level-100-hover: rgba(17, 17, 17, 0.3);
1078
+ --surface-level-200: #000000;
1079
+ --surface-level-300: #000000;
1080
+ --surface-level-400: #000000;
1077
1081
  --surface-inverse: #FFFFFF;
1078
1082
  --surface-success: #003524;
1079
1083
  --surface-alert: #560000;
@@ -1269,9 +1273,9 @@
1269
1273
  --surface-selected-rgb: 159, 64, 119;
1270
1274
  --primary-selected-on-secondary-color: #9f4077;
1271
1275
  --primary-text-on-secondary-color: #d5d8df;
1272
- --surface-primary-rgb: 40, 42, 54;
1276
+ --surface-level-100-rgb: 40, 42, 54;
1273
1277
  --primary-background-hover-on-secondary-color: #4b4e69;
1274
- --surface-secondary-rgb: 48, 50, 78;
1278
+ --surface-level-200-rgb: 48, 50, 78;
1275
1279
  --text-tertiary: #5c5c5c;
1276
1280
  --link-on-secondary-color: #bd93f9;
1277
1281
  --modal-background-color: #282a36;
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../src/internal-mixins/_utilities.scss","../src/_core.scss","../src/internal-mixins/_generate-custom-properties.scss","../src/Themes/_basic-theme.scss","../src/Themes/basic/_content-colors.scss","../src/Themes/_dark-theme.scss","../src/Themes/dark/_dark-theme-content-colors.scss","../src/Themes/_black-theme.scss","../src/Themes/black/_black-theme-content-colors.scss","../src/Themes/_hacker-theme.scss","../src/Themes/hacker/_hacker-theme-content-colors.scss"],"names":[],"mappings":"AAMA;AAqEA;AClEA;ECAI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACAJ;AAAA;AAAA;EDAI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EEPJ;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;AD9NE;;AAAA;;AAAA;AAAA;;AAAA;EDNE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AGDJ;EHCI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EIPF;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAIA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;ADlOA;;AAAA;;AAAA;AAAA;;AAAA;EHHE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AKDJ;ELCI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EMPF;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAIA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;ADlOA;;AAAA;;AAAA;AAAA;;AAAA;ELHE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AODJ;EPCI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EQPF;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAIA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;ADlOA;;AAAA;;AAAA;AAAA;;AAAA;EPHE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../src/internal-mixins/_utilities.scss","../src/_core.scss","../src/internal-mixins/_generate-custom-properties.scss","../src/Themes/_basic-theme.scss","../src/Themes/basic/_content-colors.scss","../src/Themes/_dark-theme.scss","../src/Themes/dark/_dark-theme-content-colors.scss","../src/Themes/_black-theme.scss","../src/Themes/black/_black-theme-content-colors.scss","../src/Themes/_hacker-theme.scss","../src/Themes/hacker/_hacker-theme-content-colors.scss"],"names":[],"mappings":"AAMA;AAqEA;AClEA;ECAI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACAJ;AAAA;AAAA;EDAI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EEPJ;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;AD9NE;;AAAA;;AAAA;AAAA;;AAAA;EDNE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AGDJ;EHCI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EIPF;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAIA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;ADlOA;;AAAA;;AAAA;AAAA;;AAAA;EHHE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AKDJ;ELCI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EMPF;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAIA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;ADlOA;;AAAA;;AAAA;AAAA;;AAAA;ELHE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AODJ;EPCI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EQPF;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAIA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;ADlOA;;AAAA;;AAAA;AAAA;;AAAA;EPHE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}
package/dist/index.min.css CHANGED
@@ -1 +1 @@
1
- :root{--motion-productive-short:70ms;--motion-productive-medium:250ms;--motion-productive-long:400ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 4);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter);--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--border-width:1px;--border-style:solid;--border-radius-small:2px;--border-radius-medium:6px;--border-radius-big:16px;--disabled-component-opacity:0.38;--effect-divider-halo:0 0 0 3px var(--divider-halo);--font-family:Inter,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Inter,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:600;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-h6:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-h6:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-h6:var(--font-weight-bold) var(--font-size-h6)/var(--font-line-height-h6) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:800 52px/60px var(--title-font-family);--font-h1-normal:500 52px/60px var(--title-font-family);--font-h1-light:300 52px/60px var(--title-font-family);--font-h2-bold:800 44px/64px var(--title-font-family);--font-h2-normal:500 44px/64px var(--title-font-family);--font-h2-light:300 44px/64px var(--title-font-family);--font-h3-bold:800 32px/44px var(--title-font-family);--font-h3-normal:500 32px/44px var(--title-font-family);--font-h3-light:300 32px/44px var(--title-font-family);--font-h4-bold:800 22px/34px var(--title-font-family);--font-h4-normal:500 22px/34px var(--title-font-family);--font-h4-light:300 22px/34px var(--title-font-family);--font-h5-bold:700 18px/24px var(--title-font-family);--font-h5-normal:500 18px/24px var(--title-font-family);--font-h5-light:300 18px/24px var(--title-font-family);--font-h6-bold:700 14px/18px var(--title-font-family);--font-h6-normal:500 14px/18px var(--title-font-family);--font-h6-light:300 14px/18px var(--title-font-family);--font-text1-bold:700 14px/24px var(--font-family);--font-text1-medium:600 14px/24px var(--font-family);--font-text1-normal:400 14px/24px var(--font-family);--font-text2-bold:700 12px/18px var(--font-family);--font-text2-medium:600 12px/18px var(--font-family);--font-text2-normal:400 12px/18px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px;--letter-spacing-h4-bold:-0.1px;--letter-spacing-h4-normal:-0.1px;--letter-spacing-h4-light:-0.1px;--letter-spacing-h5-bold:-0.1px;--letter-spacing-h5-normal:-0.1px;--letter-spacing-h5-light:-0.1px;--letter-spacing-h6-bold:-0.1px;--letter-spacing-h6-normal:-0.1px;--letter-spacing-h6-light:-0.1px}.default-app-theme,.light-app-theme,:root{--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-teal-lightstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--color-white:#FFFFFF;--color-black:#000000;--color-sand-100:#F3F1E9;--color-sand-200:#E6E4D4;--color-sand-300:#D3D0B2;--color-sand-400:#BFBB8E;--color-sand-500:#9E9A61;--color-sand-600:#858251;--color-sand-700:#6C6A42;--color-sand-800:#525232;--color-sand-900:#393923;--color-sand-950:#1F2013;--color-obsidian-100:#EFEFF0;--color-obsidian-200:#DCDCE2;--color-obsidian-300:#C9C9D2;--color-obsidian-400:#A8A8B6;--color-obsidian-500:#9292A5;--color-obsidian-600:#7B7B8E;--color-obsidian-700:#686779;--color-obsidian-800:#494857;--color-obsidian-900:#2D2D3A;--color-obsidian-950:#19191E;--color-solar-flare-100:#ffdfe3;--color-solar-flare-200:#ffadb7;--color-solar-flare-300:#ff697b;--color-solar-flare-400:#ff3a52;--color-solar-flare-500:#ff0020;--color-solar-flare-600:#de001c;--color-solar-flare-700:#bb0018;--color-solar-flare-800:#8b0012;--color-solar-flare-900:#60000c;--color-solar-flare-950:#3c0008;--color-gray-100:#f8f8f8;--color-gray-200:#e9e9e9;--color-gray-300:#d1d1d1;--color-gray-400:#b5b5b5;--color-gray-500:#8e8e8e;--color-gray-600:#757575;--color-gray-700:#5c5c5c;--color-gray-800:#3a3a3a;--color-gray-900:#212121;--color-gray-950:#111111;--color-yellow-100:#fffbf2;--color-yellow-200:#ffedca;--color-yellow-300:#ffd993;--color-yellow-400:#ffc769;--color-yellow-500:#ffb444;--color-yellow-600:#cf9330;--color-yellow-700:#9e721f;--color-yellow-800:#6e5011;--color-yellow-900:#3d2d07;--color-yellow-950:#281d04;--color-orange-100:#FCF6F3;--color-orange-200:#FEDBC9;--color-orange-300:#F8B897;--color-orange-400:#F29261;--color-orange-500:#E17037;--color-orange-600:#C9571D;--color-orange-700:#A34110;--color-orange-800:#80320A;--color-orange-900:#572004;--color-orange-950:#351302;--color-lime-100:#f2fced;--color-lime-200:#cff1ba;--color-lime-300:#ace48a;--color-lime-400:#8ad35d;--color-lime-500:#68bf33;--color-lime-600:#54a324;--color-lime-700:#418518;--color-lime-800:#2f650e;--color-lime-900:#1d4207;--color-lime-950:#132e02;--color-green-100:#f0f7f5;--color-green-200:#b4d8cc;--color-green-300:#78b6a3;--color-green-400:#3e9178;--color-green-500:#076b4d;--color-green-600:#025b40;--color-green-700:#004932;--color-green-800:#003524;--color-green-900:#001f14;--color-green-950:#00170f;--color-teal-100:#eff8fb;--color-teal-200:#c2e5ed;--color-teal-300:#97cfdc;--color-teal-400:#6eb8c9;--color-teal-500:#48a0b4;--color-teal-600:#378799;--color-teal-700:#286c7c;--color-teal-800:#1b515d;--color-teal-900:#0f343d;--color-teal-950:#061f25;--color-steel-100:#f2f5f8;--color-steel-200:#c1cfdd;--color-steel-300:#91a9c0;--color-steel-400:#6383a1;--color-steel-500:#375d81;--color-steel-600:#2b4d6e;--color-steel-700:#1f3d59;--color-steel-800:#152d44;--color-steel-900:#0d1d2d;--color-steel-950:#07121e;--color-pink-100:#fbeefc;--color-pink-200:#efbff0;--color-pink-300:#e093e1;--color-pink-400:#ce69d0;--color-pink-500:#ba42bc;--color-pink-600:#9e31a0;--color-pink-700:#812382;--color-pink-800:#611762;--color-pink-900:#3f0d40;--color-pink-950:#250526;--color-red-100:#f9ebeb;--color-red-200:#e4b0b0;--color-red-300:#cc7775;--color-red-400:#b1423c;--color-red-500:#930f08;--color-red-600:#810701;--color-red-700:#6d0200;--color-red-800:#560000;--color-red-900:#3d0000;--color-red-950:#260000;--color-purple-100:#f3ebf9;--color-purple-200:#ab7cd0;--color-purple-300:#ab7cd0;--color-purple-400:#8749b8;--color-purple-500:#62199c;--color-purple-600:#531088;--color-purple-700:#41086e;--color-purple-800:#300353;--color-purple-900:#1e0037;--color-purple-950:#130023;--primary-color:#375d81;--primary-hover-color:#152d44;--surface-selected:#f2f5f8;--primary-selected-hover-color:#07121e;--primary-highlighted-color:#c1cfdd;--text-primary:#212121;--text-secondary:#8e8e8e;--text-tertiary:#d1d1d1;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#FFFFFF;--placeholder-color:#8e8e8e;--icon-primary:#212121;--link-color:#375d81;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#FFFFFF;--surface-primary-hover:#f8f8f8;--surface-secondary:#f8f8f8;--surface-tertiary:#e9e9e9;--surface-quaternary:#d1d1d1;--surface-inverse:#000000;--surface-success:#f0f7f5;--surface-alert:#f9ebeb;--surface-warning:#fffbf2;--surface-overlay:rgba(142, 142, 142, 0.2);--disabled-background-color:#ecedf5;--disabled-text-color:rgba(33, 33, 33, var(--disabled-component-opacity));--positive-color:#3e9178;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#004932;--positive-color-background:#b4d8cc;--negative-color:#b1423c;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#6d0200;--negative-color-background:#e4b0b0;--divider-primary:#e9e9e9;--divider-secondary:#d1d1d1;--divider-overlay:rgba(33, 33, 33, 0.1);--divider-halo:#c1cfdd;--divider-selected:#375d81;--warning-color:#ffc769;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#9e721f;--warning-color-background:#ffedca;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#f2f5f8;--brand-selected-hover-color:#07121e;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px rgba(33, 33, 33, 0.1);--box-shadow-small:0px 4px 8px rgba(33, 33, 33, 0.2);--box-shadow-medium:0px 6px 20px rgba(33, 33, 33, 0.2);--box-shadow-large:0px 15px 50px rgba(33, 33, 33, 0.3);--shadow-color:#212121;--color-green-dark:var(--color-green-300);--color-green-dark-hover:var(--color-green-600);--color-green-dark-selected:var(--color-green-400);--color-green-med:var(--color-green-200);--color-green-med-hover:var(--color-green-300);--color-green-med-selected:var(--color-green-300);--color-green-med-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-green-light:var(--color-green-100);--color-green-light-hover:var(--color-green-400);--color-green-light-selected:var(--color-green-200);--color-yellow-dark:var(--color-yellow-300);--color-yellow-dark-hover:var(--color-yellow-600);--color-yellow-dark-selected:var(--color-yellow-400);--color-yellow-dark-rgb:255,213,51;--color-yellow-med:var(--color-yellow-200);--color-yellow-med-hover:var(--color-yellow-300);--color-yellow-med-selected:var(--color-yellow-300);--color-yellow-light:var(--color-yellow-100);--color-yellow-light-hover:var(--color-yellow-400);--color-yellow-light-selected:var(--color-yellow-200);--color-red-dark:var(--color-red-300);--color-red-dark-hover:var(--color-red-600);--color-red-dark-selected:var(--color-red-400);--color-red-med:var(--color-red-200);--color-red-med-hover:var(--color-red-300);--color-red-med-selected:var(--color-red-300);--color-red-med-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-red-light:var(--color-red-100);--color-red-light-hover:var(--color-red-400);--color-red-light-selected:var(--color-red-200);--color-solar-flare-dark:var(--color-solar-flare-300);--color-solar-flare-dark-hover:var(--color-solar-flare-600);--color-solar-flare-dark-selected:var(--color-solar-flare-400);--color-solar-flare-med:var(--color-solar-flare-200);--color-solar-flare-med-hover:var(--color-solar-flare-300);--color-solar-flare-med-selected:var(--color-solar-flare-300);--color-solar-flare-light:var(--color-solar-flare-100);--color-solar-flare-light-hover:var(--color-solar-flare-400);--color-solar-flare-light-selected:var(--color-solar-flare-200);--color-purple-dark:var(--color-purple-300);--color-purple-dark-hover:var(--color-purple-600);--color-purple-dark-selected:var(--color-purple-400);--color-purple-med:var(--color-purple-200);--color-purple-med-hover:var(--color-purple-300);--color-purple-med-selected:var(--color-purple-300);--color-purple-light:var(--color-purple-100);--color-purple-light-hover:var(--color-purple-400);--color-purple-light-selected:var(--color-purple-200);--color-pink-dark:var(--color-pink-300);--color-pink-dark-hover:var(--color-pink-600);--color-pink-dark-selected:var(--color-pink-400);--color-pink-med:var(--color-pink-200);--color-pink-med-hover:var(--color-pink-300);--color-pink-med-selected:var(--color-pink-300);--color-pink-light:var(--color-pink-100);--color-pink-light-hover:var(--color-pink-400);--color-pink-light-selected:var(--color-pink-200);--color-steel-dark:var(--color-steel-300);--color-steel-dark-hover:var(--color-steel-600);--color-steel-dark-selected:var(--color-steel-400);--color-steel-med:var(--color-steel-200);--color-steel-med-hover:var(--color-steel-300);--color-steel-med-selected:var(--color-steel-300);--color-steel-light:var(--color-steel-100);--color-steel-light-hover:var(--color-steel-400);--color-steel-light-selected:var(--color-steel-200);--color-teal-dark:var(--color-teal-300);--color-teal-dark-hover:var(--color-teal-600);--color-teal-dark-selected:var(--color-teal-400);--color-teal-med:var(--color-teal-200);--color-teal-med-hover:var(--color-teal-300);--color-teal-med-selected:var(--color-teal-300);--color-teal-light:var(--color-teal-100);--color-teal-light-hover:var(--color-teal-400);--color-teal-light-selected:var(--color-teal-200);--color-lime-dark:var(--color-lime-300);--color-lime-dark-hover:var(--color-lime-600);--color-lime-dark-selected:var(--color-lime-400);--color-lime-med:var(--color-lime-200);--color-lime-med-hover:var(--color-lime-300);--color-lime-med-selected:var(--color-lime-300);--color-lime-light:var(--color-lime-100);--color-lime-light-hover:var(--color-lime-400);--color-lime-light-selected:var(--color-lime-200);--color-orange-dark:var(--color-orange-300);--color-orange-dark-hover:var(--color-orange-600);--color-orange-dark-selected:var(--color-orange-400);--color-orange-med:var(--color-orange-200);--color-orange-med-hover:var(--color-orange-300);--color-orange-med-selected:var(--color-orange-300);--color-orange-light:var(--color-orange-100);--color-orange-light-hover:var(--color-orange-400);--color-orange-light-selected:var(--color-orange-200);--color-gray-dark:var(--color-gray-300);--color-gray-dark-hover:var(--color-gray-600);--color-gray-dark-selected:var(--color-gray-400);--color-gray-med:var(--color-gray-200);--color-gray-med-hover:var(--color-gray-300);--color-gray-med-selected:var(--color-gray-300);--color-gray-light:var(--color-gray-100);--color-gray-light-hover:var(--color-gray-400);--color-gray-light-selected:var(--color-gray-200);--color-obsidian-dark:var(--color-obsidian-300);--color-obsidian-dark-hover:var(--color-obsidian-600);--color-obsidian-dark-selected:var(--color-obsidian-400);--color-obsidian-med:var(--color-obsidian-200);--color-obsidian-med-hover:var(--color-obsidian-300);--color-obsidian-med-selected:var(--color-obsidian-300);--color-obsidian-light:var(--color-obsidian-100);--color-obsidian-light-hover:var(--color-obsidian-400);--color-obsidian-light-selected:var(--color-obsidian-200);--color-sand-dark:var(--color-sand-300);--color-sand-dark-hover:var(--color-sand-600);--color-sand-dark-selected:var(--color-sand-400);--color-sand-med:var(--color-sand-200);--color-sand-med-hover:var(--color-sand-300);--color-sand-med-selected:var(--color-sand-300);--color-sand-light:var(--color-sand-100);--color-sand-light-hover:var(--color-sand-400);--color-sand-light-selected:var(--color-sand-200);--color-sky:var(--color-steel-700);--color-sky-hover:var(--color-red-900);--color-sky-selected:var(--color-red-600);--color-coffee:var(--color-red-700);--color-coffee-hover:var(--color-red-800);--color-coffee-selected:var(--color-red-600);--color-royal:var(--color-teal-600);--color-royal-hover:var(--color-red-800);--color-royal-selected:var(--color-red-600);--color-teal:var(--color-red-700);--color-teal-hover:var(--color-red-800);--color-teal-selected:var(--color-red-600);--color-lavender:var(--color-red-700);--color-lavender-hover:var(--color-red-800);--color-lavender-selected:var(--color-red-600);--color-steel:var(--color-red-600);--color-steel-hover:var(--color-red-800);--color-steel-selected:var(--color-red-600);--color-lilac:var(--color-red-700);--color-lilac-hover:var(--color-red-800);--color-lilac-selected:var(--color-red-600);--color-pecan:var(--color-red-700);--color-pecan-hover:var(--color-red-800);--color-pecan-selected:var(--color-red-600);--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#808080;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff158a;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#a25ddc;--color-dark-purple:#784bd1;--color-blue_links:#0086c0;--color-blue-links:#0086c0;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#e2445c;--color-red-shadow:#e2445c;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--text-tertiary:#d1d1d1;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--surface-primary-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--surface-secondary-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(33, 33, 33, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d1d1d1;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(33, 33, 33, 0.2)}.dark-app-theme{--primary-color:#375d81;--primary-on-secondary-color:#0073ea;--primary-hover-color:#152d44;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#323338;--placeholder-color:#c3c6d4;--icon-primary:#c3c6d4;--link-color:#91a9c0;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#0d1d2d;--surface-primary-hover:rgba(13, 29, 45, 0.3);--surface-secondary:#152d44;--surface-tertiary:#1f3d59;--surface-quaternary:#2b4d6e;--surface-inverse:#f2f5f8;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--surface-overlay:rgba(21, 45, 68, 0.3);--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3c3f59;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--positive-color-background:#004932;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--negative-color-background:#6d0200;--divider-primary:#1f3d59;--divider-secondary:#2b4d6e;--divider-overlay:rgba(242, 245, 248, 0.1);--divider-halo:#2b4d6e;--divider-selected:#91a9c0;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--warning-color-background:#9e721f;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px rgba(7, 18, 30, 0.5);--box-shadow-small:0px 4px 8px rgba(7, 18, 30, 0.5);--box-shadow-medium:0px 6px 20px rgba(7, 18, 30, 0.5);--box-shadow-large:0px 15px 50px rgba(7, 18, 30, 0.5);--shadow-color:#07121e;--color-green-dark:var(--color-green-900);--color-green-dark-hover:var(--color-green-900);--color-green-dark-selected:var(--color-green-700);--color-green-med:var(--color-green-700);--color-green-med-hover:var(--color-green-800);--color-green-med-selected:var(--color-green-600);--color-green-med-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-green-light:var(--color-green-600);--color-green-light-hover:var(--color-green-700);--color-green-light-selected:var(--color-green-600);--color-yellow-dark:var(--color-yellow-900);--color-yellow-dark-hover:var(--color-yellow-900);--color-yellow-dark-selected:var(--color-yellow-700);--color-yellow-dark-rgb:255,213,51;--color-yellow-med:var(--color-yellow-700);--color-yellow-med-hover:var(--color-yellow-800);--color-yellow-med-selected:var(--color-yellow-600);--color-yellow-light:var(--color-yellow-600);--color-yellow-light-hover:var(--color-yellow-700);--color-yellow-light-selected:var(--color-yellow-600);--color-red-dark:var(--color-red-900);--color-red-dark-hover:var(--color-red-900);--color-red-dark-selected:var(--color-red-700);--color-red-med:var(--color-red-700);--color-red-med-hover:var(--color-red-800);--color-red-med-selected:var(--color-red-600);--color-red-med-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-red-light:var(--color-red-600);--color-red-light-hover:var(--color-red-700);--color-red-light-selected:var(--color-red-600);--color-solar-flare-dark:var(--color-solar-flare-900);--color-solar-flare-dark-hover:var(--color-solar-flare-900);--color-solar-flare-dark-selected:var(--color-solar-flare-700);--color-solar-flare-med:var(--color-solar-flare-700);--color-solar-flare-med-hover:var(--color-solar-flare-800);--color-solar-flare-med-selected:var(--color-solar-flare-600);--color-solar-flare-light:var(--color-solar-flare-600);--color-solar-flare-light-hover:var(--color-solar-flare-700);--color-solar-flare-light-selected:var(--color-solar-flare-600);--color-purple-dark:var(--color-purple-900);--color-purple-dark-hover:var(--color-purple-900);--color-purple-dark-selected:var(--color-purple-700);--color-purple-med:var(--color-purple-700);--color-purple-med-hover:var(--color-purple-800);--color-purple-med-selected:var(--color-purple-600);--color-purple-light:var(--color-purple-600);--color-purple-light-hover:var(--color-purple-700);--color-purple-light-selected:var(--color-purple-600);--color-pink-dark:var(--color-pink-900);--color-pink-dark-hover:var(--color-pink-900);--color-pink-dark-selected:var(--color-pink-700);--color-pink-med:var(--color-pink-700);--color-pink-med-hover:var(--color-pink-800);--color-pink-med-selected:var(--color-pink-600);--color-pink-light:var(--color-pink-600);--color-pink-light-hover:var(--color-pink-700);--color-pink-light-selected:var(--color-pink-600);--color-steel-dark:var(--color-steel-900);--color-steel-dark-hover:var(--color-steel-900);--color-steel-dark-selected:var(--color-steel-700);--color-steel-med:var(--color-steel-700);--color-steel-med-hover:var(--color-steel-800);--color-steel-med-selected:var(--color-steel-600);--color-steel-light:var(--color-steel-600);--color-steel-light-hover:var(--color-steel-700);--color-steel-light-selected:var(--color-steel-600);--color-teal-dark:var(--color-teal-900);--color-teal-dark-hover:var(--color-teal-900);--color-teal-dark-selected:var(--color-teal-700);--color-teal-med:var(--color-teal-700);--color-teal-med-hover:var(--color-teal-800);--color-teal-med-selected:var(--color-teal-600);--color-teal-light:var(--color-teal-600);--color-teal-light-hover:var(--color-teal-700);--color-teal-light-selected:var(--color-teal-600);--color-lime-dark:var(--color-lime-900);--color-lime-dark-hover:var(--color-lime-900);--color-lime-dark-selected:var(--color-lime-700);--color-lime-med:var(--color-lime-700);--color-lime-med-hover:var(--color-lime-800);--color-lime-med-selected:var(--color-lime-600);--color-lime-light:var(--color-lime-600);--color-lime-light-hover:var(--color-lime-700);--color-lime-light-selected:var(--color-lime-600);--color-orange-dark:var(--color-orange-900);--color-orange-dark-hover:var(--color-orange-900);--color-orange-dark-selected:var(--color-orange-700);--color-orange-med:var(--color-orange-700);--color-orange-med-hover:var(--color-orange-800);--color-orange-med-selected:var(--color-orange-600);--color-orange-light:var(--color-orange-600);--color-orange-light-hover:var(--color-orange-700);--color-orange-light-selected:var(--color-orange-600);--color-gray-dark:var(--color-gray-900);--color-gray-dark-hover:var(--color-gray-900);--color-gray-dark-selected:var(--color-gray-700);--color-gray-med:var(--color-gray-700);--color-gray-med-hover:var(--color-gray-800);--color-gray-med-selected:var(--color-gray-600);--color-gray-light:var(--color-gray-600);--color-gray-light-hover:var(--color-gray-700);--color-gray-light-selected:var(--color-gray-600);--color-obsidian-dark:var(--color-obsidian-900);--color-obsidian-dark-hover:var(--color-obsidian-900);--color-obsidian-dark-selected:var(--color-obsidian-700);--color-obsidian-med:var(--color-obsidian-700);--color-obsidian-med-hover:var(--color-obsidian-800);--color-obsidian-med-selected:var(--color-obsidian-600);--color-obsidian-light:var(--color-obsidian-600);--color-obsidian-light-hover:var(--color-obsidian-700);--color-obsidian-light-selected:var(--color-obsidian-600);--color-sand-dark:var(--color-sand-900);--color-sand-dark-hover:var(--color-sand-900);--color-sand-dark-selected:var(--color-sand-700);--color-sand-med:var(--color-sand-700);--color-sand-med-hover:var(--color-sand-800);--color-sand-med-selected:var(--color-sand-600);--color-sand-light:var(--color-sand-600);--color-sand-light-hover:var(--color-sand-700);--color-sand-light-selected:var(--color-sand-600);--color-sky:var(--color-steel-700);--color-sky-hover:var(--color-red-900);--color-sky-selected:var(--color-red-600);--color-coffee:var(--color-red-700);--color-coffee-hover:var(--color-red-800);--color-coffee-selected:var(--color-red-600);--color-royal:var(--color-teal-600);--color-royal-hover:var(--color-red-800);--color-royal-selected:var(--color-red-600);--color-teal:var(--color-red-700);--color-teal-hover:var(--color-red-800);--color-teal-selected:var(--color-red-600);--color-lavender:var(--color-red-700);--color-lavender-hover:var(--color-red-800);--color-lavender-selected:var(--color-red-600);--color-steel:var(--color-red-600);--color-steel-hover:var(--color-red-800);--color-steel-selected:var(--color-red-600);--color-lilac:var(--color-red-700);--color-lilac-hover:var(--color-red-800);--color-lilac-selected:var(--color-red-600);--color-pecan:var(--color-red-700);--color-pecan-hover:var(--color-red-800);--color-pecan-selected:var(--color-red-600);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--surface-primary-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--surface-secondary-rgb:48,50,78;--text-tertiary:#5c5c5c;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(33, 33, 33, 0.2)}.black-app-theme{--primary-color:#375d81;--primary-on-secondary-color:#0073ea;--primary-hover-color:#152d44;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#111111;--placeholder-color:#aaaaaa;--icon-primary:#aaaaaa;--link-color:#91a9c0;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#212121;--surface-primary-hover:rgba(33, 33, 33, 0.3);--surface-secondary:#3a3a3a;--surface-tertiary:#5c5c5c;--surface-quaternary:#757575;--surface-inverse:#FFFFFF;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--surface-overlay:rgba(33, 33, 33, 0.3);--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--positive-color-background:#004932;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--negative-color-background:#6d0200;--divider-primary:#5c5c5c;--divider-secondary:#757575;--divider-overlay:rgba(248, 248, 248, 0.1);--divider-halo:#2b4d6e;--divider-selected:#91a9c0;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--warning-color-background:#9e721f;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--shadow-color:#000000;--color-green-dark:var(--color-green-900);--color-green-dark-hover:var(--color-green-900);--color-green-dark-selected:var(--color-green-700);--color-green-med:var(--color-green-700);--color-green-med-hover:var(--color-green-800);--color-green-med-selected:var(--color-green-600);--color-green-med-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-green-light:var(--color-green-600);--color-green-light-hover:var(--color-green-700);--color-green-light-selected:var(--color-green-600);--color-yellow-dark:var(--color-yellow-900);--color-yellow-dark-hover:var(--color-yellow-900);--color-yellow-dark-selected:var(--color-yellow-700);--color-yellow-dark-rgb:255,213,51;--color-yellow-med:var(--color-yellow-700);--color-yellow-med-hover:var(--color-yellow-800);--color-yellow-med-selected:var(--color-yellow-600);--color-yellow-light:var(--color-yellow-600);--color-yellow-light-hover:var(--color-yellow-700);--color-yellow-light-selected:var(--color-yellow-600);--color-red-dark:var(--color-red-900);--color-red-dark-hover:var(--color-red-900);--color-red-dark-selected:var(--color-red-700);--color-red-med:var(--color-red-700);--color-red-med-hover:var(--color-red-800);--color-red-med-selected:var(--color-red-600);--color-red-med-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-red-light:var(--color-red-600);--color-red-light-hover:var(--color-red-700);--color-red-light-selected:var(--color-red-600);--color-solar-flare-dark:var(--color-solar-flare-900);--color-solar-flare-dark-hover:var(--color-solar-flare-900);--color-solar-flare-dark-selected:var(--color-solar-flare-700);--color-solar-flare-med:var(--color-solar-flare-700);--color-solar-flare-med-hover:var(--color-solar-flare-800);--color-solar-flare-med-selected:var(--color-solar-flare-600);--color-solar-flare-light:var(--color-solar-flare-600);--color-solar-flare-light-hover:var(--color-solar-flare-700);--color-solar-flare-light-selected:var(--color-solar-flare-600);--color-purple-dark:var(--color-purple-900);--color-purple-dark-hover:var(--color-purple-900);--color-purple-dark-selected:var(--color-purple-700);--color-purple-med:var(--color-purple-700);--color-purple-med-hover:var(--color-purple-800);--color-purple-med-selected:var(--color-purple-600);--color-purple-light:var(--color-purple-600);--color-purple-light-hover:var(--color-purple-700);--color-purple-light-selected:var(--color-purple-600);--color-pink-dark:var(--color-pink-900);--color-pink-dark-hover:var(--color-pink-900);--color-pink-dark-selected:var(--color-pink-700);--color-pink-med:var(--color-pink-700);--color-pink-med-hover:var(--color-pink-800);--color-pink-med-selected:var(--color-pink-600);--color-pink-light:var(--color-pink-600);--color-pink-light-hover:var(--color-pink-700);--color-pink-light-selected:var(--color-pink-600);--color-steel-dark:var(--color-steel-900);--color-steel-dark-hover:var(--color-steel-900);--color-steel-dark-selected:var(--color-steel-700);--color-steel-med:var(--color-steel-700);--color-steel-med-hover:var(--color-steel-800);--color-steel-med-selected:var(--color-steel-600);--color-steel-light:var(--color-steel-600);--color-steel-light-hover:var(--color-steel-700);--color-steel-light-selected:var(--color-steel-600);--color-teal-dark:var(--color-teal-900);--color-teal-dark-hover:var(--color-teal-900);--color-teal-dark-selected:var(--color-teal-700);--color-teal-med:var(--color-teal-700);--color-teal-med-hover:var(--color-teal-800);--color-teal-med-selected:var(--color-teal-600);--color-teal-light:var(--color-teal-600);--color-teal-light-hover:var(--color-teal-700);--color-teal-light-selected:var(--color-teal-600);--color-lime-dark:var(--color-lime-900);--color-lime-dark-hover:var(--color-lime-900);--color-lime-dark-selected:var(--color-lime-700);--color-lime-med:var(--color-lime-700);--color-lime-med-hover:var(--color-lime-800);--color-lime-med-selected:var(--color-lime-600);--color-lime-light:var(--color-lime-600);--color-lime-light-hover:var(--color-lime-700);--color-lime-light-selected:var(--color-lime-600);--color-orange-dark:var(--color-orange-900);--color-orange-dark-hover:var(--color-orange-900);--color-orange-dark-selected:var(--color-orange-700);--color-orange-med:var(--color-orange-700);--color-orange-med-hover:var(--color-orange-800);--color-orange-med-selected:var(--color-orange-600);--color-orange-light:var(--color-orange-600);--color-orange-light-hover:var(--color-orange-700);--color-orange-light-selected:var(--color-orange-600);--color-gray-dark:var(--color-gray-900);--color-gray-dark-hover:var(--color-gray-900);--color-gray-dark-selected:var(--color-gray-700);--color-gray-med:var(--color-gray-700);--color-gray-med-hover:var(--color-gray-800);--color-gray-med-selected:var(--color-gray-600);--color-gray-light:var(--color-gray-600);--color-gray-light-hover:var(--color-gray-700);--color-gray-light-selected:var(--color-gray-600);--color-obsidian-dark:var(--color-obsidian-900);--color-obsidian-dark-hover:var(--color-obsidian-900);--color-obsidian-dark-selected:var(--color-obsidian-700);--color-obsidian-med:var(--color-obsidian-700);--color-obsidian-med-hover:var(--color-obsidian-800);--color-obsidian-med-selected:var(--color-obsidian-600);--color-obsidian-light:var(--color-obsidian-600);--color-obsidian-light-hover:var(--color-obsidian-700);--color-obsidian-light-selected:var(--color-obsidian-600);--color-sand-dark:var(--color-sand-900);--color-sand-dark-hover:var(--color-sand-900);--color-sand-dark-selected:var(--color-sand-700);--color-sand-med:var(--color-sand-700);--color-sand-med-hover:var(--color-sand-800);--color-sand-med-selected:var(--color-sand-600);--color-sand-light:var(--color-sand-600);--color-sand-light-hover:var(--color-sand-700);--color-sand-light-selected:var(--color-sand-600);--color-sky:var(--color-steel-700);--color-sky-hover:var(--color-red-900);--color-sky-selected:var(--color-red-600);--color-coffee:var(--color-red-700);--color-coffee-hover:var(--color-red-800);--color-coffee-selected:var(--color-red-600);--color-royal:var(--color-teal-600);--color-royal-hover:var(--color-red-800);--color-royal-selected:var(--color-red-600);--color-teal:var(--color-red-700);--color-teal-hover:var(--color-red-800);--color-teal-selected:var(--color-red-600);--color-lavender:var(--color-red-700);--color-lavender-hover:var(--color-red-800);--color-lavender-selected:var(--color-red-600);--color-steel:var(--color-red-600);--color-steel-hover:var(--color-red-800);--color-steel-selected:var(--color-red-600);--color-lilac:var(--color-red-700);--color-lilac-hover:var(--color-red-800);--color-lilac-selected:var(--color-red-600);--color-pecan:var(--color-red-700);--color-pecan-hover:var(--color-red-800);--color-pecan-selected:var(--color-red-600);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--surface-primary-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--surface-secondary-rgb:44,44,44;--text-tertiary:#5c5c5c;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(33, 33, 33, 0.2)}.hacker-app-theme{--primary-color:#54a324;--primary-hover-color:#fe5ab9;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-inverted:#323338;--placeholder-color:#c3c6d4;--icon-primary:#c3c6d4;--link-color:#ace48a;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#111111;--surface-primary-hover:rgba(17, 17, 17, 0.3);--surface-secondary:#000000;--surface-tertiary:#000000;--surface-quaternary:#000000;--surface-inverse:#FFFFFF;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--surface-overlay:rgba(17, 17, 17, 0.3);--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--positive-color-background:#004932;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--negative-color-background:#6d0200;--divider-primary:#5c5c5c;--divider-secondary:#757575;--divider-overlay:rgba(248, 248, 248, 0.1);--divider-halo:#54a324;--divider-selected:#8ad35d;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--warning-color-background:#9e721f;--brand-color:#54a324;--brand-hover-color:#fe5ab9;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--shadow-color:#000000;--color-green-dark:var(--color-green-900);--color-green-dark-hover:var(--color-green-900);--color-green-dark-selected:var(--color-green-700);--color-green-med:var(--color-green-700);--color-green-med-hover:var(--color-green-800);--color-green-med-selected:var(--color-green-600);--color-green-med-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-green-light:var(--color-green-600);--color-green-light-hover:var(--color-green-700);--color-green-light-selected:var(--color-green-600);--color-yellow-dark:var(--color-yellow-900);--color-yellow-dark-hover:var(--color-yellow-900);--color-yellow-dark-selected:var(--color-yellow-700);--color-yellow-dark-rgb:255,213,51;--color-yellow-med:var(--color-yellow-700);--color-yellow-med-hover:var(--color-yellow-800);--color-yellow-med-selected:var(--color-yellow-600);--color-yellow-light:var(--color-yellow-600);--color-yellow-light-hover:var(--color-yellow-700);--color-yellow-light-selected:var(--color-yellow-600);--color-red-dark:var(--color-red-900);--color-red-dark-hover:var(--color-red-900);--color-red-dark-selected:var(--color-red-700);--color-red-med:var(--color-red-700);--color-red-med-hover:var(--color-red-800);--color-red-med-selected:var(--color-red-600);--color-red-med-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-red-light:var(--color-red-600);--color-red-light-hover:var(--color-red-700);--color-red-light-selected:var(--color-red-600);--color-solar-flare-dark:var(--color-solar-flare-900);--color-solar-flare-dark-hover:var(--color-solar-flare-900);--color-solar-flare-dark-selected:var(--color-solar-flare-700);--color-solar-flare-med:var(--color-solar-flare-700);--color-solar-flare-med-hover:var(--color-solar-flare-800);--color-solar-flare-med-selected:var(--color-solar-flare-600);--color-solar-flare-light:var(--color-solar-flare-600);--color-solar-flare-light-hover:var(--color-solar-flare-700);--color-solar-flare-light-selected:var(--color-solar-flare-600);--color-purple-dark:var(--color-purple-900);--color-purple-dark-hover:var(--color-purple-900);--color-purple-dark-selected:var(--color-purple-700);--color-purple-med:var(--color-purple-700);--color-purple-med-hover:var(--color-purple-800);--color-purple-med-selected:var(--color-purple-600);--color-purple-light:var(--color-purple-600);--color-purple-light-hover:var(--color-purple-700);--color-purple-light-selected:var(--color-purple-600);--color-pink-dark:var(--color-pink-900);--color-pink-dark-hover:var(--color-pink-900);--color-pink-dark-selected:var(--color-pink-700);--color-pink-med:var(--color-pink-700);--color-pink-med-hover:var(--color-pink-800);--color-pink-med-selected:var(--color-pink-600);--color-pink-light:var(--color-pink-600);--color-pink-light-hover:var(--color-pink-700);--color-pink-light-selected:var(--color-pink-600);--color-steel-dark:var(--color-steel-900);--color-steel-dark-hover:var(--color-steel-900);--color-steel-dark-selected:var(--color-steel-700);--color-steel-med:var(--color-steel-700);--color-steel-med-hover:var(--color-steel-800);--color-steel-med-selected:var(--color-steel-600);--color-steel-light:var(--color-steel-600);--color-steel-light-hover:var(--color-steel-700);--color-steel-light-selected:var(--color-steel-600);--color-teal-dark:var(--color-teal-900);--color-teal-dark-hover:var(--color-teal-900);--color-teal-dark-selected:var(--color-teal-700);--color-teal-med:var(--color-teal-700);--color-teal-med-hover:var(--color-teal-800);--color-teal-med-selected:var(--color-teal-600);--color-teal-light:var(--color-teal-600);--color-teal-light-hover:var(--color-teal-700);--color-teal-light-selected:var(--color-teal-600);--color-lime-dark:var(--color-lime-900);--color-lime-dark-hover:var(--color-lime-900);--color-lime-dark-selected:var(--color-lime-700);--color-lime-med:var(--color-lime-700);--color-lime-med-hover:var(--color-lime-800);--color-lime-med-selected:var(--color-lime-600);--color-lime-light:var(--color-lime-600);--color-lime-light-hover:var(--color-lime-700);--color-lime-light-selected:var(--color-lime-600);--color-orange-dark:var(--color-orange-900);--color-orange-dark-hover:var(--color-orange-900);--color-orange-dark-selected:var(--color-orange-700);--color-orange-med:var(--color-orange-700);--color-orange-med-hover:var(--color-orange-800);--color-orange-med-selected:var(--color-orange-600);--color-orange-light:var(--color-orange-600);--color-orange-light-hover:var(--color-orange-700);--color-orange-light-selected:var(--color-orange-600);--color-gray-dark:var(--color-gray-900);--color-gray-dark-hover:var(--color-gray-900);--color-gray-dark-selected:var(--color-gray-700);--color-gray-med:var(--color-gray-700);--color-gray-med-hover:var(--color-gray-800);--color-gray-med-selected:var(--color-gray-600);--color-gray-light:var(--color-gray-600);--color-gray-light-hover:var(--color-gray-700);--color-gray-light-selected:var(--color-gray-600);--color-obsidian-dark:var(--color-obsidian-900);--color-obsidian-dark-hover:var(--color-obsidian-900);--color-obsidian-dark-selected:var(--color-obsidian-700);--color-obsidian-med:var(--color-obsidian-700);--color-obsidian-med-hover:var(--color-obsidian-800);--color-obsidian-med-selected:var(--color-obsidian-600);--color-obsidian-light:var(--color-obsidian-600);--color-obsidian-light-hover:var(--color-obsidian-700);--color-obsidian-light-selected:var(--color-obsidian-600);--color-sand-dark:var(--color-sand-900);--color-sand-dark-hover:var(--color-sand-900);--color-sand-dark-selected:var(--color-sand-700);--color-sand-med:var(--color-sand-700);--color-sand-med-hover:var(--color-sand-800);--color-sand-med-selected:var(--color-sand-600);--color-sand-light:var(--color-sand-600);--color-sand-light-hover:var(--color-sand-700);--color-sand-light-selected:var(--color-sand-600);--color-sky:var(--color-steel-700);--color-sky-hover:var(--color-red-900);--color-sky-selected:var(--color-red-600);--color-coffee:var(--color-red-700);--color-coffee-hover:var(--color-red-800);--color-coffee-selected:var(--color-red-600);--color-royal:var(--color-teal-600);--color-royal-hover:var(--color-red-800);--color-royal-selected:var(--color-red-600);--color-teal:var(--color-red-700);--color-teal-hover:var(--color-red-800);--color-teal-selected:var(--color-red-600);--color-lavender:var(--color-red-700);--color-lavender-hover:var(--color-red-800);--color-lavender-selected:var(--color-red-600);--color-steel:var(--color-red-600);--color-steel-hover:var(--color-red-800);--color-steel-selected:var(--color-red-600);--color-lilac:var(--color-red-700);--color-lilac-hover:var(--color-red-800);--color-lilac-selected:var(--color-red-600);--color-pecan:var(--color-red-700);--color-pecan-hover:var(--color-red-800);--color-pecan-selected:var(--color-red-600);--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--surface-selected-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--surface-primary-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--surface-secondary-rgb:48,50,78;--text-tertiary:#5c5c5c;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(33, 33, 33, 0.2)}
1
+ :root{--motion-productive-short:70ms;--motion-productive-medium:250ms;--motion-productive-long:400ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 4);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter);--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--border-width:1px;--border-style:solid;--border-radius-small:2px;--border-radius-medium:6px;--border-radius-big:16px;--disabled-component-opacity:0.38;--effect-divider-halo:0 0 0 3px var(--divider-halo);--font-family:Inter,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Inter,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:600;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-h6:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-h6:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-h6:var(--font-weight-bold) var(--font-size-h6)/var(--font-line-height-h6) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:800 52px/60px var(--title-font-family);--font-h1-normal:500 52px/60px var(--title-font-family);--font-h1-light:300 52px/60px var(--title-font-family);--font-h2-bold:800 44px/64px var(--title-font-family);--font-h2-normal:500 44px/64px var(--title-font-family);--font-h2-light:300 44px/64px var(--title-font-family);--font-h3-bold:800 32px/44px var(--title-font-family);--font-h3-normal:500 32px/44px var(--title-font-family);--font-h3-light:300 32px/44px var(--title-font-family);--font-h4-bold:800 22px/34px var(--title-font-family);--font-h4-normal:500 22px/34px var(--title-font-family);--font-h4-light:300 22px/34px var(--title-font-family);--font-h5-bold:700 18px/24px var(--title-font-family);--font-h5-normal:500 18px/24px var(--title-font-family);--font-h5-light:300 18px/24px var(--title-font-family);--font-h6-bold:700 14px/18px var(--title-font-family);--font-h6-normal:500 14px/18px var(--title-font-family);--font-h6-light:300 14px/18px var(--title-font-family);--font-text1-bold:700 14px/24px var(--font-family);--font-text1-medium:600 14px/24px var(--font-family);--font-text1-normal:400 14px/24px var(--font-family);--font-text2-bold:700 12px/18px var(--font-family);--font-text2-medium:600 12px/18px var(--font-family);--font-text2-normal:400 12px/18px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px;--letter-spacing-h4-bold:-0.1px;--letter-spacing-h4-normal:-0.1px;--letter-spacing-h4-light:-0.1px;--letter-spacing-h5-bold:-0.1px;--letter-spacing-h5-normal:-0.1px;--letter-spacing-h5-light:-0.1px;--letter-spacing-h6-bold:-0.1px;--letter-spacing-h6-normal:-0.1px;--letter-spacing-h6-light:-0.1px}.default-app-theme,.light-app-theme,:root{--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-teal-lightstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--color-white:#FFFFFF;--color-black:#000000;--color-sand-100:#F3F1E9;--color-sand-200:#E6E4D4;--color-sand-300:#D3D0B2;--color-sand-400:#BFBB8E;--color-sand-500:#9E9A61;--color-sand-600:#858251;--color-sand-700:#6C6A42;--color-sand-800:#525232;--color-sand-900:#393923;--color-sand-950:#1F2013;--color-obsidian-100:#EFEFF0;--color-obsidian-200:#DCDCE2;--color-obsidian-300:#C9C9D2;--color-obsidian-400:#A8A8B6;--color-obsidian-500:#9292A5;--color-obsidian-600:#7B7B8E;--color-obsidian-700:#686779;--color-obsidian-800:#494857;--color-obsidian-900:#2D2D3A;--color-obsidian-950:#19191E;--color-solar-flare-100:#ffdfe3;--color-solar-flare-200:#ffadb7;--color-solar-flare-300:#ff697b;--color-solar-flare-400:#ff3a52;--color-solar-flare-500:#ff0020;--color-solar-flare-600:#de001c;--color-solar-flare-700:#bb0018;--color-solar-flare-800:#8b0012;--color-solar-flare-900:#60000c;--color-solar-flare-950:#3c0008;--color-gray-100:#f8f8f8;--color-gray-200:#e9e9e9;--color-gray-300:#d1d1d1;--color-gray-400:#b5b5b5;--color-gray-500:#8e8e8e;--color-gray-600:#757575;--color-gray-700:#5c5c5c;--color-gray-800:#3a3a3a;--color-gray-900:#212121;--color-gray-950:#111111;--color-yellow-100:#fffbf2;--color-yellow-200:#ffedca;--color-yellow-300:#ffd993;--color-yellow-400:#ffc769;--color-yellow-500:#ffb444;--color-yellow-600:#cf9330;--color-yellow-700:#9e721f;--color-yellow-800:#6e5011;--color-yellow-900:#3d2d07;--color-yellow-950:#281d04;--color-orange-100:#FCF6F3;--color-orange-200:#FEDBC9;--color-orange-300:#F8B897;--color-orange-400:#F29261;--color-orange-500:#E17037;--color-orange-600:#C9571D;--color-orange-700:#A34110;--color-orange-800:#80320A;--color-orange-900:#572004;--color-orange-950:#351302;--color-lime-100:#f2fced;--color-lime-200:#cff1ba;--color-lime-300:#ace48a;--color-lime-400:#8ad35d;--color-lime-500:#68bf33;--color-lime-600:#54a324;--color-lime-700:#418518;--color-lime-800:#2f650e;--color-lime-900:#1d4207;--color-lime-950:#132e02;--color-green-100:#f0f7f5;--color-green-200:#b4d8cc;--color-green-300:#78b6a3;--color-green-400:#3e9178;--color-green-500:#076b4d;--color-green-600:#025b40;--color-green-700:#004932;--color-green-800:#003524;--color-green-900:#001f14;--color-green-950:#00170f;--color-teal-100:#eff8fb;--color-teal-200:#c2e5ed;--color-teal-300:#97cfdc;--color-teal-400:#6eb8c9;--color-teal-500:#48a0b4;--color-teal-600:#378799;--color-teal-700:#286c7c;--color-teal-800:#1b515d;--color-teal-900:#0f343d;--color-teal-950:#061f25;--color-steel-100:#f2f5f8;--color-steel-200:#c1cfdd;--color-steel-300:#91a9c0;--color-steel-400:#6383a1;--color-steel-500:#375d81;--color-steel-600:#2b4d6e;--color-steel-700:#1f3d59;--color-steel-800:#152d44;--color-steel-900:#0d1d2d;--color-steel-950:#07121e;--color-pink-100:#fbeefc;--color-pink-200:#efbff0;--color-pink-300:#e093e1;--color-pink-400:#ce69d0;--color-pink-500:#ba42bc;--color-pink-600:#9e31a0;--color-pink-700:#812382;--color-pink-800:#611762;--color-pink-900:#3f0d40;--color-pink-950:#250526;--color-red-100:#f9ebeb;--color-red-200:#e4b0b0;--color-red-300:#cc7775;--color-red-400:#b1423c;--color-red-500:#930f08;--color-red-600:#810701;--color-red-700:#6d0200;--color-red-800:#560000;--color-red-900:#3d0000;--color-red-950:#260000;--color-purple-100:#f3ebf9;--color-purple-200:#ab7cd0;--color-purple-300:#ab7cd0;--color-purple-400:#8749b8;--color-purple-500:#62199c;--color-purple-600:#531088;--color-purple-700:#41086e;--color-purple-800:#300353;--color-purple-900:#1e0037;--color-purple-950:#130023;--primary-color:#375d81;--primary-hover-color:#152d44;--surface-selected:#f2f5f8;--primary-selected-hover-color:#07121e;--primary-highlighted-color:#c1cfdd;--text-primary:#212121;--text-secondary:#8e8e8e;--text-tertiary:#d1d1d1;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#FFFFFF;--placeholder-color:#8e8e8e;--icon-primary:#212121;--link-color:#375d81;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-level-050:#f8f8f8;--surface-level-100:#FFFFFF;--surface-level-100-hover:#f8f8f8;--surface-level-200:#f8f8f8;--surface-level-300:#e9e9e9;--surface-level-400:#d1d1d1;--surface-inverse:#000000;--surface-success:#f0f7f5;--surface-alert:#f9ebeb;--surface-warning:#fffbf2;--surface-overlay:rgba(142, 142, 142, 0.2);--disabled-background-color:#ecedf5;--disabled-text-color:rgba(33, 33, 33, var(--disabled-component-opacity));--positive-color:#3e9178;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#004932;--positive-color-background:#b4d8cc;--negative-color:#b1423c;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#6d0200;--negative-color-background:#e4b0b0;--divider-primary:#e9e9e9;--divider-secondary:#d1d1d1;--divider-overlay:rgba(33, 33, 33, 0.1);--divider-halo:#c1cfdd;--divider-selected:#375d81;--warning-color:#ffc769;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#9e721f;--warning-color-background:#ffedca;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#f2f5f8;--brand-selected-hover-color:#07121e;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px rgba(33, 33, 33, 0.1);--box-shadow-small:0px 4px 8px rgba(33, 33, 33, 0.2);--box-shadow-medium:0px 6px 20px rgba(33, 33, 33, 0.2);--box-shadow-large:0px 15px 50px rgba(33, 33, 33, 0.3);--shadow-color:#212121;--color-green-dark:var(--color-green-300);--color-green-dark-hover:var(--color-green-600);--color-green-dark-selected:var(--color-green-400);--color-green-med:var(--color-green-200);--color-green-med-hover:var(--color-green-300);--color-green-med-selected:var(--color-green-300);--color-green-med-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-green-light:var(--color-green-100);--color-green-light-hover:var(--color-green-400);--color-green-light-selected:var(--color-green-200);--color-yellow-dark:var(--color-yellow-300);--color-yellow-dark-hover:var(--color-yellow-600);--color-yellow-dark-selected:var(--color-yellow-400);--color-yellow-dark-rgb:255,213,51;--color-yellow-med:var(--color-yellow-200);--color-yellow-med-hover:var(--color-yellow-300);--color-yellow-med-selected:var(--color-yellow-300);--color-yellow-light:var(--color-yellow-100);--color-yellow-light-hover:var(--color-yellow-400);--color-yellow-light-selected:var(--color-yellow-200);--color-red-dark:var(--color-red-300);--color-red-dark-hover:var(--color-red-600);--color-red-dark-selected:var(--color-red-400);--color-red-med:var(--color-red-200);--color-red-med-hover:var(--color-red-300);--color-red-med-selected:var(--color-red-300);--color-red-med-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-red-light:var(--color-red-100);--color-red-light-hover:var(--color-red-400);--color-red-light-selected:var(--color-red-200);--color-solar-flare-dark:var(--color-solar-flare-300);--color-solar-flare-dark-hover:var(--color-solar-flare-600);--color-solar-flare-dark-selected:var(--color-solar-flare-400);--color-solar-flare-med:var(--color-solar-flare-200);--color-solar-flare-med-hover:var(--color-solar-flare-300);--color-solar-flare-med-selected:var(--color-solar-flare-300);--color-solar-flare-light:var(--color-solar-flare-100);--color-solar-flare-light-hover:var(--color-solar-flare-400);--color-solar-flare-light-selected:var(--color-solar-flare-200);--color-purple-dark:var(--color-purple-300);--color-purple-dark-hover:var(--color-purple-600);--color-purple-dark-selected:var(--color-purple-400);--color-purple-med:var(--color-purple-200);--color-purple-med-hover:var(--color-purple-300);--color-purple-med-selected:var(--color-purple-300);--color-purple-light:var(--color-purple-100);--color-purple-light-hover:var(--color-purple-400);--color-purple-light-selected:var(--color-purple-200);--color-pink-dark:var(--color-pink-300);--color-pink-dark-hover:var(--color-pink-600);--color-pink-dark-selected:var(--color-pink-400);--color-pink-med:var(--color-pink-200);--color-pink-med-hover:var(--color-pink-300);--color-pink-med-selected:var(--color-pink-300);--color-pink-light:var(--color-pink-100);--color-pink-light-hover:var(--color-pink-400);--color-pink-light-selected:var(--color-pink-200);--color-steel-dark:var(--color-steel-300);--color-steel-dark-hover:var(--color-steel-600);--color-steel-dark-selected:var(--color-steel-400);--color-steel-med:var(--color-steel-200);--color-steel-med-hover:var(--color-steel-300);--color-steel-med-selected:var(--color-steel-300);--color-steel-light:var(--color-steel-100);--color-steel-light-hover:var(--color-steel-400);--color-steel-light-selected:var(--color-steel-200);--color-teal-dark:var(--color-teal-300);--color-teal-dark-hover:var(--color-teal-600);--color-teal-dark-selected:var(--color-teal-400);--color-teal-med:var(--color-teal-200);--color-teal-med-hover:var(--color-teal-300);--color-teal-med-selected:var(--color-teal-300);--color-teal-light:var(--color-teal-100);--color-teal-light-hover:var(--color-teal-400);--color-teal-light-selected:var(--color-teal-200);--color-lime-dark:var(--color-lime-300);--color-lime-dark-hover:var(--color-lime-600);--color-lime-dark-selected:var(--color-lime-400);--color-lime-med:var(--color-lime-200);--color-lime-med-hover:var(--color-lime-300);--color-lime-med-selected:var(--color-lime-300);--color-lime-light:var(--color-lime-100);--color-lime-light-hover:var(--color-lime-400);--color-lime-light-selected:var(--color-lime-200);--color-orange-dark:var(--color-orange-300);--color-orange-dark-hover:var(--color-orange-600);--color-orange-dark-selected:var(--color-orange-400);--color-orange-med:var(--color-orange-200);--color-orange-med-hover:var(--color-orange-300);--color-orange-med-selected:var(--color-orange-300);--color-orange-light:var(--color-orange-100);--color-orange-light-hover:var(--color-orange-400);--color-orange-light-selected:var(--color-orange-200);--color-gray-dark:var(--color-gray-300);--color-gray-dark-hover:var(--color-gray-600);--color-gray-dark-selected:var(--color-gray-400);--color-gray-med:var(--color-gray-200);--color-gray-med-hover:var(--color-gray-300);--color-gray-med-selected:var(--color-gray-300);--color-gray-light:var(--color-gray-100);--color-gray-light-hover:var(--color-gray-400);--color-gray-light-selected:var(--color-gray-200);--color-obsidian-dark:var(--color-obsidian-300);--color-obsidian-dark-hover:var(--color-obsidian-600);--color-obsidian-dark-selected:var(--color-obsidian-400);--color-obsidian-med:var(--color-obsidian-200);--color-obsidian-med-hover:var(--color-obsidian-300);--color-obsidian-med-selected:var(--color-obsidian-300);--color-obsidian-light:var(--color-obsidian-100);--color-obsidian-light-hover:var(--color-obsidian-400);--color-obsidian-light-selected:var(--color-obsidian-200);--color-sand-dark:var(--color-sand-300);--color-sand-dark-hover:var(--color-sand-600);--color-sand-dark-selected:var(--color-sand-400);--color-sand-med:var(--color-sand-200);--color-sand-med-hover:var(--color-sand-300);--color-sand-med-selected:var(--color-sand-300);--color-sand-light:var(--color-sand-100);--color-sand-light-hover:var(--color-sand-400);--color-sand-light-selected:var(--color-sand-200);--color-sky:var(--color-steel-700);--color-sky-hover:var(--color-red-900);--color-sky-selected:var(--color-red-600);--color-coffee:var(--color-red-700);--color-coffee-hover:var(--color-red-800);--color-coffee-selected:var(--color-red-600);--color-royal:var(--color-teal-600);--color-royal-hover:var(--color-red-800);--color-royal-selected:var(--color-red-600);--color-teal:var(--color-red-700);--color-teal-hover:var(--color-red-800);--color-teal-selected:var(--color-red-600);--color-lavender:var(--color-red-700);--color-lavender-hover:var(--color-red-800);--color-lavender-selected:var(--color-red-600);--color-steel:var(--color-red-600);--color-steel-hover:var(--color-red-800);--color-steel-selected:var(--color-red-600);--color-lilac:var(--color-red-700);--color-lilac-hover:var(--color-red-800);--color-lilac-selected:var(--color-red-600);--color-pecan:var(--color-red-700);--color-pecan-hover:var(--color-red-800);--color-pecan-selected:var(--color-red-600);--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#808080;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff158a;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#a25ddc;--color-dark-purple:#784bd1;--color-blue_links:#0086c0;--color-blue-links:#0086c0;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#e2445c;--color-red-shadow:#e2445c;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--text-tertiary:#d1d1d1;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--surface-level-100-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--surface-level-200-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(33, 33, 33, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d1d1d1;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(33, 33, 33, 0.2)}.dark-app-theme{--primary-color:#375d81;--primary-on-secondary-color:#0073ea;--primary-hover-color:#152d44;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#323338;--placeholder-color:#c3c6d4;--icon-primary:#c3c6d4;--link-color:#91a9c0;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-level-050:#152d44;--surface-level-100:#0d1d2d;--surface-level-100-hover:rgba(13, 29, 45, 0.3);--surface-level-200:#07121e;--surface-level-300:#1f3d59;--surface-level-400:#2b4d6e;--surface-inverse:#f2f5f8;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--surface-overlay:rgba(21, 45, 68, 0.3);--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3c3f59;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--positive-color-background:#004932;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--negative-color-background:#6d0200;--divider-primary:#1f3d59;--divider-secondary:#2b4d6e;--divider-overlay:rgba(242, 245, 248, 0.1);--divider-halo:#2b4d6e;--divider-selected:#91a9c0;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--warning-color-background:#9e721f;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px rgba(7, 18, 30, 0.5);--box-shadow-small:0px 4px 8px rgba(7, 18, 30, 0.5);--box-shadow-medium:0px 6px 20px rgba(7, 18, 30, 0.5);--box-shadow-large:0px 15px 50px rgba(7, 18, 30, 0.5);--shadow-color:#07121e;--color-green-dark:var(--color-green-900);--color-green-dark-hover:var(--color-green-900);--color-green-dark-selected:var(--color-green-700);--color-green-med:var(--color-green-700);--color-green-med-hover:var(--color-green-800);--color-green-med-selected:var(--color-green-600);--color-green-med-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-green-light:var(--color-green-600);--color-green-light-hover:var(--color-green-700);--color-green-light-selected:var(--color-green-600);--color-yellow-dark:var(--color-yellow-900);--color-yellow-dark-hover:var(--color-yellow-900);--color-yellow-dark-selected:var(--color-yellow-700);--color-yellow-dark-rgb:255,213,51;--color-yellow-med:var(--color-yellow-700);--color-yellow-med-hover:var(--color-yellow-800);--color-yellow-med-selected:var(--color-yellow-600);--color-yellow-light:var(--color-yellow-600);--color-yellow-light-hover:var(--color-yellow-700);--color-yellow-light-selected:var(--color-yellow-600);--color-red-dark:var(--color-red-900);--color-red-dark-hover:var(--color-red-900);--color-red-dark-selected:var(--color-red-700);--color-red-med:var(--color-red-700);--color-red-med-hover:var(--color-red-800);--color-red-med-selected:var(--color-red-600);--color-red-med-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-red-light:var(--color-red-600);--color-red-light-hover:var(--color-red-700);--color-red-light-selected:var(--color-red-600);--color-solar-flare-dark:var(--color-solar-flare-900);--color-solar-flare-dark-hover:var(--color-solar-flare-900);--color-solar-flare-dark-selected:var(--color-solar-flare-700);--color-solar-flare-med:var(--color-solar-flare-700);--color-solar-flare-med-hover:var(--color-solar-flare-800);--color-solar-flare-med-selected:var(--color-solar-flare-600);--color-solar-flare-light:var(--color-solar-flare-600);--color-solar-flare-light-hover:var(--color-solar-flare-700);--color-solar-flare-light-selected:var(--color-solar-flare-600);--color-purple-dark:var(--color-purple-900);--color-purple-dark-hover:var(--color-purple-900);--color-purple-dark-selected:var(--color-purple-700);--color-purple-med:var(--color-purple-700);--color-purple-med-hover:var(--color-purple-800);--color-purple-med-selected:var(--color-purple-600);--color-purple-light:var(--color-purple-600);--color-purple-light-hover:var(--color-purple-700);--color-purple-light-selected:var(--color-purple-600);--color-pink-dark:var(--color-pink-900);--color-pink-dark-hover:var(--color-pink-900);--color-pink-dark-selected:var(--color-pink-700);--color-pink-med:var(--color-pink-700);--color-pink-med-hover:var(--color-pink-800);--color-pink-med-selected:var(--color-pink-600);--color-pink-light:var(--color-pink-600);--color-pink-light-hover:var(--color-pink-700);--color-pink-light-selected:var(--color-pink-600);--color-steel-dark:var(--color-steel-900);--color-steel-dark-hover:var(--color-steel-900);--color-steel-dark-selected:var(--color-steel-700);--color-steel-med:var(--color-steel-700);--color-steel-med-hover:var(--color-steel-800);--color-steel-med-selected:var(--color-steel-600);--color-steel-light:var(--color-steel-600);--color-steel-light-hover:var(--color-steel-700);--color-steel-light-selected:var(--color-steel-600);--color-teal-dark:var(--color-teal-900);--color-teal-dark-hover:var(--color-teal-900);--color-teal-dark-selected:var(--color-teal-700);--color-teal-med:var(--color-teal-700);--color-teal-med-hover:var(--color-teal-800);--color-teal-med-selected:var(--color-teal-600);--color-teal-light:var(--color-teal-600);--color-teal-light-hover:var(--color-teal-700);--color-teal-light-selected:var(--color-teal-600);--color-lime-dark:var(--color-lime-900);--color-lime-dark-hover:var(--color-lime-900);--color-lime-dark-selected:var(--color-lime-700);--color-lime-med:var(--color-lime-700);--color-lime-med-hover:var(--color-lime-800);--color-lime-med-selected:var(--color-lime-600);--color-lime-light:var(--color-lime-600);--color-lime-light-hover:var(--color-lime-700);--color-lime-light-selected:var(--color-lime-600);--color-orange-dark:var(--color-orange-900);--color-orange-dark-hover:var(--color-orange-900);--color-orange-dark-selected:var(--color-orange-700);--color-orange-med:var(--color-orange-700);--color-orange-med-hover:var(--color-orange-800);--color-orange-med-selected:var(--color-orange-600);--color-orange-light:var(--color-orange-600);--color-orange-light-hover:var(--color-orange-700);--color-orange-light-selected:var(--color-orange-600);--color-gray-dark:var(--color-gray-900);--color-gray-dark-hover:var(--color-gray-900);--color-gray-dark-selected:var(--color-gray-700);--color-gray-med:var(--color-gray-700);--color-gray-med-hover:var(--color-gray-800);--color-gray-med-selected:var(--color-gray-600);--color-gray-light:var(--color-gray-600);--color-gray-light-hover:var(--color-gray-700);--color-gray-light-selected:var(--color-gray-600);--color-obsidian-dark:var(--color-obsidian-900);--color-obsidian-dark-hover:var(--color-obsidian-900);--color-obsidian-dark-selected:var(--color-obsidian-700);--color-obsidian-med:var(--color-obsidian-700);--color-obsidian-med-hover:var(--color-obsidian-800);--color-obsidian-med-selected:var(--color-obsidian-600);--color-obsidian-light:var(--color-obsidian-600);--color-obsidian-light-hover:var(--color-obsidian-700);--color-obsidian-light-selected:var(--color-obsidian-600);--color-sand-dark:var(--color-sand-900);--color-sand-dark-hover:var(--color-sand-900);--color-sand-dark-selected:var(--color-sand-700);--color-sand-med:var(--color-sand-700);--color-sand-med-hover:var(--color-sand-800);--color-sand-med-selected:var(--color-sand-600);--color-sand-light:var(--color-sand-600);--color-sand-light-hover:var(--color-sand-700);--color-sand-light-selected:var(--color-sand-600);--color-sky:var(--color-steel-700);--color-sky-hover:var(--color-red-900);--color-sky-selected:var(--color-red-600);--color-coffee:var(--color-red-700);--color-coffee-hover:var(--color-red-800);--color-coffee-selected:var(--color-red-600);--color-royal:var(--color-teal-600);--color-royal-hover:var(--color-red-800);--color-royal-selected:var(--color-red-600);--color-teal:var(--color-red-700);--color-teal-hover:var(--color-red-800);--color-teal-selected:var(--color-red-600);--color-lavender:var(--color-red-700);--color-lavender-hover:var(--color-red-800);--color-lavender-selected:var(--color-red-600);--color-steel:var(--color-red-600);--color-steel-hover:var(--color-red-800);--color-steel-selected:var(--color-red-600);--color-lilac:var(--color-red-700);--color-lilac-hover:var(--color-red-800);--color-lilac-selected:var(--color-red-600);--color-pecan:var(--color-red-700);--color-pecan-hover:var(--color-red-800);--color-pecan-selected:var(--color-red-600);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--surface-level-100-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--surface-level-200-rgb:48,50,78;--text-tertiary:#5c5c5c;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(33, 33, 33, 0.2)}.black-app-theme{--primary-color:#375d81;--primary-on-secondary-color:#0073ea;--primary-hover-color:#152d44;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#111111;--placeholder-color:#aaaaaa;--icon-primary:#aaaaaa;--link-color:#91a9c0;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-level-050:#3a3a3a;--surface-level-100:#212121;--surface-level-100-hover:rgba(33, 33, 33, 0.3);--surface-level-200:#111111;--surface-level-300:#5c5c5c;--surface-level-400:#757575;--surface-inverse:#FFFFFF;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--surface-overlay:rgba(33, 33, 33, 0.3);--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--positive-color-background:#004932;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--negative-color-background:#6d0200;--divider-primary:#5c5c5c;--divider-secondary:#757575;--divider-overlay:rgba(248, 248, 248, 0.1);--divider-halo:#2b4d6e;--divider-selected:#91a9c0;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--warning-color-background:#9e721f;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--shadow-color:#000000;--color-green-dark:var(--color-green-900);--color-green-dark-hover:var(--color-green-900);--color-green-dark-selected:var(--color-green-700);--color-green-med:var(--color-green-700);--color-green-med-hover:var(--color-green-800);--color-green-med-selected:var(--color-green-600);--color-green-med-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-green-light:var(--color-green-600);--color-green-light-hover:var(--color-green-700);--color-green-light-selected:var(--color-green-600);--color-yellow-dark:var(--color-yellow-900);--color-yellow-dark-hover:var(--color-yellow-900);--color-yellow-dark-selected:var(--color-yellow-700);--color-yellow-dark-rgb:255,213,51;--color-yellow-med:var(--color-yellow-700);--color-yellow-med-hover:var(--color-yellow-800);--color-yellow-med-selected:var(--color-yellow-600);--color-yellow-light:var(--color-yellow-600);--color-yellow-light-hover:var(--color-yellow-700);--color-yellow-light-selected:var(--color-yellow-600);--color-red-dark:var(--color-red-900);--color-red-dark-hover:var(--color-red-900);--color-red-dark-selected:var(--color-red-700);--color-red-med:var(--color-red-700);--color-red-med-hover:var(--color-red-800);--color-red-med-selected:var(--color-red-600);--color-red-med-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-red-light:var(--color-red-600);--color-red-light-hover:var(--color-red-700);--color-red-light-selected:var(--color-red-600);--color-solar-flare-dark:var(--color-solar-flare-900);--color-solar-flare-dark-hover:var(--color-solar-flare-900);--color-solar-flare-dark-selected:var(--color-solar-flare-700);--color-solar-flare-med:var(--color-solar-flare-700);--color-solar-flare-med-hover:var(--color-solar-flare-800);--color-solar-flare-med-selected:var(--color-solar-flare-600);--color-solar-flare-light:var(--color-solar-flare-600);--color-solar-flare-light-hover:var(--color-solar-flare-700);--color-solar-flare-light-selected:var(--color-solar-flare-600);--color-purple-dark:var(--color-purple-900);--color-purple-dark-hover:var(--color-purple-900);--color-purple-dark-selected:var(--color-purple-700);--color-purple-med:var(--color-purple-700);--color-purple-med-hover:var(--color-purple-800);--color-purple-med-selected:var(--color-purple-600);--color-purple-light:var(--color-purple-600);--color-purple-light-hover:var(--color-purple-700);--color-purple-light-selected:var(--color-purple-600);--color-pink-dark:var(--color-pink-900);--color-pink-dark-hover:var(--color-pink-900);--color-pink-dark-selected:var(--color-pink-700);--color-pink-med:var(--color-pink-700);--color-pink-med-hover:var(--color-pink-800);--color-pink-med-selected:var(--color-pink-600);--color-pink-light:var(--color-pink-600);--color-pink-light-hover:var(--color-pink-700);--color-pink-light-selected:var(--color-pink-600);--color-steel-dark:var(--color-steel-900);--color-steel-dark-hover:var(--color-steel-900);--color-steel-dark-selected:var(--color-steel-700);--color-steel-med:var(--color-steel-700);--color-steel-med-hover:var(--color-steel-800);--color-steel-med-selected:var(--color-steel-600);--color-steel-light:var(--color-steel-600);--color-steel-light-hover:var(--color-steel-700);--color-steel-light-selected:var(--color-steel-600);--color-teal-dark:var(--color-teal-900);--color-teal-dark-hover:var(--color-teal-900);--color-teal-dark-selected:var(--color-teal-700);--color-teal-med:var(--color-teal-700);--color-teal-med-hover:var(--color-teal-800);--color-teal-med-selected:var(--color-teal-600);--color-teal-light:var(--color-teal-600);--color-teal-light-hover:var(--color-teal-700);--color-teal-light-selected:var(--color-teal-600);--color-lime-dark:var(--color-lime-900);--color-lime-dark-hover:var(--color-lime-900);--color-lime-dark-selected:var(--color-lime-700);--color-lime-med:var(--color-lime-700);--color-lime-med-hover:var(--color-lime-800);--color-lime-med-selected:var(--color-lime-600);--color-lime-light:var(--color-lime-600);--color-lime-light-hover:var(--color-lime-700);--color-lime-light-selected:var(--color-lime-600);--color-orange-dark:var(--color-orange-900);--color-orange-dark-hover:var(--color-orange-900);--color-orange-dark-selected:var(--color-orange-700);--color-orange-med:var(--color-orange-700);--color-orange-med-hover:var(--color-orange-800);--color-orange-med-selected:var(--color-orange-600);--color-orange-light:var(--color-orange-600);--color-orange-light-hover:var(--color-orange-700);--color-orange-light-selected:var(--color-orange-600);--color-gray-dark:var(--color-gray-900);--color-gray-dark-hover:var(--color-gray-900);--color-gray-dark-selected:var(--color-gray-700);--color-gray-med:var(--color-gray-700);--color-gray-med-hover:var(--color-gray-800);--color-gray-med-selected:var(--color-gray-600);--color-gray-light:var(--color-gray-600);--color-gray-light-hover:var(--color-gray-700);--color-gray-light-selected:var(--color-gray-600);--color-obsidian-dark:var(--color-obsidian-900);--color-obsidian-dark-hover:var(--color-obsidian-900);--color-obsidian-dark-selected:var(--color-obsidian-700);--color-obsidian-med:var(--color-obsidian-700);--color-obsidian-med-hover:var(--color-obsidian-800);--color-obsidian-med-selected:var(--color-obsidian-600);--color-obsidian-light:var(--color-obsidian-600);--color-obsidian-light-hover:var(--color-obsidian-700);--color-obsidian-light-selected:var(--color-obsidian-600);--color-sand-dark:var(--color-sand-900);--color-sand-dark-hover:var(--color-sand-900);--color-sand-dark-selected:var(--color-sand-700);--color-sand-med:var(--color-sand-700);--color-sand-med-hover:var(--color-sand-800);--color-sand-med-selected:var(--color-sand-600);--color-sand-light:var(--color-sand-600);--color-sand-light-hover:var(--color-sand-700);--color-sand-light-selected:var(--color-sand-600);--color-sky:var(--color-steel-700);--color-sky-hover:var(--color-red-900);--color-sky-selected:var(--color-red-600);--color-coffee:var(--color-red-700);--color-coffee-hover:var(--color-red-800);--color-coffee-selected:var(--color-red-600);--color-royal:var(--color-teal-600);--color-royal-hover:var(--color-red-800);--color-royal-selected:var(--color-red-600);--color-teal:var(--color-red-700);--color-teal-hover:var(--color-red-800);--color-teal-selected:var(--color-red-600);--color-lavender:var(--color-red-700);--color-lavender-hover:var(--color-red-800);--color-lavender-selected:var(--color-red-600);--color-steel:var(--color-red-600);--color-steel-hover:var(--color-red-800);--color-steel-selected:var(--color-red-600);--color-lilac:var(--color-red-700);--color-lilac-hover:var(--color-red-800);--color-lilac-selected:var(--color-red-600);--color-pecan:var(--color-red-700);--color-pecan-hover:var(--color-red-800);--color-pecan-selected:var(--color-red-600);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--surface-level-100-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--surface-level-200-rgb:44,44,44;--text-tertiary:#5c5c5c;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(33, 33, 33, 0.2)}.hacker-app-theme{--primary-color:#54a324;--primary-hover-color:#fe5ab9;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-inverted:#323338;--placeholder-color:#c3c6d4;--icon-primary:#c3c6d4;--link-color:#ace48a;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-level-050:#212121;--surface-level-100:#111111;--surface-level-100-hover:rgba(17, 17, 17, 0.3);--surface-level-200:#000000;--surface-level-300:#000000;--surface-level-400:#000000;--surface-inverse:#FFFFFF;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--surface-overlay:rgba(17, 17, 17, 0.3);--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--positive-color-background:#004932;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--negative-color-background:#6d0200;--divider-primary:#5c5c5c;--divider-secondary:#757575;--divider-overlay:rgba(248, 248, 248, 0.1);--divider-halo:#54a324;--divider-selected:#8ad35d;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--warning-color-background:#9e721f;--brand-color:#54a324;--brand-hover-color:#fe5ab9;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--shadow-color:#000000;--color-green-dark:var(--color-green-900);--color-green-dark-hover:var(--color-green-900);--color-green-dark-selected:var(--color-green-700);--color-green-med:var(--color-green-700);--color-green-med-hover:var(--color-green-800);--color-green-med-selected:var(--color-green-600);--color-green-med-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-green-light:var(--color-green-600);--color-green-light-hover:var(--color-green-700);--color-green-light-selected:var(--color-green-600);--color-yellow-dark:var(--color-yellow-900);--color-yellow-dark-hover:var(--color-yellow-900);--color-yellow-dark-selected:var(--color-yellow-700);--color-yellow-dark-rgb:255,213,51;--color-yellow-med:var(--color-yellow-700);--color-yellow-med-hover:var(--color-yellow-800);--color-yellow-med-selected:var(--color-yellow-600);--color-yellow-light:var(--color-yellow-600);--color-yellow-light-hover:var(--color-yellow-700);--color-yellow-light-selected:var(--color-yellow-600);--color-red-dark:var(--color-red-900);--color-red-dark-hover:var(--color-red-900);--color-red-dark-selected:var(--color-red-700);--color-red-med:var(--color-red-700);--color-red-med-hover:var(--color-red-800);--color-red-med-selected:var(--color-red-600);--color-red-med-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-red-light:var(--color-red-600);--color-red-light-hover:var(--color-red-700);--color-red-light-selected:var(--color-red-600);--color-solar-flare-dark:var(--color-solar-flare-900);--color-solar-flare-dark-hover:var(--color-solar-flare-900);--color-solar-flare-dark-selected:var(--color-solar-flare-700);--color-solar-flare-med:var(--color-solar-flare-700);--color-solar-flare-med-hover:var(--color-solar-flare-800);--color-solar-flare-med-selected:var(--color-solar-flare-600);--color-solar-flare-light:var(--color-solar-flare-600);--color-solar-flare-light-hover:var(--color-solar-flare-700);--color-solar-flare-light-selected:var(--color-solar-flare-600);--color-purple-dark:var(--color-purple-900);--color-purple-dark-hover:var(--color-purple-900);--color-purple-dark-selected:var(--color-purple-700);--color-purple-med:var(--color-purple-700);--color-purple-med-hover:var(--color-purple-800);--color-purple-med-selected:var(--color-purple-600);--color-purple-light:var(--color-purple-600);--color-purple-light-hover:var(--color-purple-700);--color-purple-light-selected:var(--color-purple-600);--color-pink-dark:var(--color-pink-900);--color-pink-dark-hover:var(--color-pink-900);--color-pink-dark-selected:var(--color-pink-700);--color-pink-med:var(--color-pink-700);--color-pink-med-hover:var(--color-pink-800);--color-pink-med-selected:var(--color-pink-600);--color-pink-light:var(--color-pink-600);--color-pink-light-hover:var(--color-pink-700);--color-pink-light-selected:var(--color-pink-600);--color-steel-dark:var(--color-steel-900);--color-steel-dark-hover:var(--color-steel-900);--color-steel-dark-selected:var(--color-steel-700);--color-steel-med:var(--color-steel-700);--color-steel-med-hover:var(--color-steel-800);--color-steel-med-selected:var(--color-steel-600);--color-steel-light:var(--color-steel-600);--color-steel-light-hover:var(--color-steel-700);--color-steel-light-selected:var(--color-steel-600);--color-teal-dark:var(--color-teal-900);--color-teal-dark-hover:var(--color-teal-900);--color-teal-dark-selected:var(--color-teal-700);--color-teal-med:var(--color-teal-700);--color-teal-med-hover:var(--color-teal-800);--color-teal-med-selected:var(--color-teal-600);--color-teal-light:var(--color-teal-600);--color-teal-light-hover:var(--color-teal-700);--color-teal-light-selected:var(--color-teal-600);--color-lime-dark:var(--color-lime-900);--color-lime-dark-hover:var(--color-lime-900);--color-lime-dark-selected:var(--color-lime-700);--color-lime-med:var(--color-lime-700);--color-lime-med-hover:var(--color-lime-800);--color-lime-med-selected:var(--color-lime-600);--color-lime-light:var(--color-lime-600);--color-lime-light-hover:var(--color-lime-700);--color-lime-light-selected:var(--color-lime-600);--color-orange-dark:var(--color-orange-900);--color-orange-dark-hover:var(--color-orange-900);--color-orange-dark-selected:var(--color-orange-700);--color-orange-med:var(--color-orange-700);--color-orange-med-hover:var(--color-orange-800);--color-orange-med-selected:var(--color-orange-600);--color-orange-light:var(--color-orange-600);--color-orange-light-hover:var(--color-orange-700);--color-orange-light-selected:var(--color-orange-600);--color-gray-dark:var(--color-gray-900);--color-gray-dark-hover:var(--color-gray-900);--color-gray-dark-selected:var(--color-gray-700);--color-gray-med:var(--color-gray-700);--color-gray-med-hover:var(--color-gray-800);--color-gray-med-selected:var(--color-gray-600);--color-gray-light:var(--color-gray-600);--color-gray-light-hover:var(--color-gray-700);--color-gray-light-selected:var(--color-gray-600);--color-obsidian-dark:var(--color-obsidian-900);--color-obsidian-dark-hover:var(--color-obsidian-900);--color-obsidian-dark-selected:var(--color-obsidian-700);--color-obsidian-med:var(--color-obsidian-700);--color-obsidian-med-hover:var(--color-obsidian-800);--color-obsidian-med-selected:var(--color-obsidian-600);--color-obsidian-light:var(--color-obsidian-600);--color-obsidian-light-hover:var(--color-obsidian-700);--color-obsidian-light-selected:var(--color-obsidian-600);--color-sand-dark:var(--color-sand-900);--color-sand-dark-hover:var(--color-sand-900);--color-sand-dark-selected:var(--color-sand-700);--color-sand-med:var(--color-sand-700);--color-sand-med-hover:var(--color-sand-800);--color-sand-med-selected:var(--color-sand-600);--color-sand-light:var(--color-sand-600);--color-sand-light-hover:var(--color-sand-700);--color-sand-light-selected:var(--color-sand-600);--color-sky:var(--color-steel-700);--color-sky-hover:var(--color-red-900);--color-sky-selected:var(--color-red-600);--color-coffee:var(--color-red-700);--color-coffee-hover:var(--color-red-800);--color-coffee-selected:var(--color-red-600);--color-royal:var(--color-teal-600);--color-royal-hover:var(--color-red-800);--color-royal-selected:var(--color-red-600);--color-teal:var(--color-red-700);--color-teal-hover:var(--color-red-800);--color-teal-selected:var(--color-red-600);--color-lavender:var(--color-red-700);--color-lavender-hover:var(--color-red-800);--color-lavender-selected:var(--color-red-600);--color-steel:var(--color-red-600);--color-steel-hover:var(--color-red-800);--color-steel-selected:var(--color-red-600);--color-lilac:var(--color-red-700);--color-lilac-hover:var(--color-red-800);--color-lilac-selected:var(--color-red-600);--color-pecan:var(--color-red-700);--color-pecan-hover:var(--color-red-800);--color-pecan-selected:var(--color-red-600);--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--surface-selected-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--surface-level-100-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--surface-level-200-rgb:48,50,78;--text-tertiary:#5c5c5c;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(33, 33, 33, 0.2)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@heliux-org/ui-style",
3
- "version": "1.0.38",
3
+ "version": "1.0.40",
4
4
  "description": "Heliux UI CSS Foundations",
5
5
  "main": "dist/index.css",
6
6
  "scripts": {
@@ -63,5 +63,5 @@
63
63
  "sass": "^1.70.0",
64
64
  "stylelint-config-recommended-scss": "^6.0.0"
65
65
  },
66
- "gitHead": "5059891fb6963ba073f107e61c2c1d8a3c7ab30a"
66
+ "gitHead": "e95dafb9bc19ce8722b9bf4ab5fc114b7c76e460"
67
67
  }
package/src/config/maps/themes/basic/keys/_keys.scss CHANGED
@@ -20,11 +20,12 @@ $theme-basic-keys: (
20
20
  link-color: $link-color,
21
21
  fixed-light-color: $fixed-light-color,
22
22
  fixed-dark-color: $fixed-dark-color,
23
- surface-primary: $surface-primary,
24
- surface-primary-hover: $surface-primary-hover,
25
- surface-secondary: $surface-secondary,
26
- surface-tertiary: $surface-tertiary,
27
- surface-quaternary: $surface-quaternary,
23
+ surface-level-050: $surface-level-050,
24
+ surface-level-100: $surface-level-100,
25
+ surface-level-100-hover: $surface-level-100-hover,
26
+ surface-level-200: $surface-level-200,
27
+ surface-level-300: $surface-level-300,
28
+ surface-level-400: $surface-level-400,
28
29
  surface-inverse: $surface-inverse,
29
30
  surface-success: $surface-success,
30
31
  surface-alert: $surface-alert,
package/src/config/maps/themes/basic/keys/legacy/_legacy-keys.scss CHANGED
@@ -19,10 +19,10 @@ $theme-basic-legacy-keys: (
19
19
  link-on-secondary-color: $link-on-secondary-color,
20
20
  label-background-color: $label-background-color,
21
21
  label-background-on-secondary-color: $label-background-on-secondary-color,
22
- surface-primary-rgb: $surface-primary-rgb,
22
+ surface-level-100-rgb: $surface-level-100-rgb,
23
23
  primary-background-hover-on-secondary-color: $primary-background-hover-on-secondary-color,
24
24
  modal-background-color: $modal-background-color,
25
- surface-secondary-rgb: $surface-secondary-rgb,
25
+ surface-level-200-rgb: $surface-level-200-rgb,
26
26
  disabled-background-on-secondary-color: $disabled-background-on-secondary-color,
27
27
  disabled-text-on-secondary-color: $disabled-text-on-secondary-color,
28
28
  ui-border-on-secondary-color: $ui-border-on-secondary-color,
package/src/config/maps/themes/black/keys/_black-theme-keys.scss CHANGED
@@ -19,11 +19,12 @@ $theme-black-keys: (
19
19
  link-color: $theme-black-link-color,
20
20
  fixed-light-color: $theme-black-fixed-light-color,
21
21
  fixed-dark-color: $theme-black-fixed-dark-color,
22
- surface-primary: $theme-black-surface-primary,
23
- surface-primary-hover: $theme-black-surface-primary-hover,
24
- surface-secondary: $theme-black-surface-secondary,
25
- surface-tertiary: $theme-black-surface-tertiary,
26
- surface-quaternary: $theme-black-surface-quaternary,
22
+ surface-level-050: $theme-black-surface-level-050,
23
+ surface-level-100: $theme-black-surface-level-100,
24
+ surface-level-100-hover: $theme-black-surface-level-100-hover,
25
+ surface-level-200: $theme-black-surface-level-200,
26
+ surface-level-300: $theme-black-surface-level-300,
27
+ surface-level-400: $theme-black-surface-level-400,
27
28
  surface-inverse: $theme-black-surface-inverse,
28
29
  surface-success: $theme-black-surface-success,
29
30
  surface-alert: $theme-black-surface-alert,
package/src/config/maps/themes/black/keys/legacy/_black-theme-legacy-keys.scss CHANGED
@@ -11,9 +11,9 @@ $theme-black-legacy-keys: (
11
11
  surface-selected-rgb: $theme-black-surface-selected-rgb,
12
12
  primary-selected-on-secondary-color: $theme-black-primary-selected-on-secondary-color,
13
13
  primary-text-on-secondary-color: $theme-black-primary-text-on-secondary-color,
14
- surface-primary-rgb: $theme-black-surface-primary-rgb,
14
+ surface-level-100-rgb: $theme-black-surface-level-100-rgb,
15
15
  primary-background-hover-on-secondary-color: $theme-black-primary-background-hover-on-secondary-color,
16
- surface-secondary-rgb: $theme-black-surface-secondary-rgb,
16
+ surface-level-200-rgb: $theme-black-surface-level-200-rgb,
17
17
  text-tertiary: $theme-black-text-tertiary,
18
18
  link-on-secondary-color: $theme-black-link-on-secondary-color,
19
19
  modal-background-color: $theme-black-modal-background-color,
package/src/config/maps/themes/dark/keys/_dark-theme-keys.scss CHANGED
@@ -21,11 +21,12 @@ $theme-dark-keys: (
21
21
  link-color: $theme-dark-link-color,
22
22
  fixed-light-color: $theme-dark-fixed-light-color,
23
23
  fixed-dark-color: $theme-dark-fixed-dark-color,
24
- surface-primary: $theme-dark-surface-primary,
25
- surface-primary-hover: $theme-dark-surface-primary-hover,
26
- surface-secondary: $theme-dark-surface-secondary,
27
- surface-tertiary: $theme-dark-surface-tertiary,
28
- surface-quaternary: $theme-dark-surface-quaternary,
24
+ surface-level-050: $theme-dark-surface-level-050,
25
+ surface-level-100: $theme-dark-surface-level-100,
26
+ surface-level-100-hover: $theme-dark-surface-level-100-hover,
27
+ surface-level-200: $theme-dark-surface-level-200,
28
+ surface-level-300: $theme-dark-surface-level-300,
29
+ surface-level-400: $theme-dark-surface-level-400,
29
30
  surface-inverse: $theme-dark-surface-inverse,
30
31
  surface-success: $theme-dark-surface-success,
31
32
  surface-alert: $theme-dark-surface-alert,
package/src/config/maps/themes/dark/keys/legacy/_dark-theme-legacy-keys.scss CHANGED
@@ -11,9 +11,9 @@ $theme-dark-legacy-keys: (
11
11
  surface-selected-rgb: $theme-dark-surface-selected-rgb,
12
12
  primary-selected-on-secondary-color: $theme-dark-primary-selected-on-secondary-color,
13
13
  primary-text-on-secondary-color: $theme-dark-primary-text-on-secondary-color,
14
- surface-primary-rgb: $theme-dark-surface-primary-rgb,
14
+ surface-level-100-rgb: $theme-dark-surface-level-100-rgb,
15
15
  primary-background-hover-on-secondary-color: $theme-dark-primary-background-hover-on-secondary-color,
16
- surface-secondary-rgb: $theme-dark-surface-secondary-rgb,
16
+ surface-level-200-rgb: $theme-dark-surface-level-200-rgb,
17
17
  text-tertiary: $theme-dark-text-tertiary,
18
18
  link-on-secondary-color: $theme-dark-link-on-secondary-color,
19
19
  modal-background-color: $theme-dark-modal-background-color,
package/src/config/maps/themes/hacker/keys/_hacker-theme-keys.scss CHANGED
@@ -19,11 +19,12 @@ $theme-hacker-keys: (
19
19
  link-color: $theme-hacker-link-color,
20
20
  fixed-light-color: $theme-hacker-fixed-light-color,
21
21
  fixed-dark-color: $theme-hacker-fixed-dark-color,
22
- surface-primary: $theme-hacker-surface-primary,
23
- surface-primary-hover: $theme-hacker-surface-primary-hover,
24
- surface-secondary: $theme-hacker-surface-secondary,
25
- surface-tertiary: $theme-hacker-surface-tertiary,
26
- surface-quaternary: $theme-hacker-surface-quaternary,
22
+ surface-level-050: $theme-hacker-surface-level-050,
23
+ surface-level-100: $theme-hacker-surface-level-100,
24
+ surface-level-100-hover: $theme-hacker-surface-level-100-hover,
25
+ surface-level-200: $theme-hacker-surface-level-200,
26
+ surface-level-300: $theme-hacker-surface-level-300,
27
+ surface-level-400: $theme-hacker-surface-level-400,
27
28
  surface-inverse: $theme-hacker-surface-inverse,
28
29
  surface-success: $theme-hacker-surface-success,
29
30
  surface-alert: $theme-hacker-surface-alert,
package/src/config/maps/themes/hacker/keys/legacy/_hacker-theme-legacy-keys.scss CHANGED
@@ -11,9 +11,9 @@ $theme-hacker-legacy-keys: (
11
11
  surface-selected-rgb: $theme-hacker-surface-selected-rgb,
12
12
  primary-selected-on-secondary-color: $theme-hacker-primary-selected-on-secondary-color,
13
13
  primary-text-on-secondary-color: $theme-hacker-primary-text-on-secondary-color,
14
- surface-primary-rgb: $theme-hacker-surface-primary-rgb,
14
+ surface-level-100-rgb: $theme-hacker-surface-level-100-rgb,
15
15
  primary-background-hover-on-secondary-color: $theme-hacker-primary-background-hover-on-secondary-color,
16
- surface-secondary-rgb: $theme-hacker-surface-secondary-rgb,
16
+ surface-level-200-rgb: $theme-hacker-surface-level-200-rgb,
17
17
  text-tertiary: $theme-hacker-text-tertiary,
18
18
  link-on-secondary-color: $theme-hacker-link-on-secondary-color,
19
19
  modal-background-color: $theme-hacker-modal-background-color,
package/src/config/tokens/themes/basic/keys/_keys.scss CHANGED
@@ -29,11 +29,12 @@ $fixed-light-color: $color-white;
29
29
  $fixed-dark-color: $color-black;
30
30
 
31
31
  // SURFACES COLORS
32
- $surface-primary: $color-white;
33
- $surface-primary-hover: $colors-gray-100;
34
- $surface-secondary: $colors-gray-100;
35
- $surface-tertiary: $colors-gray-200;
36
- $surface-quaternary: $colors-gray-300;
32
+ $surface-level-050: $colors-gray-100;
33
+ $surface-level-100: $color-white;
34
+ $surface-level-100-hover: $colors-gray-100;
35
+ $surface-level-200: $colors-gray-100;
36
+ $surface-level-300: $colors-gray-200;
37
+ $surface-level-400: $colors-gray-300;
37
38
  $surface-selected: $colors-steel-100;
38
39
  $surface-inverse: $color-black;
39
40
  $surface-success: $colors-green-100;
package/src/config/tokens/themes/basic/keys/legacy/_legacy-keys.scss CHANGED
@@ -21,9 +21,9 @@ $primary-selected-on-secondary-color: $color-highlight_blue;
21
21
  $primary-text-on-secondary-color: $color-mud_black;
22
22
  $text-color-on-primary-with-opacity: $color-snow_white-with-opacity;
23
23
 
24
- $surface-primary-rgb: $color-snow_white-rgb;
24
+ $surface-level-100-rgb: $color-snow_white-rgb;
25
25
  $primary-background-hover-on-secondary-color: $color-ui_grey;
26
- $surface-secondary-rgb: $color-snow_white-rgb;
26
+ $surface-level-200-rgb: $color-snow_white-rgb;
27
27
 
28
28
  $link-on-secondary-color: $color-link_color;
29
29
 
package/src/config/tokens/themes/black/keys/_black-theme-keys.scss CHANGED
@@ -22,11 +22,12 @@ $theme-black-fixed-light-color: $color-white;
22
22
  $theme-black-fixed-dark-color: $color-black;
23
23
 
24
24
  // SURFACES COLORS
25
- $theme-black-surface-primary: $colors-gray-900;
26
- $theme-black-surface-primary-hover: rgba($colors-gray-900, 0.3);
27
- $theme-black-surface-secondary: $colors-gray-800;
28
- $theme-black-surface-tertiary: $colors-gray-700;
29
- $theme-black-surface-quaternary: $colors-gray-600;
25
+ $theme-black-surface-level-050: $colors-gray-800;
26
+ $theme-black-surface-level-100: $colors-gray-900;
27
+ $theme-black-surface-level-100-hover: rgba($colors-gray-900, 0.3);
28
+ $theme-black-surface-level-200: $colors-gray-950;
29
+ $theme-black-surface-level-300: $colors-gray-700;
30
+ $theme-black-surface-level-400: $colors-gray-600;
30
31
  $theme-black-surface-selected: $colors-steel-900;
31
32
  $theme-black-surface-inverse: $color-white;
32
33
  $theme-black-surface-success: $colors-green-800;
package/src/config/tokens/themes/black/keys/legacy/_black-theme-legacy-keys.scss CHANGED
@@ -20,9 +20,9 @@ $theme-black-surface-selected-rgb: extract-rgb($color-ocean_blue);
20
20
  $theme-black-primary-selected-on-secondary-color: $color-ocean_blue;
21
21
  $theme-black-primary-text-on-secondary-color: $color-smog;
22
22
 
23
- $theme-black-surface-primary-rgb: extract-rgb($color-vanta);
23
+ $theme-black-surface-level-100-rgb: extract-rgb($color-vanta);
24
24
  $theme-black-primary-background-hover-on-secondary-color: $color-dust;
25
- $theme-black-surface-secondary-rgb: extract-rgb($color-night);
25
+ $theme-black-surface-level-200-rgb: extract-rgb($color-night);
26
26
 
27
27
  $theme-black-link-on-secondary-color: $color-arctic_blue;
28
28
 
package/src/config/tokens/themes/dark/keys/_dark-theme-keys.scss CHANGED
@@ -24,11 +24,12 @@ $theme-dark-fixed-light-color: $color-white;
24
24
  $theme-dark-fixed-dark-color: $color-black;
25
25
 
26
26
  // SURFACES COLORS
27
- $theme-dark-surface-primary: $colors-steel-900;
28
- $theme-dark-surface-primary-hover: rgba($colors-steel-900, 0.3);
29
- $theme-dark-surface-secondary: $colors-steel-800;
30
- $theme-dark-surface-tertiary: $colors-steel-700;
31
- $theme-dark-surface-quaternary: $colors-steel-600;
27
+ $theme-dark-surface-level-050: $colors-steel-800;
28
+ $theme-dark-surface-level-100: $colors-steel-900;
29
+ $theme-dark-surface-level-100-hover: rgba($colors-steel-900, 0.3);
30
+ $theme-dark-surface-level-200: $colors-steel-950;
31
+ $theme-dark-surface-level-300: $colors-steel-700;
32
+ $theme-dark-surface-level-400: $colors-steel-600;
32
33
  $theme-dark-surface-selected: $colors-steel-900;
33
34
  $theme-dark-surface-inverse: $colors-steel-100; // todo: fix, value from basic theme
34
35
  $theme-dark-surface-success: $colors-green-800;
package/src/config/tokens/themes/dark/keys/legacy/_dark-theme-legacy-keys.scss CHANGED
@@ -20,9 +20,9 @@ $theme-dark-surface-selected-rgb: extract-rgb($color-ocean_blue);
20
20
  $theme-dark-primary-selected-on-secondary-color: $color-ocean_blue;
21
21
  $theme-dark-primary-text-on-secondary-color: $color-snow;
22
22
 
23
- $theme-dark-surface-primary-rgb: extract-rgb($color-midnight);
23
+ $theme-dark-surface-level-100-rgb: extract-rgb($color-midnight);
24
24
  $theme-dark-primary-background-hover-on-secondary-color: $color-silver;
25
- $theme-dark-surface-secondary-rgb: extract-rgb($color-graphite);
25
+ $theme-dark-surface-level-200-rgb: extract-rgb($color-graphite);
26
26
 
27
27
  $theme-dark-link-on-secondary-color: $color-arctic_blue;
28
28
 
package/src/config/tokens/themes/hacker/keys/_hacker-theme-keys.scss CHANGED
@@ -25,11 +25,12 @@ $theme-hacker-fixed-light-color: $color-white;
25
25
  $theme-hacker-fixed-dark-color: $color-black;
26
26
 
27
27
  // SURFACES COLORS
28
- $theme-hacker-surface-primary: $colors-gray-950;
29
- $theme-hacker-surface-primary-hover: rgba($colors-gray-950, 0.3);
30
- $theme-hacker-surface-secondary: $color-black;
31
- $theme-hacker-surface-tertiary: $color-black;
32
- $theme-hacker-surface-quaternary: $color-black; //todo: fix, grey and allgrey should not be the same
28
+ $theme-hacker-surface-level-050: $colors-gray-900;
29
+ $theme-hacker-surface-level-100: $colors-gray-950;
30
+ $theme-hacker-surface-level-100-hover: rgba($colors-gray-950, 0.3);
31
+ $theme-hacker-surface-level-200: $color-black;
32
+ $theme-hacker-surface-level-300: $color-black;
33
+ $theme-hacker-surface-level-400: $color-black; //todo: fix, grey and allgrey should not be the same
33
34
  $theme-hacker-surface-selected: $colors-steel-900;
34
35
  $theme-hacker-surface-inverse: $color-white; // todo: fix, value from basic theme
35
36
  $theme-hacker-surface-success: $colors-green-800;
package/src/config/tokens/themes/hacker/keys/legacy/hacker-theme-legacy-keys.scss CHANGED
@@ -23,9 +23,9 @@ $theme-hacker-surface-selected-rgb: extract-rgb($color-viola-vivid);
23
23
  $theme-hacker-primary-selected-on-secondary-color: $color-viola-vivid;
24
24
  $theme-hacker-primary-text-on-secondary-color: $color-snow;
25
25
 
26
- $theme-hacker-surface-primary-rgb: extract-rgb($color-night-sky);
26
+ $theme-hacker-surface-level-100-rgb: extract-rgb($color-night-sky);
27
27
  $theme-hacker-primary-background-hover-on-secondary-color: $color-silver;
28
- $theme-hacker-surface-secondary-rgb: extract-rgb($color-graphite);
28
+ $theme-hacker-surface-level-200-rgb: extract-rgb($color-graphite);
29
29
 
30
30
  $theme-hacker-link-on-secondary-color: $color-liliac;
31
31
 
package/src/files/colors.json CHANGED
@@ -35,11 +35,12 @@
35
35
  "link-color": "#1f76c2",
36
36
  "fixed-light-color": "#ffffff",
37
37
  "fixed-dark-color": "#323338",
38
- "surface-primary": "#ffffff",
39
- "surface-primary-hover": "#dcdfec",
40
- "surface-secondary": "#ffffff",
41
- "surface-tertiary": "#f6f7fb",
42
- "surface-quaternary": "#f6f7fb",
38
+ "surface-level-050": "#ffffff",
39
+ "surface-level-100": "#ffffff",
40
+ "surface-level-100-hover": "#dcdfec",
41
+ "surface-level-200": "#ffffff",
42
+ "surface-level-300": "#f6f7fb",
43
+ "surface-level-400": "#f6f7fb",
43
44
  "surface-inverse": "#323338",
44
45
  "surface-success": "#359970",
45
46
  "surface-warning": "#ffd533",
@@ -192,11 +193,12 @@
192
193
  "link-color": "#69a7ef",
193
194
  "fixed-light-color": "#ffffff",
194
195
  "fixed-dark-color": "#323338",
195
- "surface-primary": "#181b34",
196
- "surface-primary-hover": "#4b4e69",
197
- "surface-secondary": "#30324e",
198
- "surface-tertiary": "#181b34",
199
- "surface-quaternary": "#30324e",
196
+ "surface-level-050": "#ffffff",
197
+ "surface-level-100": "#181b34",
198
+ "surface-level-100-hover": "#4b4e69",
199
+ "surface-level-200": "#30324e",
200
+ "surface-level-300": "#181b34",
201
+ "surface-level-400": "#30324e",
200
202
  "surface-inverse": "#ffffff",
201
203
  "surface-success": "#359970",
202
204
  "surface-warning": "#ffd533",
@@ -349,11 +351,12 @@
349
351
  "link-color": "#69a7ef",
350
352
  "fixed-light-color": "#ffffff",
351
353
  "fixed-dark-color": "#111111",
352
- "surface-primary": "#111111",
353
- "surface-primary-hover": "#636363",
354
- "surface-secondary": "#2c2c2c",
355
- "surface-tertiary": "#111111",
356
- "surface-quaternary": "#2c2c2c",
354
+ "surface-level-050": "#ffffff",
355
+ "surface-level-100": "#111111",
356
+ "surface-level-100-hover": "#636363",
357
+ "surface-level-200": "#2c2c2c",
358
+ "surface-level-300": "#111111",
359
+ "surface-level-400": "#2c2c2c",
357
360
  "surface-inverse": "#eeeeee",
358
361
  "surface-success": "#359970",
359
362
  "surface-warning": "#ffd533",
@@ -504,12 +507,13 @@
504
507
  "primary-text-on-secondary-color": "#d5d8df",
505
508
  "fixed-light-color": "#ffffff",
506
509
  "fixed-dark-color": "#323338",
507
- "surface-primary": "#282a36",
508
- "surface-primary-rgb": "#282a36",
509
- "surface-primary-hover": "#4b4e69",
510
+ "surface-level-050": "#ffffff",
511
+ "surface-level-100": "#282a36",
512
+ "surface-level-100-rgb": "#282a36",
513
+ "surface-level-100-hover": "#4b4e69",
510
514
  "primary-background-hover-on-secondary-color": "#4b4e69",
511
- "surface-tertiary": "#282a36",
512
- "surface-quaternary": "#282a36",
515
+ "surface-level-300": "#282a36",
516
+ "surface-level-400": "#282a36",
513
517
  "surface-inverse": "#ffffff",
514
518
  "surface-success": "#359970",
515
519
  "surface-warning": "#ffd533",
@@ -539,8 +543,8 @@
539
543
  "disabled-background-on-secondary-color": "#3a3a3a",
540
544
  "dark-background-color": "#303241",
541
545
  "dark-background-on-secondary-color": "#595959",
542
- "surface-secondary": "#30324e",
543
- "surface-secondary-rgb": "#30324e",
546
+ "surface-level-200": "#30324e",
547
+ "surface-level-200-rgb": "#30324e",
544
548
  "dialog-background-color": "#30324e",
545
549
  "label-background-color": "#404b69",
546
550
  "label-background-on-secondary-color": "#404b69",
package/src/utilities/_utilities-maps.scss CHANGED
@@ -25,9 +25,9 @@ $utility-colors-vars: (
25
25
  );
26
26
 
27
27
  $utility-background-colors-vars: (
28
- primaryBackgroundColor: var(--surface-primary),
29
- secondaryBackgroundColor: var(--surface-secondary),
30
- greyBackgroundColor: var(--surface-tertiary),
31
- allgreyBackgroundColor: var(--surface-quaternary),
28
+ primaryBackgroundColor: var(--surface-level-100),
29
+ secondaryBackgroundColor: var(--surface-level-200),
30
+ greyBackgroundColor: var(--surface-level-300),
31
+ allgreyBackgroundColor: var(--surface-level-400),
32
32
  invertedColorBackground: var(--surface-inverse)
33
33
  );