@rovula/ui 0.1.5 → 0.1.7

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 (97) hide show
  1. package/dist/cjs/bundle.css +404 -368
  2. package/dist/cjs/bundle.js +171 -171
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/Text/Text.d.ts +25 -1
  5. package/dist/cjs/types/components/Text/Text.stories.d.ts +1 -1
  6. package/dist/cjs/types/utils/colors.d.ts +268 -268
  7. package/dist/components/Avatar/Avatar.styles.js +2 -2
  8. package/dist/components/Button/Buttons.stories.js +1 -1
  9. package/dist/components/Calendar/Calendar.js +1 -1
  10. package/dist/components/Dropdown/Dropdown.js +2 -2
  11. package/dist/components/DropdownMenu/DropdownMenu.js +4 -4
  12. package/dist/components/Footer/Footer.js +1 -1
  13. package/dist/components/Input/Input.styles.js +2 -2
  14. package/dist/components/InputFilter/InputFilter.js +2 -2
  15. package/dist/components/Label/Label.styles.js +4 -4
  16. package/dist/components/Menu/Menu.js +2 -2
  17. package/dist/components/Navbar/Navbar.js +1 -1
  18. package/dist/components/Switch/Switch.styles.js +1 -1
  19. package/dist/components/Tabs/Tabs.js +1 -1
  20. package/dist/components/Text/Text.js +11 -1
  21. package/dist/components/Text/Text.stories.js +6 -6
  22. package/dist/components/TextArea/TextArea.styles.js +6 -6
  23. package/dist/components/TextInput/TextInput.stories.js +1 -1
  24. package/dist/components/TextInput/TextInput.styles.js +18 -18
  25. package/dist/components/Toast/Toast.js +2 -2
  26. package/dist/esm/bundle.css +404 -368
  27. package/dist/esm/bundle.js +5 -5
  28. package/dist/esm/bundle.js.map +1 -1
  29. package/dist/esm/types/components/Text/Text.d.ts +25 -1
  30. package/dist/esm/types/components/Text/Text.stories.d.ts +1 -1
  31. package/dist/esm/types/utils/colors.d.ts +268 -268
  32. package/dist/index.d.ts +293 -269
  33. package/dist/src/theme/global.css +2514 -2607
  34. package/dist/utils/colors.js +268 -268
  35. package/package.json +1 -1
  36. package/src/components/Avatar/Avatar.styles.ts +2 -2
  37. package/src/components/Button/Buttons.stories.tsx +17 -9
  38. package/src/components/Calendar/Calendar.tsx +1 -1
  39. package/src/components/Dropdown/Dropdown.tsx +2 -2
  40. package/src/components/DropdownMenu/DropdownMenu.tsx +6 -6
  41. package/src/components/Footer/Footer.tsx +1 -1
  42. package/src/components/Input/Input.styles.tsx +2 -2
  43. package/src/components/InputFilter/InputFilter.tsx +2 -2
  44. package/src/components/Label/Label.styles.ts +4 -4
  45. package/src/components/Menu/Menu.tsx +2 -2
  46. package/src/components/Navbar/Navbar.tsx +1 -1
  47. package/src/components/Switch/Switch.styles.ts +1 -1
  48. package/src/components/Tabs/Tabs.tsx +1 -1
  49. package/src/components/Text/Text.stories.tsx +6 -6
  50. package/src/components/Text/Text.tsx +36 -1
  51. package/src/components/TextArea/TextArea.styles.ts +6 -6
  52. package/src/components/TextInput/TextInput.stories.tsx +3 -1
  53. package/src/components/TextInput/TextInput.styles.ts +18 -18
  54. package/src/components/Toast/Toast.tsx +2 -2
  55. package/src/theme/THEME_MAPPING.md +41 -42
  56. package/src/theme/global.css +8 -4
  57. package/src/theme/main-preset.js +49 -0
  58. package/src/theme/plugins/utilities/typography.js +40 -6
  59. package/src/theme/presets/colors.js +27 -29
  60. package/src/theme/themes/skyller/baseline.css +0 -4
  61. package/src/theme/themes/variable-mapping.css +1064 -0
  62. package/src/theme/themes/variable.css +317 -284
  63. package/src/theme/themes/xspector/baseline.css +0 -4
  64. package/src/theme/themes/xspector/components/dropdown-menu.css +4 -4
  65. package/src/theme/tokens/baseline.css +0 -3
  66. package/src/theme/tokens/color.css +34 -63
  67. package/src/theme/tokens/components/action-button.css +6 -6
  68. package/src/theme/tokens/components/button.css +189 -189
  69. package/src/theme/tokens/components/dropdown-menu.css +2 -2
  70. package/src/theme/tokens/components/footer.css +1 -1
  71. package/src/theme/tokens/components/switch.css +10 -10
  72. package/src/theme/tokens/typography.css +28 -28
  73. package/src/theme/tokens_old/baseline.css +13 -0
  74. package/src/theme/tokens_old/color.css +78 -0
  75. package/src/theme/tokens_old/components/action-button.css +127 -0
  76. package/src/theme/tokens_old/components/button.css +512 -0
  77. package/src/theme/tokens_old/components/dropdown-menu.css +27 -0
  78. package/src/theme/tokens_old/components/footer.css +9 -0
  79. package/src/theme/tokens_old/components/loading.css +11 -0
  80. package/src/theme/tokens_old/components/navbar.css +9 -0
  81. package/src/theme/tokens_old/components/progress-bar.css +8 -0
  82. package/src/theme/tokens_old/components/switch.css +29 -0
  83. package/src/theme/tokens_old/typography.css +199 -0
  84. package/src/theme/tokens_old/variables.css +28 -0
  85. package/src/theme/utils.js +16 -16
  86. package/src/utils/colors.ts +276 -279
  87. package/src/theme/themes/skyller/color.css +0 -79
  88. package/src/theme/themes/skyller/palette.css +0 -143
  89. package/src/theme/themes/skyller/state.css +0 -94
  90. package/src/theme/themes/skyller/transparent.css +0 -94
  91. package/src/theme/themes/xspector/color.css +0 -83
  92. package/src/theme/themes/xspector/palette.css +0 -142
  93. package/src/theme/themes/xspector/state.css +0 -94
  94. package/src/theme/themes/xspector/transparent.css +0 -93
  95. /package/src/theme/{tokens → tokens_old}/palette.css +0 -0
  96. /package/src/theme/{tokens → tokens_old}/state.css +0 -0
  97. /package/src/theme/{tokens → tokens_old}/transparent.css +0 -0
@@ -15,36 +15,36 @@
15
15
  --brand-columbia-blue-xspector: #adcad6;
16
16
  --brand-columbia-blue-report-xspector-light-mode: #adcad6;
17
17
  --brand-columbia-blue-skyller: #0891b2;
18
- --brand-backgroud-xspector: #1e3249;
19
- --brand-backgroud-report-xspector-light-mode: #1e3249;
20
- --brand-backgroud-skyller: #60a5fa;
18
+ --brand-background-xspector: #1e3249;
19
+ --brand-background-report-xspector-light-mode: #1e3249;
20
+ --brand-background-skyller: #60a5fa;
21
21
  --brand-lemon-glacier-xspector: #f5ff00;
22
22
  --brand-lemon-glacier-report-xspector-light-mode: #f5ff00;
23
23
  --brand-lemon-glacier-skyller: #fde68a;
24
24
  --text-black-xspector: #000000;
25
25
  --text-black-report-xspector-light-mode: #000000;
26
26
  --text-black-skyller: #000000;
27
- --text-dark-xspector: #212b36;
28
- --text-dark-report-xspector-light-mode: #18283a;
29
- --text-dark-skyller: #a3a3a3;
30
- --text-medium-xspector: #637381;
31
- --text-medium-report-xspector-light-mode: #4b5b6d;
32
- --text-medium-skyller: #737373;
33
- --text-light-xspector: #919eab;
34
- --text-light-report-xspector-light-mode: #8e98a4;
35
- --text-light-skyller: #171717;
36
- --text-grey-dark-xspector: #7e7e7e;
37
- --text-grey-dark-report-xspector-light-mode: #4f4f4f;
38
- --text-grey-dark-skyller: #a3a3a3;
39
- --text-grey-medium-xspector: #aaaaaa;
40
- --text-grey-medium-report-xspector-light-mode: #7e7e7e;
41
- --text-grey-medium-skyller: #737373;
42
- --text-grey-light-xspector: #dfe3e8;
43
- --text-grey-light-report-xspector-light-mode: #9e9e9e;
44
- --text-grey-light-skyller: #171717;
45
- --text-white-xspector: #ffffff;
46
- --text-white-report-xspector-light-mode: #7e7e7e;
47
- --text-white-skyller: #171717;
27
+ --text-contrast-low-xspector: #212b36;
28
+ --text-contrast-low-report-xspector-light-mode: #18283a;
29
+ --text-contrast-low-skyller: #a3a3a3;
30
+ --text-contrast-medium-xspector: #637381;
31
+ --text-contrast-medium-report-xspector-light-mode: #4b5b6d;
32
+ --text-contrast-medium-skyller: #737373;
33
+ --text-contrast-high-xspector: #919eab;
34
+ --text-contrast-high-report-xspector-light-mode: #8e98a4;
35
+ --text-contrast-high-skyller: #171717;
36
+ --text-g-contrast-low-xspector: #7e7e7e;
37
+ --text-g-contrast-low-report-xspector-light-mode: #4f4f4f;
38
+ --text-g-contrast-low-skyller: #a3a3a3;
39
+ --text-g-contrast-medium-xspector: #aaaaaa;
40
+ --text-g-contrast-medium-report-xspector-light-mode: #7e7e7e;
41
+ --text-g-contrast-medium-skyller: #737373;
42
+ --text-g-contrast-high-xspector: #dfe3e8;
43
+ --text-g-contrast-high-report-xspector-light-mode: #9e9e9e;
44
+ --text-g-contrast-high-skyller: #171717;
45
+ --text-contrast-max-xspector: #ffffff;
46
+ --text-contrast-max-report-xspector-light-mode: #4f4f4f;
47
+ --text-contrast-max-skyller: #171717;
48
48
  --state-primary-default-xspector: #b1a400;
49
49
  --state-primary-default-report-xspector-light-mode: #1e3249;
50
50
  --state-primary-default-skyller: #2563eb;
@@ -105,36 +105,36 @@
105
105
  --state-secondary-text-pressed-xspector: #c5c5c5;
106
106
  --state-secondary-text-pressed-report-xspector-light-mode: #6f6700;
107
107
  --state-secondary-text-pressed-skyller: #1e40af;
108
- --state-tertiery-default-xspector: #8aa2ab;
109
- --state-tertiery-default-report-xspector-light-mode: #4f4f4f;
110
- --state-tertiery-default-skyller: #0891b2;
111
- --state-tertiery-hover-xspector: #adcad6;
112
- --state-tertiery-hover-report-xspector-light-mode: #6f6f6f;
113
- --state-tertiery-hover-skyller: #52b2c9;
114
- --state-tertiery-stroke-xspector: rgba(138 162 171 / 0.48);
115
- --state-tertiery-stroke-report-xspector-light-mode: rgba(79 79 79 / 0.48);
116
- --state-tertiery-stroke-skyller: rgba(8 145 178 / 0.48);
117
- --state-tertiery-hover-bg-xspector: rgba(173 202 214 / 0.08);
118
- --state-tertiery-hover-bg-report-xspector-light-mode: rgba(158 158 158 / 0.08);
119
- --state-tertiery-hover-bg-skyller: rgba(82 178 201 / 0.08);
120
- --state-tertiery-pressed-xspector: #57656b;
121
- --state-tertiery-pressed-report-xspector-light-mode: #b1b1b1;
122
- --state-tertiery-pressed-skyller: #06667d;
123
- --state-tertiery-active-xspector: #adcad6;
124
- --state-tertiery-active-report-xspector-light-mode: #6f6f6f;
125
- --state-tertiery-active-skyller: #044959;
126
- --state-tertiery-text-solid-xspector: #212b36;
127
- --state-tertiery-text-solid-report-xspector-light-mode: #ffffff;
128
- --state-tertiery-text-solid-skyller: #ffffff;
129
- --state-tertiery-text-outline-xspector: #8aa2ab;
130
- --state-tertiery-text-outline-report-xspector-light-mode: #4f4f4f;
131
- --state-tertiery-text-outline-skyller: #0891b2;
132
- --state-tertiery-text-hover-xspector: #adcad6;
133
- --state-tertiery-text-hover-report-xspector-light-mode: #6f6f6f;
134
- --state-tertiery-text-hover-skyller: #52b2c9;
135
- --state-tertiery-text-pressed-xspector: #57656b;
136
- --state-tertiery-text-pressed-report-xspector-light-mode: #b1b1b1;
137
- --state-tertiery-text-pressed-skyller: #06667d;
108
+ --state-tertiary-default-xspector: #8aa2ab;
109
+ --state-tertiary-default-report-xspector-light-mode: #4f4f4f;
110
+ --state-tertiary-default-skyller: #0891b2;
111
+ --state-tertiary-hover-xspector: #adcad6;
112
+ --state-tertiary-hover-report-xspector-light-mode: #6f6f6f;
113
+ --state-tertiary-hover-skyller: #52b2c9;
114
+ --state-tertiary-stroke-xspector: rgba(138 162 171 / 0.48);
115
+ --state-tertiary-stroke-report-xspector-light-mode: rgba(79 79 79 / 0.48);
116
+ --state-tertiary-stroke-skyller: rgba(8 145 178 / 0.48);
117
+ --state-tertiary-hover-bg-xspector: rgba(173 202 214 / 0.08);
118
+ --state-tertiary-hover-bg-report-xspector-light-mode: rgba(158 158 158 / 0.08);
119
+ --state-tertiary-hover-bg-skyller: rgba(82 178 201 / 0.08);
120
+ --state-tertiary-pressed-xspector: #57656b;
121
+ --state-tertiary-pressed-report-xspector-light-mode: #b1b1b1;
122
+ --state-tertiary-pressed-skyller: #06667d;
123
+ --state-tertiary-active-xspector: #adcad6;
124
+ --state-tertiary-active-report-xspector-light-mode: #6f6f6f;
125
+ --state-tertiary-active-skyller: #044959;
126
+ --state-tertiary-text-solid-xspector: #212b36;
127
+ --state-tertiary-text-solid-report-xspector-light-mode: #ffffff;
128
+ --state-tertiary-text-solid-skyller: #ffffff;
129
+ --state-tertiary-text-outline-xspector: #8aa2ab;
130
+ --state-tertiary-text-outline-report-xspector-light-mode: #4f4f4f;
131
+ --state-tertiary-text-outline-skyller: #0891b2;
132
+ --state-tertiary-text-hover-xspector: #adcad6;
133
+ --state-tertiary-text-hover-report-xspector-light-mode: #6f6f6f;
134
+ --state-tertiary-text-hover-skyller: #52b2c9;
135
+ --state-tertiary-text-pressed-xspector: #57656b;
136
+ --state-tertiary-text-pressed-report-xspector-light-mode: #b1b1b1;
137
+ --state-tertiary-text-pressed-skyller: #06667d;
138
138
  --state-info-default-xspector: #1b7df5;
139
139
  --state-info-default-report-xspector-light-mode: #1b7df5;
140
140
  --state-info-default-skyller: #2563eb;
@@ -257,7 +257,7 @@
257
257
  --state-error-text-pressed-skyller: #991b1b;
258
258
  --state-disable-solid-xspector: #454f5b;
259
259
  --state-disable-solid-report-xspector-light-mode: #d3dadf;
260
- --state-disable-solid-skyller: #d4d4d4;
260
+ --state-disable-solid-skyller: #cfcfcf;
261
261
  --state-disable-outline-xspector: #637381;
262
262
  --state-disable-outline-report-xspector-light-mode: #9dabb5;
263
263
  --state-disable-outline-skyller: #a3a3a3;
@@ -618,228 +618,228 @@
618
618
  --ramps-error-950-xspector: #4b0c04;
619
619
  --ramps-error-950-report-xspector-light-mode: #4b0c04;
620
620
  --ramps-error-950-skyller: #410a0a;
621
- --transparency-primary-8-xspector: rgba(221 205 0 / 0.08);
622
- --transparency-primary-8-report-xspector-light-mode: rgba(30 50 73 / 0.08);
623
- --transparency-primary-8-skyller: rgba(37 99 235 / 0.08);
624
- --transparency-primary-12-xspector: rgba(221 205 0 / 0.12);
625
- --transparency-primary-12-report-xspector-light-mode: rgba(30 50 73 / 0.12);
626
- --transparency-primary-12-skyller: rgba(37 99 235 / 0.12);
627
- --transparency-primary-16-xspector: rgba(221 205 0 / 0.16);
628
- --transparency-primary-16-report-xspector-light-mode: rgba(30 50 73 / 0.16);
629
- --transparency-primary-16-skyller: rgba(37 99 235 / 0.16);
630
- --transparency-primary-24-xspector: rgba(221 205 0 / 0.24);
631
- --transparency-primary-24-report-xspector-light-mode: rgba(30 50 73 / 0.24);
632
- --transparency-primary-24-skyller: rgba(37 99 235 / 0.24);
633
- --transparency-primary-32-xspector: rgba(221 205 0 / 0.32);
634
- --transparency-primary-32-report-xspector-light-mode: rgba(30 50 73 / 0.32);
635
- --transparency-primary-32-skyller: rgba(37 99 235 / 0.32);
636
- --transparency-primary-48-xspector: rgba(221 205 0 / 0.48);
637
- --transparency-primary-48-report-xspector-light-mode: rgba(30 50 73 / 0.48);
638
- --transparency-primary-48-skyller: rgba(37 99 235 / 0.48);
639
- --transparency-secondary-8-xspector: rgba(158 158 158 / 0.08);
640
- --transparency-secondary-8-report-xspector-light-mode: rgba(221 205 0 / 0.08);
641
- --transparency-secondary-8-skyller: rgba(96 165 250 / 0.08);
642
- --transparency-secondary-12-xspector: rgba(158 158 158 / 0.12);
643
- --transparency-secondary-12-report-xspector-light-mode: rgba(221 205 0 / 0.12);
644
- --transparency-secondary-12-skyller: rgba(96 165 250 / 0.12);
645
- --transparency-secondary-16-xspector: rgba(158 158 158 / 0.16);
646
- --transparency-secondary-16-report-xspector-light-mode: rgba(221 205 0 / 0.16);
647
- --transparency-secondary-16-skyller: rgba(96 165 250 / 0.16);
648
- --transparency-secondary-24-xspector: rgba(158 158 158 / 0.24);
649
- --transparency-secondary-24-report-xspector-light-mode: rgba(221 205 0 / 0.24);
650
- --transparency-secondary-24-skyller: rgba(96 165 250 / 0.24);
651
- --transparency-secondary-32-xspector: rgba(158 158 158 / 0.32);
652
- --transparency-secondary-32-report-xspector-light-mode: rgba(221 205 0 / 0.32);
653
- --transparency-secondary-32-skyller: rgba(96 165 250 / 0.32);
654
- --transparency-secondary-48-xspector: rgba(158 158 158 / 0.48);
655
- --transparency-secondary-48-report-xspector-light-mode: rgba(221 205 0 / 0.48);
656
- --transparency-secondary-48-skyller: rgba(96 165 250 / 0.48);
657
- --transparency-tertiary-8-xspector: rgba(173 202 214 / 0.08);
658
- --transparency-tertiary-8-report-xspector-light-mode: rgba(158 158 158 / 0.08);
659
- --transparency-tertiary-8-skyller: rgba(8 145 178 / 0.08);
660
- --transparency-tertiary-12-xspector: rgba(173 202 214 / 0.12);
661
- --transparency-tertiary-12-report-xspector-light-mode: rgba(158 158 158 / 0.12);
662
- --transparency-tertiary-12-skyller: rgba(8 145 178 / 0.12);
663
- --transparency-tertiary-16-xspector: rgba(173 202 214 / 0.16);
664
- --transparency-tertiary-16-report-xspector-light-mode: rgba(158 158 158 / 0.16);
665
- --transparency-tertiary-16-skyller: rgba(8 145 178 / 0.16);
666
- --transparency-tertiary-24-xspector: rgba(173 202 214 / 0.24);
667
- --transparency-tertiary-24-report-xspector-light-mode: rgba(158 158 158 / 0.24);
668
- --transparency-tertiary-24-skyller: rgba(8 145 178 / 0.24);
669
- --transparency-tertiary-32-xspector: rgba(173 202 214 / 0.32);
670
- --transparency-tertiary-32-report-xspector-light-mode: rgba(158 158 158 / 0.32);
671
- --transparency-tertiary-32-skyller: rgba(8 145 178 / 0.32);
672
- --transparency-tertiary-48-xspector: rgba(173 202 214 / 0.48);
673
- --transparency-tertiary-48-report-xspector-light-mode: rgba(158 158 158 / 0.48);
674
- --transparency-tertiary-48-skyller: rgba(8 145 178 / 0.48);
675
- --transparency-info-8-xspector: rgba(41 152 255 / 0.08);
676
- --transparency-info-8-report-xspector-light-mode: rgba(41 152 255 / 0.08);
677
- --transparency-info-8-skyller: rgba(37 99 235 / 0.08);
678
- --transparency-info-12-xspector: rgba(41 152 255 / 0.12);
679
- --transparency-info-12-report-xspector-light-mode: rgba(41 152 255 / 0.12);
680
- --transparency-info-12-skyller: rgba(37 99 235 / 0.12);
681
- --transparency-info-16-xspector: rgba(41 152 255 / 0.16);
682
- --transparency-info-16-report-xspector-light-mode: rgba(41 152 255 / 0.16);
683
- --transparency-info-16-skyller: rgba(37 99 235 / 0.16);
684
- --transparency-info-24-xspector: rgba(41 152 255 / 0.24);
685
- --transparency-info-24-report-xspector-light-mode: rgba(41 152 255 / 0.24);
686
- --transparency-info-24-skyller: rgba(37 99 235 / 0.24);
687
- --transparency-info-32-xspector: rgba(41 152 255 / 0.32);
688
- --transparency-info-32-report-xspector-light-mode: rgba(41 152 255 / 0.32);
689
- --transparency-info-32-skyller: rgba(37 99 235 / 0.32);
690
- --transparency-info-48-xspector: rgba(41 152 255 / 0.48);
691
- --transparency-info-48-report-xspector-light-mode: rgba(41 152 255 / 0.48);
692
- --transparency-info-48-skyller: rgba(37 99 235 / 0.48);
693
- --transparency-success-8-xspector: rgba(84 214 44 / 0.08);
694
- --transparency-success-8-report-xspector-light-mode: rgba(84 214 44 / 0.08);
695
- --transparency-success-8-skyller: rgba(22 163 74 / 0.08);
696
- --transparency-success-12-xspector: rgba(84 214 44 / 0.12);
697
- --transparency-success-12-report-xspector-light-mode: rgba(84 214 44 / 0.12);
698
- --transparency-success-12-skyller: rgba(22 163 74 / 0.12);
699
- --transparency-success-16-xspector: rgba(84 214 44 / 0.16);
700
- --transparency-success-16-report-xspector-light-mode: rgba(84 214 44 / 0.16);
701
- --transparency-success-16-skyller: rgba(22 163 74 / 0.16);
702
- --transparency-success-24-xspector: rgba(84 214 44 / 0.24);
703
- --transparency-success-24-report-xspector-light-mode: rgba(84 214 44 / 0.24);
704
- --transparency-success-24-skyller: rgba(22 163 74 / 0.24);
705
- --transparency-success-32-xspector: rgba(84 214 44 / 0.32);
706
- --transparency-success-32-report-xspector-light-mode: rgba(84 214 44 / 0.32);
707
- --transparency-success-32-skyller: rgba(22 163 74 / 0.32);
708
- --transparency-success-48-xspector: rgba(84 214 44 / 0.48);
709
- --transparency-success-48-report-xspector-light-mode: rgba(84 214 44 / 0.48);
710
- --transparency-success-48-skyller: rgba(22 163 74 / 0.48);
711
- --transparency-warning-8-xspector: rgba(255 193 7 / 0.08);
712
- --transparency-warning-8-report-xspector-light-mode: rgba(255 193 7 / 0.08);
713
- --transparency-warning-8-skyller: rgba(251 191 36 / 0.08);
714
- --transparency-warning-12-xspector: rgba(255 193 7 / 0.12);
715
- --transparency-warning-12-report-xspector-light-mode: rgba(255 193 7 / 0.12);
716
- --transparency-warning-12-skyller: rgba(251 191 36 / 0.12);
717
- --transparency-warning-16-xspector: rgba(255 193 7 / 0.16);
718
- --transparency-warning-16-report-xspector-light-mode: rgba(255 193 7 / 0.16);
719
- --transparency-warning-16-skyller: rgba(251 191 36 / 0.16);
720
- --transparency-warning-24-xspector: rgba(255 193 7 / 0.24);
721
- --transparency-warning-24-report-xspector-light-mode: rgba(255 193 7 / 0.24);
722
- --transparency-warning-24-skyller: rgba(251 191 36 / 0.24);
723
- --transparency-warning-32-xspector: rgba(255 193 7 / 0.32);
724
- --transparency-warning-32-report-xspector-light-mode: rgba(255 193 7 / 0.32);
725
- --transparency-warning-32-skyller: rgba(251 191 36 / 0.32);
726
- --transparency-warning-48-xspector: rgba(255 193 7 / 0.48);
727
- --transparency-warning-48-report-xspector-light-mode: rgba(255 193 7 / 0.48);
728
- --transparency-warning-48-skyller: rgba(251 191 36 / 0.48);
729
- --transparency-error-8-xspector: rgba(255 72 66 / 0.08);
730
- --transparency-error-8-report-xspector-light-mode: rgba(255 72 66 / 0.08);
731
- --transparency-error-8-skyller: rgba(220 38 38 / 0.08);
732
- --transparency-error-12-xspector: rgba(255 72 66 / 0.12);
733
- --transparency-error-12-report-xspector-light-mode: rgba(255 72 66 / 0.12);
734
- --transparency-error-12-skyller: rgba(220 38 38 / 0.12);
735
- --transparency-error-16-xspector: rgba(255 72 66 / 0.16);
736
- --transparency-error-16-report-xspector-light-mode: rgba(255 72 66 / 0.16);
737
- --transparency-error-16-skyller: rgba(220 38 38 / 0.16);
738
- --transparency-error-24-xspector: rgba(255 72 66 / 0.24);
739
- --transparency-error-24-report-xspector-light-mode: rgba(255 72 66 / 0.24);
740
- --transparency-error-24-skyller: rgba(220 38 38 / 0.24);
741
- --transparency-error-32-xspector: rgba(255 72 66 / 0.32);
742
- --transparency-error-32-report-xspector-light-mode: rgba(255 72 66 / 0.32);
743
- --transparency-error-32-skyller: rgba(220 38 38 / 0.32);
744
- --transparency-error-48-xspector: rgba(255 72 66 / 0.48);
745
- --transparency-error-48-report-xspector-light-mode: rgba(255 72 66 / 0.48);
746
- --transparency-error-48-skyller: rgba(220 38 38 / 0.48);
747
- --transparency-grey-8-xspector: rgba(158 158 158 / 0.08);
748
- --transparency-grey-8-report-xspector-light-mode: rgba(158 158 158 / 0.08);
749
- --transparency-grey-8-skyller: rgba(115 115 115 / 0.08);
750
- --transparency-grey-12-xspector: rgba(158 158 158 / 0.12);
751
- --transparency-grey-12-report-xspector-light-mode: rgba(158 158 158 / 0.12);
752
- --transparency-grey-12-skyller: rgba(115 115 115 / 0.12);
753
- --transparency-grey-16-xspector: rgba(158 158 158 / 0.16);
754
- --transparency-grey-16-report-xspector-light-mode: rgba(158 158 158 / 0.16);
755
- --transparency-grey-16-skyller: rgba(115 115 115 / 0.16);
756
- --transparency-grey-24-xspector: rgba(158 158 158 / 0.24);
757
- --transparency-grey-24-report-xspector-light-mode: rgba(158 158 158 / 0.24);
758
- --transparency-grey-24-skyller: rgba(115 115 115 / 0.24);
759
- --transparency-grey-32-xspector: rgba(158 158 158 / 0.32);
760
- --transparency-grey-32-report-xspector-light-mode: rgba(158 158 158 / 0.32);
761
- --transparency-grey-32-skyller: rgba(115 115 115 / 0.32);
762
- --transparency-grey-48-xspector: rgba(158 158 158 / 0.48);
763
- --transparency-grey-48-report-xspector-light-mode: rgba(158 158 158 / 0.48);
764
- --transparency-grey-48-skyller: rgba(115 115 115 / 0.48);
765
- --transparency-grey2-8-xspector: rgba(145 158 171 / 0.08);
766
- --transparency-grey2-8-report-xspector-light-mode: rgba(145 158 171 / 0.08);
767
- --transparency-grey2-8-skyller: rgba(163 163 163 / 0.08);
768
- --transparency-grey2-12-xspector: rgba(145 158 171 / 0.12);
769
- --transparency-grey2-12-report-xspector-light-mode: rgba(145 158 171 / 0.12);
770
- --transparency-grey2-12-skyller: rgba(163 163 163 / 0.12);
771
- --transparency-grey2-16-xspector: rgba(145 158 171 / 0.16);
772
- --transparency-grey2-16-report-xspector-light-mode: rgba(145 158 171 / 0.16);
773
- --transparency-grey2-16-skyller: rgba(163 163 163 / 0.16);
774
- --transparency-grey2-24-xspector: rgba(145 158 171 / 0.24);
775
- --transparency-grey2-24-report-xspector-light-mode: rgba(145 158 171 / 0.24);
776
- --transparency-grey2-24-skyller: rgba(163 163 163 / 0.24);
777
- --transparency-grey2-32-xspector: rgba(145 158 171 / 0.32);
778
- --transparency-grey2-32-report-xspector-light-mode: rgba(145 158 171 / 0.32);
779
- --transparency-grey2-32-skyller: rgba(163 163 163 / 0.32);
780
- --transparency-grey2-48-xspector: rgba(145 158 171 / 0.48);
781
- --transparency-grey2-48-report-xspector-light-mode: rgba(145 158 171 / 0.48);
782
- --transparency-grey2-48-skyller: rgba(163 163 163 / 0.48);
783
- --transparency-white-8-xspector: rgba(255 255 255 / 0.08);
784
- --transparency-white-8-report-xspector-light-mode: rgba(255 255 255 / 0.08);
785
- --transparency-white-8-skyller: rgba(255 255 255 / 0.08);
786
- --transparency-white-12-xspector: rgba(255 255 255 / 0.12);
787
- --transparency-white-12-report-xspector-light-mode: rgba(255 255 255 / 0.12);
788
- --transparency-white-12-skyller: rgba(255 255 255 / 0.12);
789
- --transparency-white-16-xspector: rgba(255 255 255 / 0.16);
790
- --transparency-white-16-report-xspector-light-mode: rgba(255 255 255 / 0.16);
791
- --transparency-white-16-skyller: rgba(255 255 255 / 0.16);
792
- --transparency-white-24-xspector: rgba(255 255 255 / 0.24);
793
- --transparency-white-24-report-xspector-light-mode: rgba(255 255 255 / 0.24);
794
- --transparency-white-24-skyller: rgba(255 255 255 / 0.24);
795
- --transparency-white-32-xspector: rgba(255 255 255 / 0.32);
796
- --transparency-white-32-report-xspector-light-mode: rgba(255 255 255 / 0.32);
797
- --transparency-white-32-skyller: rgba(255 255 255 / 0.32);
798
- --transparency-white-48-xspector: rgba(255 255 255 / 0.48);
799
- --transparency-white-48-report-xspector-light-mode: rgba(255 255 255 / 0.48);
800
- --transparency-white-48-skyller: rgba(255 255 255 / 0.48);
801
- --transparency-black-8-xspector: rgba(0 0 0 / 0.08);
802
- --transparency-black-8-report-xspector-light-mode: rgba(0 0 0 / 0.08);
803
- --transparency-black-8-skyller: rgba(0 0 0 / 0.08);
804
- --transparency-black-12-xspector: rgba(0 0 0 / 0.12);
805
- --transparency-black-12-report-xspector-light-mode: rgba(0 0 0 / 0.12);
806
- --transparency-black-12-skyller: rgba(0 0 0 / 0.12);
807
- --transparency-black-16-xspector: rgba(0 0 0 / 0.16);
808
- --transparency-black-16-report-xspector-light-mode: rgba(0 0 0 / 0.16);
809
- --transparency-black-16-skyller: rgba(0 0 0 / 0.16);
810
- --transparency-black-24-xspector: rgba(0 0 0 / 0.24);
811
- --transparency-black-24-report-xspector-light-mode: rgba(0 0 0 / 0.24);
812
- --transparency-black-24-skyller: rgba(0 0 0 / 0.24);
813
- --transparency-black-32-xspector: rgba(0 0 0 / 0.32);
814
- --transparency-black-32-report-xspector-light-mode: rgba(0 0 0 / 0.32);
815
- --transparency-black-32-skyller: rgba(0 0 0 / 0.32);
816
- --transparency-black-48-xspector: rgba(0 0 0 / 0.48);
817
- --transparency-black-48-report-xspector-light-mode: rgba(0 0 0 / 0.48);
818
- --transparency-black-48-skyller: rgba(0 0 0 / 0.48);
819
- --base-modal-modal-xspector: #2d2e30;
820
- --base-modal-modal-report-xspector-light-mode: #ffffff;
821
- --base-modal-modal-skyller: #ffffff;
822
- --base-modal-modal-hightlight-xspector: #343638;
823
- --base-modal-modal-hightlight-report-xspector-light-mode: #f5f5f5;
824
- --base-modal-modal-hightlight-skyller: #f5f5f5;
825
- --base-modal-modal-curtain-xspector: rgba(11 10 10 / 0.64);
826
- --base-modal-modal-curtain-report-xspector-light-mode: rgba(0 0 0 / 0.64);
827
- --base-modal-modal-curtain-skyller: rgba(0 0 0 / 0.64);
828
- --base-bg-bg1-xspector: #202427;
829
- --base-bg-bg1-report-xspector-light-mode: #ffffff;
830
- --base-bg-bg1-skyller: #ffffff;
831
- --base-bg-bg2-xspector: #282c31;
832
- --base-bg-bg2-report-xspector-light-mode: #f5f5f5;
833
- --base-bg-bg2-skyller: #fafafa;
834
- --base-bg-bg3-xspector: #000000;
835
- --base-bg-bg3-report-xspector-light-mode: #d8d8d8;
836
- --base-bg-bg3-skyller: #f5f5f5;
837
- --base-bg-stroke1-xspector: #000000;
838
- --base-bg-stroke1-report-xspector-light-mode: #e2e2e2;
839
- --base-bg-stroke1-skyller: #e5e5e5;
840
- --base-bg-stroke2-xspector: #000000;
841
- --base-bg-stroke2-report-xspector-light-mode: #c5c5c5;
842
- --base-bg-stroke2-skyller: #d4d4d4;
621
+ --transparent-primary-8-xspector: rgba(221 205 0 / 0.08);
622
+ --transparent-primary-8-report-xspector-light-mode: rgba(30 50 73 / 0.08);
623
+ --transparent-primary-8-skyller: rgba(37 99 235 / 0.08);
624
+ --transparent-primary-12-xspector: rgba(221 205 0 / 0.12);
625
+ --transparent-primary-12-report-xspector-light-mode: rgba(30 50 73 / 0.12);
626
+ --transparent-primary-12-skyller: rgba(37 99 235 / 0.12);
627
+ --transparent-primary-16-xspector: rgba(221 205 0 / 0.16);
628
+ --transparent-primary-16-report-xspector-light-mode: rgba(30 50 73 / 0.16);
629
+ --transparent-primary-16-skyller: rgba(37 99 235 / 0.16);
630
+ --transparent-primary-24-xspector: rgba(221 205 0 / 0.24);
631
+ --transparent-primary-24-report-xspector-light-mode: rgba(30 50 73 / 0.24);
632
+ --transparent-primary-24-skyller: rgba(37 99 235 / 0.24);
633
+ --transparent-primary-32-xspector: rgba(221 205 0 / 0.32);
634
+ --transparent-primary-32-report-xspector-light-mode: rgba(30 50 73 / 0.32);
635
+ --transparent-primary-32-skyller: rgba(37 99 235 / 0.32);
636
+ --transparent-primary-48-xspector: rgba(221 205 0 / 0.48);
637
+ --transparent-primary-48-report-xspector-light-mode: rgba(30 50 73 / 0.48);
638
+ --transparent-primary-48-skyller: rgba(37 99 235 / 0.48);
639
+ --transparent-secondary-8-xspector: rgba(158 158 158 / 0.08);
640
+ --transparent-secondary-8-report-xspector-light-mode: rgba(221 205 0 / 0.08);
641
+ --transparent-secondary-8-skyller: rgba(96 165 250 / 0.08);
642
+ --transparent-secondary-12-xspector: rgba(158 158 158 / 0.12);
643
+ --transparent-secondary-12-report-xspector-light-mode: rgba(221 205 0 / 0.12);
644
+ --transparent-secondary-12-skyller: rgba(96 165 250 / 0.12);
645
+ --transparent-secondary-16-xspector: rgba(158 158 158 / 0.16);
646
+ --transparent-secondary-16-report-xspector-light-mode: rgba(221 205 0 / 0.16);
647
+ --transparent-secondary-16-skyller: rgba(96 165 250 / 0.16);
648
+ --transparent-secondary-24-xspector: rgba(158 158 158 / 0.24);
649
+ --transparent-secondary-24-report-xspector-light-mode: rgba(221 205 0 / 0.24);
650
+ --transparent-secondary-24-skyller: rgba(96 165 250 / 0.24);
651
+ --transparent-secondary-32-xspector: rgba(158 158 158 / 0.32);
652
+ --transparent-secondary-32-report-xspector-light-mode: rgba(221 205 0 / 0.32);
653
+ --transparent-secondary-32-skyller: rgba(96 165 250 / 0.32);
654
+ --transparent-secondary-48-xspector: rgba(158 158 158 / 0.48);
655
+ --transparent-secondary-48-report-xspector-light-mode: rgba(221 205 0 / 0.48);
656
+ --transparent-secondary-48-skyller: rgba(96 165 250 / 0.48);
657
+ --transparent-tertiary-8-xspector: rgba(173 202 214 / 0.08);
658
+ --transparent-tertiary-8-report-xspector-light-mode: rgba(158 158 158 / 0.08);
659
+ --transparent-tertiary-8-skyller: rgba(8 145 178 / 0.08);
660
+ --transparent-tertiary-12-xspector: rgba(173 202 214 / 0.12);
661
+ --transparent-tertiary-12-report-xspector-light-mode: rgba(158 158 158 / 0.12);
662
+ --transparent-tertiary-12-skyller: rgba(8 145 178 / 0.12);
663
+ --transparent-tertiary-16-xspector: rgba(173 202 214 / 0.16);
664
+ --transparent-tertiary-16-report-xspector-light-mode: rgba(158 158 158 / 0.16);
665
+ --transparent-tertiary-16-skyller: rgba(8 145 178 / 0.16);
666
+ --transparent-tertiary-24-xspector: rgba(173 202 214 / 0.24);
667
+ --transparent-tertiary-24-report-xspector-light-mode: rgba(158 158 158 / 0.24);
668
+ --transparent-tertiary-24-skyller: rgba(8 145 178 / 0.24);
669
+ --transparent-tertiary-32-xspector: rgba(173 202 214 / 0.32);
670
+ --transparent-tertiary-32-report-xspector-light-mode: rgba(158 158 158 / 0.32);
671
+ --transparent-tertiary-32-skyller: rgba(8 145 178 / 0.32);
672
+ --transparent-tertiary-48-xspector: rgba(173 202 214 / 0.48);
673
+ --transparent-tertiary-48-report-xspector-light-mode: rgba(158 158 158 / 0.48);
674
+ --transparent-tertiary-48-skyller: rgba(8 145 178 / 0.48);
675
+ --transparent-info-8-xspector: rgba(41 152 255 / 0.08);
676
+ --transparent-info-8-report-xspector-light-mode: rgba(41 152 255 / 0.08);
677
+ --transparent-info-8-skyller: rgba(37 99 235 / 0.08);
678
+ --transparent-info-12-xspector: rgba(41 152 255 / 0.12);
679
+ --transparent-info-12-report-xspector-light-mode: rgba(41 152 255 / 0.12);
680
+ --transparent-info-12-skyller: rgba(37 99 235 / 0.12);
681
+ --transparent-info-16-xspector: rgba(41 152 255 / 0.16);
682
+ --transparent-info-16-report-xspector-light-mode: rgba(41 152 255 / 0.16);
683
+ --transparent-info-16-skyller: rgba(37 99 235 / 0.16);
684
+ --transparent-info-24-xspector: rgba(41 152 255 / 0.24);
685
+ --transparent-info-24-report-xspector-light-mode: rgba(41 152 255 / 0.24);
686
+ --transparent-info-24-skyller: rgba(37 99 235 / 0.24);
687
+ --transparent-info-32-xspector: rgba(41 152 255 / 0.32);
688
+ --transparent-info-32-report-xspector-light-mode: rgba(41 152 255 / 0.32);
689
+ --transparent-info-32-skyller: rgba(37 99 235 / 0.32);
690
+ --transparent-info-48-xspector: rgba(41 152 255 / 0.48);
691
+ --transparent-info-48-report-xspector-light-mode: rgba(41 152 255 / 0.48);
692
+ --transparent-info-48-skyller: rgba(37 99 235 / 0.48);
693
+ --transparent-success-8-xspector: rgba(84 214 44 / 0.08);
694
+ --transparent-success-8-report-xspector-light-mode: rgba(84 214 44 / 0.08);
695
+ --transparent-success-8-skyller: rgba(22 163 74 / 0.08);
696
+ --transparent-success-12-xspector: rgba(84 214 44 / 0.12);
697
+ --transparent-success-12-report-xspector-light-mode: rgba(84 214 44 / 0.12);
698
+ --transparent-success-12-skyller: rgba(22 163 74 / 0.12);
699
+ --transparent-success-16-xspector: rgba(84 214 44 / 0.16);
700
+ --transparent-success-16-report-xspector-light-mode: rgba(84 214 44 / 0.16);
701
+ --transparent-success-16-skyller: rgba(22 163 74 / 0.16);
702
+ --transparent-success-24-xspector: rgba(84 214 44 / 0.24);
703
+ --transparent-success-24-report-xspector-light-mode: rgba(84 214 44 / 0.24);
704
+ --transparent-success-24-skyller: rgba(22 163 74 / 0.24);
705
+ --transparent-success-32-xspector: rgba(84 214 44 / 0.32);
706
+ --transparent-success-32-report-xspector-light-mode: rgba(84 214 44 / 0.32);
707
+ --transparent-success-32-skyller: rgba(22 163 74 / 0.32);
708
+ --transparent-success-48-xspector: rgba(84 214 44 / 0.48);
709
+ --transparent-success-48-report-xspector-light-mode: rgba(84 214 44 / 0.48);
710
+ --transparent-success-48-skyller: rgba(22 163 74 / 0.48);
711
+ --transparent-warning-8-xspector: rgba(255 193 7 / 0.08);
712
+ --transparent-warning-8-report-xspector-light-mode: rgba(255 193 7 / 0.08);
713
+ --transparent-warning-8-skyller: rgba(251 191 36 / 0.08);
714
+ --transparent-warning-12-xspector: rgba(255 193 7 / 0.12);
715
+ --transparent-warning-12-report-xspector-light-mode: rgba(255 193 7 / 0.12);
716
+ --transparent-warning-12-skyller: rgba(251 191 36 / 0.12);
717
+ --transparent-warning-16-xspector: rgba(255 193 7 / 0.16);
718
+ --transparent-warning-16-report-xspector-light-mode: rgba(255 193 7 / 0.16);
719
+ --transparent-warning-16-skyller: rgba(251 191 36 / 0.16);
720
+ --transparent-warning-24-xspector: rgba(255 193 7 / 0.24);
721
+ --transparent-warning-24-report-xspector-light-mode: rgba(255 193 7 / 0.24);
722
+ --transparent-warning-24-skyller: rgba(251 191 36 / 0.24);
723
+ --transparent-warning-32-xspector: rgba(255 193 7 / 0.32);
724
+ --transparent-warning-32-report-xspector-light-mode: rgba(255 193 7 / 0.32);
725
+ --transparent-warning-32-skyller: rgba(251 191 36 / 0.32);
726
+ --transparent-warning-48-xspector: rgba(255 193 7 / 0.48);
727
+ --transparent-warning-48-report-xspector-light-mode: rgba(255 193 7 / 0.48);
728
+ --transparent-warning-48-skyller: rgba(251 191 36 / 0.48);
729
+ --transparent-error-8-xspector: rgba(255 72 66 / 0.08);
730
+ --transparent-error-8-report-xspector-light-mode: rgba(255 72 66 / 0.08);
731
+ --transparent-error-8-skyller: rgba(220 38 38 / 0.08);
732
+ --transparent-error-12-xspector: rgba(255 72 66 / 0.12);
733
+ --transparent-error-12-report-xspector-light-mode: rgba(255 72 66 / 0.12);
734
+ --transparent-error-12-skyller: rgba(220 38 38 / 0.12);
735
+ --transparent-error-16-xspector: rgba(255 72 66 / 0.16);
736
+ --transparent-error-16-report-xspector-light-mode: rgba(255 72 66 / 0.16);
737
+ --transparent-error-16-skyller: rgba(220 38 38 / 0.16);
738
+ --transparent-error-24-xspector: rgba(255 72 66 / 0.24);
739
+ --transparent-error-24-report-xspector-light-mode: rgba(255 72 66 / 0.24);
740
+ --transparent-error-24-skyller: rgba(220 38 38 / 0.24);
741
+ --transparent-error-32-xspector: rgba(255 72 66 / 0.32);
742
+ --transparent-error-32-report-xspector-light-mode: rgba(255 72 66 / 0.32);
743
+ --transparent-error-32-skyller: rgba(220 38 38 / 0.32);
744
+ --transparent-error-48-xspector: rgba(255 72 66 / 0.48);
745
+ --transparent-error-48-report-xspector-light-mode: rgba(255 72 66 / 0.48);
746
+ --transparent-error-48-skyller: rgba(220 38 38 / 0.48);
747
+ --transparent-grey-8-xspector: rgba(158 158 158 / 0.08);
748
+ --transparent-grey-8-report-xspector-light-mode: rgba(158 158 158 / 0.08);
749
+ --transparent-grey-8-skyller: rgba(115 115 115 / 0.08);
750
+ --transparent-grey-12-xspector: rgba(158 158 158 / 0.12);
751
+ --transparent-grey-12-report-xspector-light-mode: rgba(158 158 158 / 0.12);
752
+ --transparent-grey-12-skyller: rgba(115 115 115 / 0.12);
753
+ --transparent-grey-16-xspector: rgba(158 158 158 / 0.16);
754
+ --transparent-grey-16-report-xspector-light-mode: rgba(158 158 158 / 0.16);
755
+ --transparent-grey-16-skyller: rgba(115 115 115 / 0.16);
756
+ --transparent-grey-24-xspector: rgba(158 158 158 / 0.24);
757
+ --transparent-grey-24-report-xspector-light-mode: rgba(158 158 158 / 0.24);
758
+ --transparent-grey-24-skyller: rgba(115 115 115 / 0.24);
759
+ --transparent-grey-32-xspector: rgba(158 158 158 / 0.32);
760
+ --transparent-grey-32-report-xspector-light-mode: rgba(158 158 158 / 0.32);
761
+ --transparent-grey-32-skyller: rgba(115 115 115 / 0.32);
762
+ --transparent-grey-48-xspector: rgba(158 158 158 / 0.48);
763
+ --transparent-grey-48-report-xspector-light-mode: rgba(158 158 158 / 0.48);
764
+ --transparent-grey-48-skyller: rgba(115 115 115 / 0.48);
765
+ --transparent-grey2-8-xspector: rgba(145 158 171 / 0.08);
766
+ --transparent-grey2-8-report-xspector-light-mode: rgba(145 158 171 / 0.08);
767
+ --transparent-grey2-8-skyller: rgba(163 163 163 / 0.08);
768
+ --transparent-grey2-12-xspector: rgba(145 158 171 / 0.12);
769
+ --transparent-grey2-12-report-xspector-light-mode: rgba(145 158 171 / 0.12);
770
+ --transparent-grey2-12-skyller: rgba(163 163 163 / 0.12);
771
+ --transparent-grey2-16-xspector: rgba(145 158 171 / 0.16);
772
+ --transparent-grey2-16-report-xspector-light-mode: rgba(145 158 171 / 0.16);
773
+ --transparent-grey2-16-skyller: rgba(163 163 163 / 0.16);
774
+ --transparent-grey2-24-xspector: rgba(145 158 171 / 0.24);
775
+ --transparent-grey2-24-report-xspector-light-mode: rgba(145 158 171 / 0.24);
776
+ --transparent-grey2-24-skyller: rgba(163 163 163 / 0.24);
777
+ --transparent-grey2-32-xspector: rgba(145 158 171 / 0.32);
778
+ --transparent-grey2-32-report-xspector-light-mode: rgba(145 158 171 / 0.32);
779
+ --transparent-grey2-32-skyller: rgba(163 163 163 / 0.32);
780
+ --transparent-grey2-48-xspector: rgba(145 158 171 / 0.48);
781
+ --transparent-grey2-48-report-xspector-light-mode: rgba(145 158 171 / 0.48);
782
+ --transparent-grey2-48-skyller: rgba(163 163 163 / 0.48);
783
+ --transparent-white-8-xspector: rgba(255 255 255 / 0.08);
784
+ --transparent-white-8-report-xspector-light-mode: rgba(255 255 255 / 0.08);
785
+ --transparent-white-8-skyller: rgba(255 255 255 / 0.08);
786
+ --transparent-white-12-xspector: rgba(255 255 255 / 0.12);
787
+ --transparent-white-12-report-xspector-light-mode: rgba(255 255 255 / 0.12);
788
+ --transparent-white-12-skyller: rgba(255 255 255 / 0.12);
789
+ --transparent-white-16-xspector: rgba(255 255 255 / 0.16);
790
+ --transparent-white-16-report-xspector-light-mode: rgba(255 255 255 / 0.16);
791
+ --transparent-white-16-skyller: rgba(255 255 255 / 0.16);
792
+ --transparent-white-24-xspector: rgba(255 255 255 / 0.24);
793
+ --transparent-white-24-report-xspector-light-mode: rgba(255 255 255 / 0.24);
794
+ --transparent-white-24-skyller: rgba(255 255 255 / 0.24);
795
+ --transparent-white-32-xspector: rgba(255 255 255 / 0.32);
796
+ --transparent-white-32-report-xspector-light-mode: rgba(255 255 255 / 0.32);
797
+ --transparent-white-32-skyller: rgba(255 255 255 / 0.32);
798
+ --transparent-white-48-xspector: rgba(255 255 255 / 0.48);
799
+ --transparent-white-48-report-xspector-light-mode: rgba(255 255 255 / 0.48);
800
+ --transparent-white-48-skyller: rgba(255 255 255 / 0.48);
801
+ --transparent-black-8-xspector: rgba(0 0 0 / 0.08);
802
+ --transparent-black-8-report-xspector-light-mode: rgba(0 0 0 / 0.08);
803
+ --transparent-black-8-skyller: rgba(0 0 0 / 0.08);
804
+ --transparent-black-12-xspector: rgba(0 0 0 / 0.12);
805
+ --transparent-black-12-report-xspector-light-mode: rgba(0 0 0 / 0.12);
806
+ --transparent-black-12-skyller: rgba(0 0 0 / 0.12);
807
+ --transparent-black-16-xspector: rgba(0 0 0 / 0.16);
808
+ --transparent-black-16-report-xspector-light-mode: rgba(0 0 0 / 0.16);
809
+ --transparent-black-16-skyller: rgba(0 0 0 / 0.16);
810
+ --transparent-black-24-xspector: rgba(0 0 0 / 0.24);
811
+ --transparent-black-24-report-xspector-light-mode: rgba(0 0 0 / 0.24);
812
+ --transparent-black-24-skyller: rgba(0 0 0 / 0.24);
813
+ --transparent-black-32-xspector: rgba(0 0 0 / 0.32);
814
+ --transparent-black-32-report-xspector-light-mode: rgba(0 0 0 / 0.32);
815
+ --transparent-black-32-skyller: rgba(0 0 0 / 0.32);
816
+ --transparent-black-48-xspector: rgba(0 0 0 / 0.48);
817
+ --transparent-black-48-report-xspector-light-mode: rgba(0 0 0 / 0.48);
818
+ --transparent-black-48-skyller: rgba(0 0 0 / 0.48);
819
+ --modal-surface-xspector: #2d2e30;
820
+ --modal-surface-report-xspector-light-mode: #ffffff;
821
+ --modal-surface-skyller: #ffffff;
822
+ --modal-highlight-xspector: #343638;
823
+ --modal-highlight-report-xspector-light-mode: #f5f5f5;
824
+ --modal-highlight-skyller: #f5f5f5;
825
+ --modal-overlay-xspector: rgba(11 10 10 / 0.64);
826
+ --modal-overlay-report-xspector-light-mode: rgba(0 0 0 / 0.64);
827
+ --modal-overlay-skyller: rgba(0 0 0 / 0.64);
828
+ --bg-bg1-xspector: #030c15;
829
+ --bg-bg1-report-xspector-light-mode: #ffffff;
830
+ --bg-bg1-skyller: #2563eb;
831
+ --bg-bg2-xspector: #0a1b2e;
832
+ --bg-bg2-report-xspector-light-mode: #ffffff;
833
+ --bg-bg2-skyller: #f8fbff;
834
+ --bg-bg3-xspector: #000000;
835
+ --bg-bg3-report-xspector-light-mode: #d8d8d8;
836
+ --bg-bg3-skyller: #f5f5f5;
837
+ --bg-stroke1-xspector: #000000;
838
+ --bg-stroke1-report-xspector-light-mode: #e2e2e2;
839
+ --bg-stroke1-skyller: #e5e5e5;
840
+ --bg-stroke2-xspector: #000000;
841
+ --bg-stroke2-report-xspector-light-mode: #c5c5c5;
842
+ --bg-stroke2-skyller: #d4d4d4;
843
843
  --input-default-text-xspector: #9e9e9e;
844
844
  --input-default-text-report-xspector-light-mode: #9e9e9e;
845
845
  --input-default-text-skyller: #737373;
@@ -887,16 +887,16 @@
887
887
  --function-default-outline-icon-skyller: #2563eb;
888
888
  --function-active-solid-xspector: #b1a400;
889
889
  --function-active-solid-report-xspector-light-mode: #9b8f00;
890
- --function-active-solid-skyller: #2563eb;
890
+ --function-active-solid-skyller: #60a5fa;
891
891
  --function-active-hover-xspector: #ddcd00;
892
892
  --function-active-hover-report-xspector-light-mode: #b1a400;
893
- --function-active-hover-skyller: #90c0fc;
893
+ --function-active-hover-skyller: #80b7fb;
894
894
  --function-active-hover-bg-xspector: rgba(221 205 0 / 0.08);
895
895
  --function-active-hover-bg-report-xspector-light-mode: rgba(221 205 0 / 0.08);
896
- --function-active-hover-bg-skyller: rgba(144 192 252 / 0.08);
896
+ --function-active-hover-bg-skyller: rgba(128 183 251 / 0.08);
897
897
  --function-active-stroke-xspector: rgba(177 164 0 / 0.48);
898
898
  --function-active-stroke-report-xspector-light-mode: rgba(177 164 0 / 0.48);
899
- --function-active-stroke-skyller: rgba(37 99 235 / 0.48);
899
+ --function-active-stroke-skyller: rgba(96 165 250 / 0.48);
900
900
  --function-active-icon-xspector: #212b36;
901
901
  --function-active-icon-report-xspector-light-mode: #ffffff;
902
902
  --function-active-icon-skyller: #ffffff;
@@ -1017,9 +1017,42 @@
1017
1017
  --others-35-xspector: #56d364;
1018
1018
  --others-35-report-xspector-light-mode: #56d364;
1019
1019
  --others-35-skyller: #56d364;
1020
- --brand-new-blue-bg-xspector: #091d33;
1021
- --brand-new-blue-bg-report-xspector-light-mode: #091d33;
1022
- --brand-new-blue-bg-skyller: #ffffff;
1020
+ --page-bg-main-xspector: #091d33;
1021
+ --page-bg-main-report-xspector-light-mode: #ffffff;
1022
+ --page-bg-main-skyller: #ffffff;
1023
+ --page-bg-circle-top-g-in-xspector: #003d6c;
1024
+ --page-bg-circle-top-g-in-report-xspector-light-mode: #adcad6;
1025
+ --page-bg-circle-top-g-in-skyller: #cfe4fd;
1026
+ --page-bg-circle-top-g-out-xspector: rgba(9 29 51 / 0);
1027
+ --page-bg-circle-top-g-out-report-xspector-light-mode: rgba(255 255 255 / 0);
1028
+ --page-bg-circle-top-g-out-skyller: rgba(255 255 255 / 0);
1029
+ --page-bg-circle-bottom-g-in-xspector: #003d6c;
1030
+ --page-bg-circle-bottom-g-in-report-xspector-light-mode: #adcad6;
1031
+ --page-bg-circle-bottom-g-in-skyller: #bed0f9;
1032
+ --page-bg-circle-bottom-g-out-xspector: rgba(9 29 51 / 0);
1033
+ --page-bg-circle-bottom-g-out-report-xspector-light-mode: rgba(255 255 255 / 0);
1034
+ --page-bg-circle-bottom-g-out-skyller: rgba(255 255 255 / 0);
1035
+ --text-white-xspector: #ffffff;
1036
+ --text-white-report-xspector-light-mode: #ffffff;
1037
+ --text-white-skyller: #ffffff;
1038
+ --modal-line-xspector: rgba(158 158 158 / 0.24);
1039
+ --modal-line-report-xspector-light-mode: #cfcfcf;
1040
+ --modal-line-skyller: #d4d4d4;
1041
+ --bg-bg4-xspector: #000000;
1042
+ --bg-bg4-report-xspector-light-mode: #d8d8d8;
1043
+ --bg-bg4-skyller: #f5f5f5;
1044
+ --bg-bg5-xspector: #000000;
1045
+ --bg-bg5-report-xspector-light-mode: #d8d8d8;
1046
+ --bg-bg5-skyller: #f5f5f5;
1047
+ --bg-stroke3-xspector: #000000;
1048
+ --bg-stroke3-report-xspector-light-mode: #c5c5c5;
1049
+ --bg-stroke3-skyller: #d4d4d4;
1050
+ --bg-stroke4-xspector: #000000;
1051
+ --bg-stroke4-report-xspector-light-mode: #c5c5c5;
1052
+ --bg-stroke4-skyller: #d4d4d4;
1053
+ --bg-stroke5-xspector: #000000;
1054
+ --bg-stroke5-report-xspector-light-mode: #c5c5c5;
1055
+ --bg-stroke5-skyller: #d4d4d4;
1023
1056
 
1024
1057
  /* BUTTON RADIUS */
1025
1058
  --button-l-round: 8px;