@sprinklrjs/spaceweb-themes 12.33.2 → 14.11.3

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 (92) hide show
  1. package/_hds_internal_cheatsheetConfig.js +6908 -0
  2. package/common-theme/theme.d.ts +26 -4
  3. package/common-theme/theme.js +53 -33
  4. package/common-theme/utilities.d.ts +1260 -1206
  5. package/common-theme/utilities.js +657 -639
  6. package/hyperspace/dark/index.d.ts +1879 -1535
  7. package/hyperspace/dark/index.js +4 -4
  8. package/hyperspace/dark/theme.d.ts +370 -270
  9. package/hyperspace/dark/theme.js +270 -191
  10. package/hyperspace/dark/utilities.d.ts +1509 -1265
  11. package/hyperspace/dark/utilities.js +130 -57
  12. package/hyperspace/light/index.d.ts +1944 -1600
  13. package/hyperspace/light/index.js +4 -4
  14. package/hyperspace/light/theme.d.ts +383 -283
  15. package/hyperspace/light/theme.js +273 -194
  16. package/hyperspace/light/utilities.d.ts +1522 -1278
  17. package/hyperspace/light/utilities.js +133 -62
  18. package/hyperspace/themeVars.css +228 -101
  19. package/hyperspace/themeVars.min.css +1 -1
  20. package/hyperspace-15/common-theme/theme.d.ts +369 -0
  21. package/hyperspace-15/common-theme/theme.js +333 -0
  22. package/hyperspace-15/common-theme/utilities.d.ts +5352 -0
  23. package/hyperspace-15/common-theme/utilities.js +1641 -0
  24. package/{space → hyperspace-15/hyperspace}/dark/index.d.ts +1935 -1537
  25. package/hyperspace-15/hyperspace/dark/index.js +8 -0
  26. package/{space/light → hyperspace-15/hyperspace/dark}/theme.d.ts +383 -232
  27. package/hyperspace-15/hyperspace/dark/theme.js +403 -0
  28. package/{space → hyperspace-15/hyperspace}/dark/utilities.d.ts +1522 -1275
  29. package/hyperspace-15/hyperspace/dark/utilities.js +225 -0
  30. package/{space → hyperspace-15/hyperspace}/light/index.d.ts +1903 -1505
  31. package/hyperspace-15/hyperspace/light/index.js +8 -0
  32. package/{space/dark → hyperspace-15/hyperspace/light}/theme.d.ts +386 -235
  33. package/hyperspace-15/hyperspace/light/theme.js +403 -0
  34. package/{space → hyperspace-15/hyperspace}/light/utilities.d.ts +1519 -1272
  35. package/hyperspace-15/hyperspace/light/utilities.js +225 -0
  36. package/hyperspace-15/hyperspace/themeVars.css +403 -0
  37. package/hyperspace-15/hyperspace/themeVars.min.css +1 -0
  38. package/hyperspace-15/styles/tailwind-media.css +2472 -0
  39. package/hyperspace-15/styles/tailwind-media.min.css +1 -0
  40. package/hyperspace-15/styles/tailwind.css +11504 -0
  41. package/hyperspace-15/styles/tailwind.min.css +1 -0
  42. package/hyperspace-16/common-theme/theme.d.ts +369 -0
  43. package/hyperspace-16/common-theme/theme.js +333 -0
  44. package/hyperspace-16/common-theme/utilities.d.ts +5352 -0
  45. package/hyperspace-16/common-theme/utilities.js +1641 -0
  46. package/hyperspace-16/hyperspace/dark/index.d.ts +6896 -0
  47. package/hyperspace-16/hyperspace/dark/index.js +8 -0
  48. package/hyperspace-16/hyperspace/dark/theme.d.ts +961 -0
  49. package/hyperspace-16/hyperspace/dark/theme.js +403 -0
  50. package/hyperspace-16/hyperspace/dark/utilities.d.ts +5934 -0
  51. package/hyperspace-16/hyperspace/dark/utilities.js +225 -0
  52. package/hyperspace-16/hyperspace/light/index.d.ts +6896 -0
  53. package/hyperspace-16/hyperspace/light/index.js +8 -0
  54. package/hyperspace-16/hyperspace/light/theme.d.ts +961 -0
  55. package/hyperspace-16/hyperspace/light/theme.js +403 -0
  56. package/hyperspace-16/hyperspace/light/utilities.d.ts +5934 -0
  57. package/hyperspace-16/hyperspace/light/utilities.js +225 -0
  58. package/hyperspace-16/hyperspace/themeVars.css +403 -0
  59. package/hyperspace-16/hyperspace/themeVars.min.css +1 -0
  60. package/hyperspace-16/styles/tailwind-media.css +2472 -0
  61. package/hyperspace-16/styles/tailwind-media.min.css +1 -0
  62. package/hyperspace-16/styles/tailwind.css +11504 -0
  63. package/hyperspace-16/styles/tailwind.min.css +1 -0
  64. package/package.json +12 -12
  65. package/polyfill/countryflagEmoji.ts +12 -0
  66. package/styles/additionals.css +1042 -0
  67. package/styles/additionals.min.css +1 -0
  68. package/styles/breakpoints.scss +34 -0
  69. package/styles/normalize.css +350 -69
  70. package/styles/normalize.min.css +1 -1
  71. package/styles/spaceweb.css +6 -0
  72. package/styles/tailwind-media.css +2472 -0
  73. package/styles/tailwind-media.min.css +1 -0
  74. package/styles/tailwind-rtl.css +79 -0
  75. package/styles/tailwind-rtl.min.css +1 -0
  76. package/styles/tailwind-test-classes.css +7789 -0
  77. package/styles/tailwind.css +8544 -6217
  78. package/styles/tailwind.min.css +1 -1
  79. package/styles/tokens.scss +6 -6
  80. package/types.d.ts +133 -83
  81. package/utilities.css +135 -54
  82. package/utilities.min.css +1 -1
  83. package/space/dark/index.js +0 -8
  84. package/space/dark/theme.js +0 -301
  85. package/space/dark/utilities.js +0 -149
  86. package/space/light/index.js +0 -8
  87. package/space/light/theme.js +0 -301
  88. package/space/light/utilities.js +0 -149
  89. package/space/themeVars.css +0 -274
  90. package/space/themeVars.min.css +0 -1
  91. package/styles/globals.css +0 -80
  92. package/styles/globals.min.css +0 -1
package/hyperspace/themeVars.css CHANGED
@@ -5,37 +5,29 @@
5
5
 
6
6
  .hyperspace-light {
7
7
  color-scheme: light;
8
- --spr-ui-01: #ffffff;
9
8
  --spr-ui-02: #f8f8fa;
10
- --spr-ui-03: #dbdbdb;
11
- --spr-ui-04: #0e61f6;
12
- --spr-ui-05: #eef0f1;
13
- --spr-ui-06: #e6e6e9;
9
+ --spr-ui-04: #1250de;
14
10
  --spr-ui-focus: rgba(8, 40, 204, 0.07);
15
11
  --spr-ui-focus-reverse: rgba(255, 255, 255, 0.2);
16
12
  --spr-ui-hover: #f8f8fa;
17
13
  --spr-ui-hover-reverse: rgba(255, 255, 255, 0.1);
18
- --spr-support-error: #c70f5c;
19
- --spr-support-error-highlight: rgba(199, 15, 92, 0.2);
20
- --spr-support-success: #6ac96e;
21
- --spr-support-success-highlight: rgba(106, 201, 110, 0.2);
22
- --spr-support-warning: #f3bf24;
23
- --spr-support-warning-highlight: rgba(243, 191, 36, 0.2);
14
+ --spr-support-error-highlight: rgba(220, 38, 37, 0.2);
15
+ --spr-support-success-highlight: rgba(23, 135, 64, 0.2);
16
+ --spr-support-warning-highlight: rgba(235, 179, 5, 0.2);
17
+ --spr-bg-success-highlight-2: #87efac;
24
18
  --spr-clr-blue-highlight: #e8f0fe;
25
19
  --spr-tag: #f2f2f4;
26
20
  --spr-tag-01: #e6e6e9;
27
21
  --spr-tag-02: rgba(8, 40, 204, 0.07);
28
22
  --spr-field: #dbdbdb;
23
+ --spr-field-border: #dbdbdb;
29
24
  --spr-popup: #ffffff;
30
25
  --spr-overlay: rgba(10, 10, 20, 0.9);
31
- --spr-tooltip-01: #0a0a14;
32
- --spr-highlight: rgba(255, 231, 173, 0.7);
33
26
  --spr-favourite: #ff9f21;
34
27
  --spr-notification: #de336a;
35
- --spr-interactive-01: #0e61f6;
36
- --spr-interactive-hover: #1858ce;
28
+ --spr-interactive-hover-border: #1640b1;
37
29
  --spr-interactive-disable: rgba(255, 255, 255, 0.6);
38
- --spr-interactive-02: #dbdbdb;
30
+ --spr-interactive-02: #e3e4e6;
39
31
  --spr-clr-blue: #2ea2fb;
40
32
  --spr-clr-green: #33cc99;
41
33
  --spr-clr-lavender: #7f36f6;
@@ -46,7 +38,7 @@
46
38
  --spr-clr-teal: #13c18d;
47
39
  --spr-clr-yellow: #ecad00;
48
40
  --spr-clr-grey: #d7d7dc;
49
- --spr-interactive-focus: #132a86;
41
+ --spr-interactive-focus: #0e3386;
50
42
  --spr-clr-purple: #8c43ff;
51
43
  --spr-clr-lt-yellow: #ffd04f;
52
44
  --spr-clr-darker-blue: #327afd;
@@ -58,49 +50,112 @@
58
50
  --spr-secondary-maroon: #b53471;
59
51
  --spr-secondary-orange: #f48749;
60
52
  --spr-clr-magenta: #cb1cce;
53
+ --spr-clr-magenta-border: #cb1cce;
61
54
  --spr-clr-fuschia: #a70fdc;
55
+ --spr-clr-fuschia-border: #a70fdc;
62
56
  --spr-clr-violet: #8e43ff;
57
+ --spr-clr-violet-border: #8e43ff;
63
58
  --spr-clr-lt-violet: #e4dff2;
64
- --spr-icon-01: #0a0a14;
65
59
  --spr-icon-02: #646470;
66
- --spr-icon-03: #818192;
67
- --spr-icon-04: #0e61f6;
68
- --spr-icon-05: #ffffff;
69
60
  --spr-icon-06: rgba(255, 255, 255, 0.6);
70
- --spr-icon-hover: #0a0a14;
71
- --spr-icon-disable: #dbdbdb;
72
- --spr-icon-hover-reverse: #ffffff;
73
- --spr-icon-error: #c70f5c;
74
- --spr-link: #0e61f6;
75
- --spr-text-01: #0a0a14;
76
- --spr-text-02: #434350;
77
- --spr-text-03: #646470;
78
- --spr-text-04: #0e61f6;
79
- --spr-text-05: #ffffff;
80
- --spr-text-06: #ffffff;
61
+ --spr-icon-hover: #1e2022;
62
+ --spr-icon-disable: rgba(28, 28, 31, 0.33);
63
+ --spr-text-disable: rgba(28, 28, 31, 0.33);
81
64
  --spr-text-magenta: #cb1cce;
82
- --spr-text-placeholder: #646470;
83
- --spr-support-error-text: #c70f5c;
84
- --spr-support-success-text: #6ac96e;
85
- --spr-support-warning-text: #f3bf24;
86
- --spr-hover: #0729a0;
87
- --spr-focus-01: #0e61f6;
88
- --spr-border-01: #eeeeee;
89
- --spr-border-02: #e6e6e9;
90
- --spr-border-03: #dbdbdb;
65
+ --spr-hover: #1640b1;
91
66
  --spr-border-04: #818192;
92
- --spr-border-05: #ffffff;
93
- --spr-border-06: #0a0a14;
94
67
  --spr-card-border: #ececef;
95
68
  --spr-popup-border: #d7d7dc;
96
69
  --spr-tooltip-border: #0a0a14;
97
- --spr-focus-02: 1px solid #0e61f6;
98
70
  --spr-shadow-01: 0 1px 4px 0 rgba(10, 10, 20, 0.15);
99
71
  --spr-shadow-02: 0 2px 8px 0 rgba(10, 10, 20, 0.2);
100
72
  --spr-shadow-03: -2px 9px 12px 0 rgba(10, 10, 20, 0.6);
101
73
  --spr-shadow-04: -2px 5px 12px -4px rgba(10, 10, 20, 0.2);
102
74
  --spr-shadow-05: 0px 3px 4px 0 rgba(0, 0, 0, 0.1);
103
75
  --spr-shadow-06: 0px -3px 4px 0 rgba(0, 0, 0, 0.1);
76
+ --spr-bg-primary: var(--spr-ui-01);
77
+ --spr-bg-secondary: var(--spr-ui-05);
78
+ --spr-bg-tertiary: var(--spr-ui-03);
79
+ --spr-bg-quaternary: #f5f6f7;
80
+ --spr-bg-quinary: var(--spr-ui-06);
81
+ --spr-bg-inverse: var(--spr-tooltip-01);
82
+ --spr-bg-error: var(--spr-support-error);
83
+ --spr-bg-error-highlight: #fee2e1;
84
+ --spr-bg-success: var(--spr-support-success);
85
+ --spr-bg-success-highlight: #dcfce7;
86
+ --spr-bg-warning: var(--spr-support-warning);
87
+ --spr-bg-warning-highlight: #fef9c3;
88
+ --spr-bg-neutral: #94969a;
89
+ --spr-bg-overlay: rgba(18, 18, 20, 0.66);
90
+ --spr-bg-white: #ffffff;
91
+ --spr-highlight: #fef9c3;
92
+ --spr-interactive: var(--spr-interactive-01);
93
+ --spr-interactive-hover: #1640b1;
94
+ --spr-icon-primary: var(--spr-icon-01);
95
+ --spr-icon-tertiary: var(--spr-icon-03);
96
+ --spr-icon-secondary: var(--spr-icon-04);
97
+ --spr-icon-inverse: var(--spr-icon-05);
98
+ --spr-icon-quaternary: #8dcaff;
99
+ --spr-icon-white: var(--spr-icon-hover-reverse);
100
+ --spr-icon-error: #dc2625;
101
+ --spr-icon-success: #15823d;
102
+ --spr-icon-warning: #ebb305;
103
+ --spr-link: var(--spr-text-link-active);
104
+ --spr-text-primary: var(--spr-text-01);
105
+ --spr-text-secondary: var(--spr-text-02);
106
+ --spr-text-tertiary: var(--spr-text-03);
107
+ --spr-text-placeholder: #757575;
108
+ --spr-text-white: var(--spr-text-05);
109
+ --spr-text-inverse: var(--spr-text-06);
110
+ --spr-text-error: var(--spr-support-error-text);
111
+ --spr-text-success: var(--spr-support-success-text);
112
+ --spr-text-warning: var(--spr-support-warning-text);
113
+ --spr-border-error: var(--spr-support-error-border);
114
+ --spr-border-success: var(--spr-support-success-border);
115
+ --spr-border-warning: var(--spr-support-warning-border);
116
+ --spr-border-quinary: var(--spr-focus-01);
117
+ --spr-border-primary: var(--spr-border-03);
118
+ --spr-border-secondary: var(--spr-border-02);
119
+ --spr-border-tertiary: var(--spr-border-01);
120
+ --spr-border-quaternary: var(--spr-border-06);
121
+ --spr-border-inverse: #ffffff;
122
+ --spr-border-white: var(--spr-border-05);
123
+ --spr-focus-02: 1px solid #1250de;
124
+ --spr-shadow-100: 0 0 0.5px 0 rgba(0, 0, 0, 0.3), 0 2px 4px 0 rgba(0, 0, 0, 0.15);
125
+ --spr-shadow-200: 0 0 0.5px 0 rgba(0, 0, 0, 0.1), 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
126
+ --spr-ui-01: #ffffff;
127
+ --spr-ui-05: #ecedee;
128
+ --spr-ui-03: #e3e4e6;
129
+ --spr-ui-06: #d8d9db;
130
+ --spr-tooltip-01: #1e2022;
131
+ --spr-support-error: #dc2625;
132
+ --spr-support-success: #15823d;
133
+ --spr-support-warning: #ebb305;
134
+ --spr-interactive-01: #1250de;
135
+ --spr-icon-01: #1e2022;
136
+ --spr-icon-03: #94969a;
137
+ --spr-icon-04: #1250de;
138
+ --spr-icon-05: #ffffff;
139
+ --spr-icon-hover-reverse: #ffffff;
140
+ --spr-text-04: #1250de;
141
+ --spr-text-link-active: #1250de;
142
+ --spr-text-01: #1e2022;
143
+ --spr-text-02: #252627;
144
+ --spr-text-03: #525457;
145
+ --spr-text-05: #ffffff;
146
+ --spr-text-06: #ffffff;
147
+ --spr-support-error-text: #dc2625;
148
+ --spr-support-success-text: #15823d;
149
+ --spr-support-warning-text: #ebb305;
150
+ --spr-support-error-border: #dc2625;
151
+ --spr-support-success-border: #15823d;
152
+ --spr-support-warning-border: #ebb305;
153
+ --spr-focus-01: #1250de;
154
+ --spr-border-03: #d8d9db;
155
+ --spr-border-02: #e3e4e6;
156
+ --spr-border-01: #ecedee;
157
+ --spr-border-06: #252627;
158
+ --spr-border-05: #ffffff;
104
159
  --app-header: #0a0a14;
105
160
  --app-header-tab: rgba(255, 255, 255, 0.1);
106
161
  --app-header-tab-hover: rgba(255, 255, 255, 0.2);
@@ -131,49 +186,46 @@
131
186
  --nav-icon-01: rgba(255, 255, 255, 0.9);
132
187
  --nav-icon-focus-01: #0e61f6;
133
188
  --nav-text-01: rgba(255, 255, 255, 0.9);
134
- --ai-ui-01: linear-gradient(88.6879deg, #de46e1, #8e43ff 48.7%, #0e61f6 100%);
135
- --ai-ui-02: linear-gradient(233.63deg, #fcf0fd 18.56%, #f7f0fe 52.51%, #ecf2fe 87.9%);
136
- --ai-ui-03: linear-gradient(
137
- 181.44deg,
138
- rgba(222, 70, 225, 0.2) -1.57%,
139
- rgba(142, 67, 255, 0.2) 79.59%,
140
- rgba(14, 97, 246, 0.2) 113.86%
141
- );
142
- --ai-highlight: #e4dff2;
189
+ --ai-ui-01: linear-gradient(to right, #fff4df 0%, #e9fde6 49%, #e2fbff 100%);
190
+ --ai-ui-02: linear-gradient(to right, #fff4df 0%, #e9fde6 49%, #e2fbff 100%);
191
+ --ai-ui-04: #1c1c1f;
192
+ --ai-ui-05: #48484c;
193
+ --ai-ui-06: #646470;
194
+ --ai-border-02: #1c1c1f;
195
+ --ai-border-03: #48484c;
196
+ --ai-border-04: #646470;
197
+ --ai-highlight: #c6f7ff;
198
+ --ai-interactive-disable: linear-gradient(205.71deg, #bfeaff 6.61%, #9df1fe 61.09%, #ffe0a1 100%);
199
+ --ai-interactive-loading: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
200
+ linear-gradient(0deg, #9df1fe, #9df1fe);
201
+ --ai-bg-gradient: var(--ai-ui-03);
202
+ --ai-ui-03: linear-gradient(to right, #fff4df 0%, #e9fde6 49%, #e2fbff 100%);
143
203
  }
144
204
  .hyperspace-dark {
145
205
  color-scheme: dark;
146
- --spr-ui-01: #1c1c1f;
147
206
  --spr-ui-02: #212123;
148
- --spr-ui-03: #48484c;
149
- --spr-ui-04: #4b8afc;
150
- --spr-ui-05: #3a3a3e;
151
- --spr-ui-06: #2c2c2f;
207
+ --spr-ui-04: #1a6aff;
152
208
  --spr-ui-focus: rgba(255, 255, 255, 0.12);
153
209
  --spr-ui-focus-reverse: rgba(255, 255, 255, 0.2);
154
210
  --spr-ui-hover: #212123;
155
211
  --spr-ui-hover-reverse: rgba(255, 255, 255, 0.1);
156
- --spr-support-error: #fa6274;
157
- --spr-support-error-highlight: rgba(250, 98, 116, 0.3);
158
- --spr-support-success: #6ac96e;
159
- --spr-support-success-highlight: rgba(106, 201, 110, 0.3);
160
- --spr-support-warning: #f3bf24;
161
- --spr-support-warning-highlight: rgba(243, 191, 36, 0.3);
212
+ --spr-support-error-highlight: rgba(239, 68, 68, 0.3);
213
+ --spr-support-success-highlight: rgba(34, 197, 93, 0.3);
214
+ --spr-support-warning-highlight: rgba(250, 204, 20, 0.3);
215
+ --spr-bg-success-highlight-2: #166434;
162
216
  --spr-clr-blue-highlight: #2b3343;
163
217
  --spr-tag: #48484c;
164
218
  --spr-tag-01: #48484c;
165
219
  --spr-tag-02: rgba(255, 255, 255, 0.1);
166
220
  --spr-field: #48484c;
167
- --spr-popup: #1c1c1f;
221
+ --spr-field-border: #48484c;
222
+ --spr-popup: #101112;
168
223
  --spr-overlay: rgba(28, 28, 31, 0.85);
169
- --spr-tooltip-01: #ffffff;
170
- --spr-highlight: rgba(184, 144, 0, 0.6);
171
224
  --spr-favourite: #ff9f21;
172
- --spr-notification: #fa6274;
173
- --spr-interactive-01: #4b8afc;
174
- --spr-interactive-hover: #1858ce;
225
+ --spr-notification: #ef4444;
226
+ --spr-interactive-hover-border: #1250de;
175
227
  --spr-interactive-disable: rgba(72, 72, 76, 0.8);
176
- --spr-interactive-02: #48484c;
228
+ --spr-interactive-02: #2b2d2e;
177
229
  --spr-clr-blue: #297ab9;
178
230
  --spr-clr-green: #097a4b;
179
231
  --spr-clr-lavender: #9c60ff;
@@ -184,7 +236,7 @@
184
236
  --spr-clr-teal: #02d999;
185
237
  --spr-clr-yellow: #95700d;
186
238
  --spr-clr-grey: #646469;
187
- --spr-interactive-focus: #0a65a1;
239
+ --spr-interactive-focus: #1640b1;
188
240
  --spr-clr-purple: #763bd2;
189
241
  --spr-clr-lt-yellow: #846f35;
190
242
  --spr-clr-darker-blue: #327afd;
@@ -196,18 +248,14 @@
196
248
  --spr-secondary-maroon: #962f61;
197
249
  --spr-secondary-orange: #a8623a;
198
250
  --spr-clr-magenta: #cb1cce;
251
+ --spr-clr-magenta-border: #cb1cce;
199
252
  --spr-clr-fuschia: #a70fdc;
253
+ --spr-clr-fuschia-border: #a70fdc;
200
254
  --spr-clr-violet: #8e43ff;
255
+ --spr-clr-violet-border: #8e43ff;
201
256
  --spr-clr-lt-violet: #e4dff2;
202
- --spr-hover: #0aa2ff;
203
- --spr-focus-01: #4b8afc;
204
- --spr-focus-02: 1px solid #1c62fd;
205
- --spr-border-01: #3a3a3e;
206
- --spr-border-02: #48484c;
207
- --spr-border-03: #646469;
257
+ --spr-hover: #1250de;
208
258
  --spr-border-04: #a0a0a8;
209
- --spr-border-05: #2c2c2f;
210
- --spr-border-06: #f1f1f1;
211
259
  --spr-card-border: #3a3a3e;
212
260
  --spr-popup-border: #1c1c1f;
213
261
  --spr-tooltip-border: rgba(174, 174, 178, 0.2);
@@ -217,28 +265,97 @@
217
265
  --spr-shadow-04: -2px 5px 12px -4px rgba(0, 0, 0, 1);
218
266
  --spr-shadow-05: 0px 3px 4px 0 rgba(0, 0, 0, 0.2);
219
267
  --spr-shadow-06: 0px -3px 4px 0 rgba(0, 0, 0, 0.2);
220
- --spr-icon-01: #f1f1f1;
221
268
  --spr-icon-02: #aeaeb2;
222
- --spr-icon-03: #aeaeb2;
223
- --spr-icon-04: #4b8afc;
224
- --spr-icon-05: #1c1c1f;
225
269
  --spr-icon-06: rgba(255, 255, 255, 0.6);
226
270
  --spr-icon-hover: #ffffff;
227
- --spr-icon-disable: #dbdbdb;
228
- --spr-icon-hover-reverse: #ffffff;
229
- --spr-icon-error: #fa6274;
230
- --spr-link: #4b8afc;
231
- --spr-text-01: #f1f1f1;
232
- --spr-text-02: #aeaeb2;
233
- --spr-text-03: #646469;
234
- --spr-text-04: #4b8afc;
235
- --spr-text-05: #f1f1f1;
236
- --spr-text-06: #2c2c2f;
271
+ --spr-icon-disable: rgba(235, 235, 235, 0.5);
272
+ --spr-text-disable: rgba(242, 242, 242, 0.33);
237
273
  --spr-text-magenta: #cb1cce;
238
- --spr-text-placeholder: #646469;
239
- --spr-support-error-text: #fa6274;
240
- --spr-support-success-text: #6ac96e;
241
- --spr-support-warning-text: #f3bf24;
274
+ --spr-bg-primary: var(--spr-ui-01);
275
+ --spr-bg-secondary: var(--spr-ui-05);
276
+ --spr-bg-tertiary: var(--spr-ui-03);
277
+ --spr-bg-quaternary: #252627;
278
+ --spr-bg-quinary: var(--spr-ui-06);
279
+ --spr-bg-inverse: var(--spr-tooltip-01);
280
+ --spr-bg-error: var(--spr-support-error);
281
+ --spr-bg-error-highlight: #7f1c1d;
282
+ --spr-bg-success: var(--spr-support-success);
283
+ --spr-bg-success-highlight: #14532d;
284
+ --spr-bg-warning: var(--spr-support-warning);
285
+ --spr-bg-warning-highlight: #713f11;
286
+ --spr-bg-neutral: #94969a;
287
+ --spr-bg-overlay: rgba(255, 255, 255, 0.5);
288
+ --spr-bg-white: #ffffff;
289
+ --spr-highlight: #713f11;
290
+ --spr-interactive: var(--spr-interactive-01);
291
+ --spr-interactive-hover: #1250de;
292
+ --spr-icon-primary: var(--spr-icon-01);
293
+ --spr-icon-tertiary: var(--spr-icon-03);
294
+ --spr-icon-secondary: var(--spr-icon-04);
295
+ --spr-icon-inverse: var(--spr-icon-05);
296
+ --spr-icon-quaternary: #57abff;
297
+ --spr-icon-white: var(--spr-icon-hover-reverse);
298
+ --spr-icon-error: #ef4444;
299
+ --spr-icon-success: #22c55d;
300
+ --spr-icon-warning: #facc14;
301
+ --spr-link: var(--spr-text-link-active);
302
+ --spr-text-primary: var(--spr-text-01);
303
+ --spr-text-secondary: var(--spr-text-02);
304
+ --spr-text-tertiary: var(--spr-text-03);
305
+ --spr-text-placeholder: #7d7d7d;
306
+ --spr-text-white: var(--spr-text-05);
307
+ --spr-text-inverse: var(--spr-text-06);
308
+ --spr-text-error: var(--spr-support-error-text);
309
+ --spr-text-success: var(--spr-support-success-text);
310
+ --spr-text-warning: var(--spr-support-warning-text);
311
+ --spr-border-error: var(--spr-support-error-border);
312
+ --spr-border-success: var(--spr-support-success-border);
313
+ --spr-border-warning: var(--spr-support-warning-border);
314
+ --spr-border-quinary: var(--spr-focus-01);
315
+ --spr-border-primary: var(--spr-border-03);
316
+ --spr-border-secondary: var(--spr-border-02);
317
+ --spr-border-tertiary: var(--spr-border-01);
318
+ --spr-border-quaternary: var(--spr-border-06);
319
+ --spr-border-inverse: #1e2022;
320
+ --spr-border-white: var(--spr-border-05);
321
+ --spr-focus-02: 1px solid #57abff;
322
+ --spr-shadow-100: 0 0.8px 0 0 rgba(255, 255, 255, 0.08) inset, 0 4px 8px 0 rgba(0, 0, 0, 0.4),
323
+ 0 0 0.5px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 3px 0 rgba(0, 0, 0, 0.5);
324
+ --spr-shadow-200: 0 0.5px 0 0 rgba(255, 255, 255, 0.08) inset, 0 10px 16px 0 rgba(0, 0, 0, 0.35),
325
+ 0 0 0.5px 0 rgba(255, 255, 255, 0.35) inset, 0 2px 5px 0 rgba(0, 0, 0, 0.35);
326
+ --spr-ui-01: #101112;
327
+ --spr-ui-05: #1e2022;
328
+ --spr-ui-03: #2b2d2e;
329
+ --spr-ui-06: #525457;
330
+ --spr-tooltip-01: #ffffff;
331
+ --spr-support-error: #ef4444;
332
+ --spr-support-success: #22c55d;
333
+ --spr-support-warning: #facc14;
334
+ --spr-interactive-01: #1a6aff;
335
+ --spr-icon-01: #f5f6f7;
336
+ --spr-icon-03: #94969a;
337
+ --spr-icon-04: #1a6aff;
338
+ --spr-icon-05: #1e2022;
339
+ --spr-icon-hover-reverse: #ffffff;
340
+ --spr-text-04: #3188ff;
341
+ --spr-text-link-active: #3188ff;
342
+ --spr-text-01: #f5f6f7;
343
+ --spr-text-02: #e3e4e6;
344
+ --spr-text-03: #b8b9bb;
345
+ --spr-text-05: #ffffff;
346
+ --spr-text-06: #1e2022;
347
+ --spr-support-error-text: #ef4444;
348
+ --spr-support-success-text: #22c55d;
349
+ --spr-support-warning-text: #facc14;
350
+ --spr-support-error-border: #ef4444;
351
+ --spr-support-success-border: #22c55d;
352
+ --spr-support-warning-border: #facc14;
353
+ --spr-focus-01: #1a6aff;
354
+ --spr-border-03: #525457;
355
+ --spr-border-02: #2b2d2e;
356
+ --spr-border-01: #252627;
357
+ --spr-border-06: #ecedee;
358
+ --spr-border-05: #ffffff;
242
359
  --app-header: #000;
243
360
  --app-header-tab: rgba(44, 44, 47, 0.6);
244
361
  --app-header-tab-hover: rgba(44, 44, 47, 0.8);
@@ -269,8 +386,18 @@
269
386
  --nav-icon-01: rgba(255, 255, 255, 0.6);
270
387
  --nav-icon-focus-01: #2e6bd9;
271
388
  --nav-text-01: rgba(255, 255, 255, 0.6);
272
- --ai-ui-01: linear-gradient(-46.7906deg, #de46e1, #8e43ff 48.67%, #0e61f6 100%);
273
- --ai-ui-02: linear-gradient(219deg, #431744 0%, #311f4e 48.67%, #172949 100%);
274
- --ai-ui-03: linear-gradient(229.68deg, #88578a 5.41%, #715693 58.63%, #4b5e91 105.21%);
389
+ --ai-ui-01: linear-gradient(to right, #493b21 0%, #2c462b 49%, #22444c 100%);
390
+ --ai-ui-02: linear-gradient(to right, #493b21 0%, #2c462b 49%, #22444c 100%);
391
+ --ai-ui-04: #f1f1f1;
392
+ --ai-ui-05: #b4b4b4;
393
+ --ai-ui-06: #949494;
394
+ --ai-border-02: #f1f1f1;
395
+ --ai-border-03: #b4b4b4;
396
+ --ai-border-04: #949494;
275
397
  --ai-highlight: rgba(142, 67, 255, 0.2);
398
+ --ai-interactive-disable: linear-gradient(229.68deg, #88578a 5.41%, #715693 58.63%, #4b5e91 105.21%);
399
+ --ai-interactive-loading: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
400
+ linear-gradient(0deg, rgba(142, 67, 255, 0.2), rgba(142, 67, 255, 0.2));
401
+ --ai-bg-gradient: var(--ai-ui-03);
402
+ --ai-ui-03: linear-gradient(to right, #493b21 0%, #2c462b 49%, #22444c 100%);
276
403
  }
package/hyperspace/themeVars.min.css CHANGED
@@ -1 +1 @@
1
- .hyperspace-light{color-scheme:light;--spr-ui-01:#FFFFFF;--spr-ui-02:#F8F8FA;--spr-ui-03:#DBDBDB;--spr-ui-04:#0E61F6;--spr-ui-05:#EEF0F1;--spr-ui-06:#E6E6E9;--spr-ui-focus:rgba(8, 40, 204, 0.07);--spr-ui-focus-reverse:rgba(255, 255, 255, 0.2);--spr-ui-hover:#F8F8FA;--spr-ui-hover-reverse:rgba(255, 255, 255, 0.1);--spr-support-error:#C70F5C;--spr-support-error-highlight:rgba(199, 15, 92, 0.2);--spr-support-success:#6AC96E;--spr-support-success-highlight:rgba(106, 201, 110, 0.2);--spr-support-warning:#F3BF24;--spr-support-warning-highlight:rgba(243, 191, 36, 0.2);--spr-clr-blue-highlight:#E8F0FE;--spr-tag:#F2F2F4;--spr-tag-01:#E6E6E9;--spr-tag-02:rgba(8, 40, 204, 0.07);--spr-field:#DBDBDB;--spr-popup:#FFFFFF;--spr-overlay:rgba(10, 10, 20, 0.9);--spr-tooltip-01:#0A0A14;--spr-highlight:rgba(255, 231, 173, 0.7);--spr-favourite:#FF9F21;--spr-notification:#DE336A;--spr-interactive-01:#0E61F6;--spr-interactive-hover:#1858CE;--spr-interactive-disable:rgba(255, 255, 255, 0.6);--spr-interactive-02:#DBDBDB;--spr-clr-blue:#2EA2FB;--spr-clr-green:#33CC99;--spr-clr-lavender:#7F36F6;--spr-clr-orange:#F08C1A;--spr-clr-pink:#FFA1BE;--spr-clr-red:#E1245E;--spr-clr-sea:#16AAD2;--spr-clr-teal:#13C18D;--spr-clr-yellow:#ECAD00;--spr-clr-grey:#D7D7DC;--spr-interactive-focus:#132a86;--spr-clr-purple:#8C43FF;--spr-clr-lt-yellow:#FFD04F;--spr-clr-darker-blue:#327AFD;--spr-secondary-yellow:#FFC312;--spr-secondary-green:#A3CB38;--spr-secondary-teal:#12CBC4;--spr-secondary-lt-pink:#FDA7DF;--spr-secondary-pink:#ED4C67;--spr-secondary-maroon:#B53471;--spr-secondary-orange:#F48749;--spr-clr-magenta:#CB1CCE;--spr-clr-fuschia:#A70FDC;--spr-clr-violet:#8E43FF;--spr-clr-lt-violet:#E4DFF2;--spr-icon-01:#0A0A14;--spr-icon-02:#646470;--spr-icon-03:#818192;--spr-icon-04:#0E61F6;--spr-icon-05:#FFFFFF;--spr-icon-06:rgba(255, 255, 255, 0.6);--spr-icon-hover:#0A0A14;--spr-icon-disable:#DBDBDB;--spr-icon-hover-reverse:#FFFFFF;--spr-icon-error:#C70F5C;--spr-link:#0E61F6;--spr-text-01:#0A0A14;--spr-text-02:#434350;--spr-text-03:#646470;--spr-text-04:#0E61F6;--spr-text-05:#FFFFFF;--spr-text-06:#FFFFFF;--spr-text-magenta:#CB1CCE;--spr-text-placeholder:#646470;--spr-support-error-text:#C70F5C;--spr-support-success-text:#6AC96E;--spr-support-warning-text:#F3BF24;--spr-hover:#0729a0;--spr-focus-01:#0E61F6;--spr-border-01:#EEEEEE;--spr-border-02:#E6E6E9;--spr-border-03:#DBDBDB;--spr-border-04:#818192;--spr-border-05:#FFFFFF;--spr-border-06:#0A0A14;--spr-card-border:#ECECEF;--spr-popup-border:#D7D7DC;--spr-tooltip-border:#0A0A14;--spr-focus-02:1px solid #0E61F6;--spr-shadow-01:0 1px 4px 0 rgba(10,10,20,0.15);--spr-shadow-02:0 2px 8px 0 rgba(10,10,20,0.20);--spr-shadow-03:-2px 9px 12px 0 rgba(10,10,20,0.60);--spr-shadow-04:-2px 5px 12px -4px rgba(10,10,20,.20);--spr-shadow-05:0px 3px 4px 0 rgba(0,0,0,0.1);--spr-shadow-06:0px -3px 4px 0 rgba(0,0,0,0.1);--app-header:#0A0A14;--app-header-tab:rgba(255, 255, 255, 0.1);--app-header-tab-hover:rgba(255, 255, 255, 0.2);--app-header-tab-active:#EEEEEE;--app-header-text:rgba(255, 255, 255, 0.6);--app-header-text-hover:#FFFFFF;--cht-bg:#F3EAE1;--cht-border:#E6D4CA;--cht-bubble-left:#FFFFFF;--cht-bubble-right:#EBEBFF;--cht-bubble-supporting-text:#646470;--cht-bubble-text-left:#0A0A14;--cht-bubble-text-right:#0A0A14;--cht-bubble-border:#C7D3F7;--cht-bubble-icon-1:#646470;--cht-bubble-icon-2:#D7D7DC;--cht-bubble-icon-3:#0828CC;--cht-bubble-insert:#F8F8FA;--cht-bubble-link:#0828CC;--cht-bubble-text:#646470;--cht-reply:#FFFFFF;--cht-footer:#F3EAE1;--cht-hover:rgba(100, 100, 112, 0.07);--cht-read:#006CD7;--cht-unread:#A0A0A8;--nav-ui-01:rgba(255, 255, 255, 0.2);--nav-ui-hover-01:rgba(255, 255, 255, 0.3);--nav-icon-01:rgba(255, 255, 255, 0.9);--nav-icon-focus-01:#0E61F6;--nav-text-01:rgba(255, 255, 255, 0.9);--ai-ui-01:linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%);--ai-ui-02:linear-gradient(233.63deg, #FCF0FD 18.56%, #F7F0FE 52.51%, #ECF2FE 87.9%);--ai-ui-03:linear-gradient(181.44deg, rgba(222, 70, 225, 0.2) -1.57%, rgba(142, 67, 255, 0.2) 79.59%, rgba(14, 97, 246, 0.2) 113.86%);--ai-highlight:#E4DFF2}.hyperspace-dark{color-scheme:dark;--spr-ui-01:#1C1C1F;--spr-ui-02:#212123;--spr-ui-03:#48484C;--spr-ui-04:#4B8AFC;--spr-ui-05:#3A3A3E;--spr-ui-06:#2C2C2F;--spr-ui-focus:rgba(255, 255, 255, 0.12);--spr-ui-focus-reverse:rgba(255, 255, 255, 0.2);--spr-ui-hover:#212123;--spr-ui-hover-reverse:rgba(255, 255, 255, 0.1);--spr-support-error:#FA6274;--spr-support-error-highlight:rgba(250, 98, 116, 0.3);--spr-support-success:#6AC96E;--spr-support-success-highlight:rgba(106, 201, 110, 0.3);--spr-support-warning:#F3BF24;--spr-support-warning-highlight:rgba(243, 191, 36, 0.3);--spr-clr-blue-highlight:#2B3343;--spr-tag:#48484C;--spr-tag-01:#48484C;--spr-tag-02:rgba(255, 255, 255, 0.1);--spr-field:#48484C;--spr-popup:#1C1C1F;--spr-overlay:rgba(28, 28, 31, 0.85);--spr-tooltip-01:#FFFFFF;--spr-highlight:rgba(184, 144, 0, 0.6);--spr-favourite:#FF9F21;--spr-notification:#FA6274;--spr-interactive-01:#4B8AFC;--spr-interactive-hover:#1858CE;--spr-interactive-disable:rgba(72,72,76,0.8);--spr-interactive-02:#48484C;--spr-clr-blue:#297AB9;--spr-clr-green:#097A4B;--spr-clr-lavender:#9C60FF;--spr-clr-orange:#FF9F21;--spr-clr-pink:#FFA1BE;--spr-clr-red:#DB334F;--spr-clr-sea:#00C8FF;--spr-clr-teal:#02D999;--spr-clr-yellow:#95700D;--spr-clr-grey:#646469;--spr-interactive-focus:#0A65A1;--spr-clr-purple:#763BD2;--spr-clr-lt-yellow:#846F35;--spr-clr-darker-blue:#327AFD;--spr-secondary-yellow:#8D6F18;--spr-secondary-green:#5F732C;--spr-secondary-teal:#168380;--spr-secondary-lt-pink:#956787;--spr-secondary-pink:#B94055;--spr-secondary-maroon:#962F61;--spr-secondary-orange:#A8623A;--spr-clr-magenta:#CB1CCE;--spr-clr-fuschia:#A70FDC;--spr-clr-violet:#8E43FF;--spr-clr-lt-violet:#E4DFF2;--spr-hover:#0AA2FF;--spr-focus-01:#4B8AFC;--spr-focus-02:1px solid #1c62fd;--spr-border-01:#3A3A3E;--spr-border-02:#48484C;--spr-border-03:#646469;--spr-border-04:#A0A0A8;--spr-border-05:#2C2C2F;--spr-border-06:#F1F1F1;--spr-card-border:#3A3A3E;--spr-popup-border:#1C1C1F;--spr-tooltip-border:rgba(174, 174, 178, 0.2);--spr-shadow-01:0 1px 4px 0 rgba(10,10,20,0.3);--spr-shadow-02:1px 1px 7px rgba(255, 255, 255, 0.1);--spr-shadow-03:-2px 5px 12px 0 rgba(10,10,20,0.80);--spr-shadow-04:-2px 5px 12px -4px rgba(0,0,0,1.0);--spr-shadow-05:0px 3px 4px 0 rgba(0,0,0,0.2);--spr-shadow-06:0px -3px 4px 0 rgba(0,0,0,0.2);--spr-icon-01:#F1F1F1;--spr-icon-02:#AEAEB2;--spr-icon-03:#AEAEB2;--spr-icon-04:#4B8AFC;--spr-icon-05:#1C1C1F;--spr-icon-06:rgba(255, 255, 255, 0.6);--spr-icon-hover:#FFFFFF;--spr-icon-disable:#DBDBDB;--spr-icon-hover-reverse:#FFFFFF;--spr-icon-error:#FA6274;--spr-link:#4B8AFC;--spr-text-01:#F1F1F1;--spr-text-02:#AEAEB2;--spr-text-03:#646469;--spr-text-04:#4B8AFC;--spr-text-05:#F1F1F1;--spr-text-06:#2C2C2F;--spr-text-magenta:#CB1CCE;--spr-text-placeholder:#646469;--spr-support-error-text:#FA6274;--spr-support-success-text:#6AC96E;--spr-support-warning-text:#F3BF24;--app-header:#000;--app-header-tab:rgba(44, 44, 47, 0.6);--app-header-tab-hover:rgba(44, 44, 47, 0.8);--app-header-tab-active:#3A3A3E;--app-header-text:rgba(255, 255, 255, 0.6);--app-header-text-hover:#FFFFFF;--cht-bg:#141416;--cht-border:#2C2C2F;--cht-bubble-left:#F8F8FA;--cht-bubble-right:#006CD7;--cht-bubble-supporting-text:rgba(255, 255, 255, 0.7);--cht-bubble-text-left:#0A0A14;--cht-bubble-text-right:#FFFFFF;--cht-bubble-border:#006CD7;--cht-bubble-icon-1:rgba(255, 255, 255, 0.7);--cht-bubble-icon-2:rgba(255, 255, 255, 0.3);--cht-bubble-icon-3:#FFFFFF;--cht-bubble-insert:rgba(0, 0, 0, 0.2);--cht-bubble-link:#3DF6BF;--cht-bubble-text:rgba(255, 255, 255, 0.7);--cht-reply:#141416;--cht-footer:#2C2C2F;--cht-hover:#1C1C1F;--cht-read:#006CD7;--cht-unread:#AEAEB2;--nav-ui-01:rgba(44, 44, 47, 0.7);--nav-ui-hover-01:rgba(44, 44, 47, 0.9);--nav-icon-01:rgba(255, 255, 255, 0.6);--nav-icon-focus-01:#2E6BD9;--nav-text-01:rgba(255, 255, 255, 0.6);--ai-ui-01:linear-gradient(-46.7906deg, #DE46E1, #8E43FF 48.67%, #0E61F6 100%);--ai-ui-02:linear-gradient(219deg, #431744 0%, #311F4E 48.67%, #172949 100%);--ai-ui-03:linear-gradient(229.68deg, #88578A 5.41%, #715693 58.63%, #4B5E91 105.21%);--ai-highlight:rgba(142, 67, 255,0.2)}
1
+ .hyperspace-light{color-scheme:light;--spr-ui-02:#F8F8FA;--spr-ui-04:#1250DE;--spr-ui-focus:rgba(8, 40, 204, 0.07);--spr-ui-focus-reverse:rgba(255, 255, 255, 0.2);--spr-ui-hover:#F8F8FA;--spr-ui-hover-reverse:rgba(255, 255, 255, 0.1);--spr-support-error-highlight:rgba(220, 38, 37, 0.2);--spr-support-success-highlight:rgba(23, 135, 64, 0.2);--spr-support-warning-highlight:rgba(235, 179, 5, 0.2);--spr-bg-success-highlight-2:#87EFAC;--spr-clr-blue-highlight:#E8F0FE;--spr-tag:#F2F2F4;--spr-tag-01:#E6E6E9;--spr-tag-02:rgba(8, 40, 204, 0.07);--spr-field:#DBDBDB;--spr-field-border:#DBDBDB;--spr-popup:#FFFFFF;--spr-overlay:rgba(10, 10, 20, 0.9);--spr-favourite:#FF9F21;--spr-notification:#DE336A;--spr-interactive-hover-border:#1640B1;--spr-interactive-disable:rgba(255, 255, 255, 0.6);--spr-interactive-02:#E3E4E6;--spr-clr-blue:#2EA2FB;--spr-clr-green:#33CC99;--spr-clr-lavender:#7F36F6;--spr-clr-orange:#F08C1A;--spr-clr-pink:#FFA1BE;--spr-clr-red:#E1245E;--spr-clr-sea:#16AAD2;--spr-clr-teal:#13C18D;--spr-clr-yellow:#ECAD00;--spr-clr-grey:#D7D7DC;--spr-interactive-focus:#0E3386;--spr-clr-purple:#8C43FF;--spr-clr-lt-yellow:#FFD04F;--spr-clr-darker-blue:#327AFD;--spr-secondary-yellow:#FFC312;--spr-secondary-green:#A3CB38;--spr-secondary-teal:#12CBC4;--spr-secondary-lt-pink:#FDA7DF;--spr-secondary-pink:#ED4C67;--spr-secondary-maroon:#B53471;--spr-secondary-orange:#F48749;--spr-clr-magenta:#CB1CCE;--spr-clr-magenta-border:#CB1CCE;--spr-clr-fuschia:#A70FDC;--spr-clr-fuschia-border:#A70FDC;--spr-clr-violet:#8E43FF;--spr-clr-violet-border:#8E43FF;--spr-clr-lt-violet:#E4DFF2;--spr-icon-02:#646470;--spr-icon-06:rgba(255, 255, 255, 0.6);--spr-icon-hover:#1E2022;--spr-icon-disable:rgba(28, 28, 31, 0.33);--spr-text-disable:rgba(28, 28, 31, 0.33);--spr-text-magenta:#CB1CCE;--spr-hover:#1640b1;--spr-border-04:#818192;--spr-card-border:#ECECEF;--spr-popup-border:#D7D7DC;--spr-tooltip-border:#0A0A14;--spr-shadow-01:0 1px 4px 0 rgba(10,10,20,0.15);--spr-shadow-02:0 2px 8px 0 rgba(10,10,20,0.20);--spr-shadow-03:-2px 9px 12px 0 rgba(10,10,20,0.60);--spr-shadow-04:-2px 5px 12px -4px rgba(10,10,20,.20);--spr-shadow-05:0px 3px 4px 0 rgba(0,0,0,0.1);--spr-shadow-06:0px -3px 4px 0 rgba(0,0,0,0.1);--spr-bg-primary:var(--spr-ui-01);--spr-bg-secondary:var(--spr-ui-05);--spr-bg-tertiary:var(--spr-ui-03);--spr-bg-quaternary:#F5F6F7;--spr-bg-quinary:var(--spr-ui-06);--spr-bg-inverse:var(--spr-tooltip-01);--spr-bg-error:var(--spr-support-error);--spr-bg-error-highlight:#FEE2E1;--spr-bg-success:var(--spr-support-success);--spr-bg-success-highlight:#DCFCE7;--spr-bg-warning:var(--spr-support-warning);--spr-bg-warning-highlight:#FEF9C3;--spr-bg-neutral:#94969A;--spr-bg-overlay:rgba(18, 18, 20, 0.66);--spr-bg-white:#FFFFFF;--spr-highlight:#FEF9C3;--spr-interactive:var(--spr-interactive-01);--spr-interactive-hover:#1640B1;--spr-icon-primary:var(--spr-icon-01);--spr-icon-tertiary:var(--spr-icon-03);--spr-icon-secondary:var(--spr-icon-04);--spr-icon-inverse:var(--spr-icon-05);--spr-icon-quaternary:#8DCAFF;--spr-icon-white:var(--spr-icon-hover-reverse);--spr-icon-error:#DC2625;--spr-icon-success:#15823D;--spr-icon-warning:#EBB305;--spr-link:var(--spr-text-link-active);--spr-text-primary:var(--spr-text-01);--spr-text-secondary:var(--spr-text-02);--spr-text-tertiary:var(--spr-text-03);--spr-text-placeholder:#757575;--spr-text-white:var(--spr-text-05);--spr-text-inverse:var(--spr-text-06);--spr-text-error:var(--spr-support-error-text);--spr-text-success:var(--spr-support-success-text);--spr-text-warning:var(--spr-support-warning-text);--spr-border-error:var(--spr-support-error-border);--spr-border-success:var(--spr-support-success-border);--spr-border-warning:var(--spr-support-warning-border);--spr-border-quinary:var(--spr-focus-01);--spr-border-primary:var(--spr-border-03);--spr-border-secondary:var(--spr-border-02);--spr-border-tertiary:var(--spr-border-01);--spr-border-quaternary:var(--spr-border-06);--spr-border-inverse:#FFFFFF;--spr-border-white:var(--spr-border-05);--spr-focus-02:1px solid #1250DE;--spr-shadow-100:0 0 0.5px 0 rgba(0, 0, 0, 0.30),0 2px 4px 0 rgba(0, 0, 0, 0.15);--spr-shadow-200:0 0 0.5px 0 rgba(0, 0, 0, 0.10),0 4px 12px 0 rgba(0, 0, 0, 0.10),0 2px 4px 0 rgba(0, 0, 0, 0.10);--spr-ui-01:#FFFFFF;--spr-ui-05:#ECEDEE;--spr-ui-03:#E3E4E6;--spr-ui-06:#D8D9DB;--spr-tooltip-01:#1E2022;--spr-support-error:#DC2625;--spr-support-success:#15823D;--spr-support-warning:#EBB305;--spr-interactive-01:#1250DE;--spr-icon-01:#1E2022;--spr-icon-03:#94969A;--spr-icon-04:#1250DE;--spr-icon-05:#FFFFFF;--spr-icon-hover-reverse:#FFFFFF;--spr-text-04:#1250DE;--spr-text-link-active:#1250DE;--spr-text-01:#1E2022;--spr-text-02:#252627;--spr-text-03:#525457;--spr-text-05:#FFFFFF;--spr-text-06:#FFFFFF;--spr-support-error-text:#DC2625;--spr-support-success-text:#15823D;--spr-support-warning-text:#EBB305;--spr-support-error-border:#DC2625;--spr-support-success-border:#15823D;--spr-support-warning-border:#EBB305;--spr-focus-01:#1250DE;--spr-border-03:#D8D9DB;--spr-border-02:#E3E4E6;--spr-border-01:#ECEDEE;--spr-border-06:#252627;--spr-border-05:#FFFFFF;--app-header:#0A0A14;--app-header-tab:rgba(255, 255, 255, 0.1);--app-header-tab-hover:rgba(255, 255, 255, 0.2);--app-header-tab-active:#EEEEEE;--app-header-text:rgba(255, 255, 255, 0.6);--app-header-text-hover:#FFFFFF;--cht-bg:#F3EAE1;--cht-border:#E6D4CA;--cht-bubble-left:#FFFFFF;--cht-bubble-right:#EBEBFF;--cht-bubble-supporting-text:#646470;--cht-bubble-text-left:#0A0A14;--cht-bubble-text-right:#0A0A14;--cht-bubble-border:#C7D3F7;--cht-bubble-icon-1:#646470;--cht-bubble-icon-2:#D7D7DC;--cht-bubble-icon-3:#0828CC;--cht-bubble-insert:#F8F8FA;--cht-bubble-link:#0828CC;--cht-bubble-text:#646470;--cht-reply:#FFFFFF;--cht-footer:#F3EAE1;--cht-hover:rgba(100, 100, 112, 0.07);--cht-read:#006CD7;--cht-unread:#A0A0A8;--nav-ui-01:rgba(255, 255, 255, 0.2);--nav-ui-hover-01:rgba(255, 255, 255, 0.3);--nav-icon-01:rgba(255, 255, 255, 0.9);--nav-icon-focus-01:#0E61F6;--nav-text-01:rgba(255, 255, 255, 0.9);--ai-ui-01:linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%);--ai-ui-02:linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%);--ai-ui-04:#1C1C1F;--ai-ui-05:#48484C;--ai-ui-06:#646470;--ai-border-02:#1C1C1F;--ai-border-03:#48484C;--ai-border-04:#646470;--ai-highlight:#C6F7FF;--ai-interactive-disable:linear-gradient(205.71deg, #BFEAFF 6.61%, #9DF1FE 61.09%, #FFE0A1 100%);--ai-interactive-loading:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),linear-gradient(0deg, #9DF1FE, #9DF1FE);--ai-bg-gradient:var(--ai-ui-03);--ai-ui-03:linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%)}.hyperspace-dark{color-scheme:dark;--spr-ui-02:#212123;--spr-ui-04:#1A6AFF;--spr-ui-focus:rgba(255, 255, 255, 0.12);--spr-ui-focus-reverse:rgba(255, 255, 255, 0.2);--spr-ui-hover:#212123;--spr-ui-hover-reverse:rgba(255, 255, 255, 0.1);--spr-support-error-highlight:rgba(239, 68, 68, 0.3);--spr-support-success-highlight:rgba(34, 197, 93, 0.3);--spr-support-warning-highlight:rgba(250, 204, 20, 0.3);--spr-bg-success-highlight-2:#166434;--spr-clr-blue-highlight:#2B3343;--spr-tag:#48484C;--spr-tag-01:#48484C;--spr-tag-02:rgba(255, 255, 255, 0.1);--spr-field:#48484C;--spr-field-border:#48484C;--spr-popup:#101112;--spr-overlay:rgba(28, 28, 31, 0.85);--spr-favourite:#FF9F21;--spr-notification:#EF4444;--spr-interactive-hover-border:#1250DE;--spr-interactive-disable:rgba(72,72,76,0.8);--spr-interactive-02:#2B2D2E;--spr-clr-blue:#297AB9;--spr-clr-green:#097A4B;--spr-clr-lavender:#9C60FF;--spr-clr-orange:#FF9F21;--spr-clr-pink:#FFA1BE;--spr-clr-red:#DB334F;--spr-clr-sea:#00C8FF;--spr-clr-teal:#02D999;--spr-clr-yellow:#95700D;--spr-clr-grey:#646469;--spr-interactive-focus:#1640B1;--spr-clr-purple:#763BD2;--spr-clr-lt-yellow:#846F35;--spr-clr-darker-blue:#327AFD;--spr-secondary-yellow:#8D6F18;--spr-secondary-green:#5F732C;--spr-secondary-teal:#168380;--spr-secondary-lt-pink:#956787;--spr-secondary-pink:#B94055;--spr-secondary-maroon:#962F61;--spr-secondary-orange:#A8623A;--spr-clr-magenta:#CB1CCE;--spr-clr-magenta-border:#CB1CCE;--spr-clr-fuschia:#A70FDC;--spr-clr-fuschia-border:#A70FDC;--spr-clr-violet:#8E43FF;--spr-clr-violet-border:#8E43FF;--spr-clr-lt-violet:#E4DFF2;--spr-hover:#1250DE;--spr-border-04:#A0A0A8;--spr-card-border:#3A3A3E;--spr-popup-border:#1C1C1F;--spr-tooltip-border:rgba(174, 174, 178, 0.2);--spr-shadow-01:0 1px 4px 0 rgba(10,10,20,0.3);--spr-shadow-02:1px 1px 7px rgba(255, 255, 255, 0.1);--spr-shadow-03:-2px 5px 12px 0 rgba(10,10,20,0.80);--spr-shadow-04:-2px 5px 12px -4px rgba(0,0,0,1.0);--spr-shadow-05:0px 3px 4px 0 rgba(0,0,0,0.2);--spr-shadow-06:0px -3px 4px 0 rgba(0,0,0,0.2);--spr-icon-02:#AEAEB2;--spr-icon-06:rgba(255, 255, 255, 0.6);--spr-icon-hover:#FFFFFF;--spr-icon-disable:rgba(235, 235, 235, 0.5);--spr-text-disable:rgba(242, 242, 242, 0.33);--spr-text-magenta:#CB1CCE;--spr-bg-primary:var(--spr-ui-01);--spr-bg-secondary:var(--spr-ui-05);--spr-bg-tertiary:var(--spr-ui-03);--spr-bg-quaternary:#252627;--spr-bg-quinary:var(--spr-ui-06);--spr-bg-inverse:var(--spr-tooltip-01);--spr-bg-error:var(--spr-support-error);--spr-bg-error-highlight:#7F1C1D;--spr-bg-success:var(--spr-support-success);--spr-bg-success-highlight:#14532D;--spr-bg-warning:var(--spr-support-warning);--spr-bg-warning-highlight:#713F11;--spr-bg-neutral:#94969A;--spr-bg-overlay:rgba(255, 255, 255, 0.5);--spr-bg-white:#FFFFFF;--spr-highlight:#713F11;--spr-interactive:var(--spr-interactive-01);--spr-interactive-hover:#1250DE;--spr-icon-primary:var(--spr-icon-01);--spr-icon-tertiary:var(--spr-icon-03);--spr-icon-secondary:var(--spr-icon-04);--spr-icon-inverse:var(--spr-icon-05);--spr-icon-quaternary:#57ABFF;--spr-icon-white:var(--spr-icon-hover-reverse);--spr-icon-error:#EF4444;--spr-icon-success:#22C55D;--spr-icon-warning:#FACC14;--spr-link:var(--spr-text-link-active);--spr-text-primary:var(--spr-text-01);--spr-text-secondary:var(--spr-text-02);--spr-text-tertiary:var(--spr-text-03);--spr-text-placeholder:#7D7D7D;--spr-text-white:var(--spr-text-05);--spr-text-inverse:var(--spr-text-06);--spr-text-error:var(--spr-support-error-text);--spr-text-success:var(--spr-support-success-text);--spr-text-warning:var(--spr-support-warning-text);--spr-border-error:var(--spr-support-error-border);--spr-border-success:var(--spr-support-success-border);--spr-border-warning:var(--spr-support-warning-border);--spr-border-quinary:var(--spr-focus-01);--spr-border-primary:var(--spr-border-03);--spr-border-secondary:var(--spr-border-02);--spr-border-tertiary:var(--spr-border-01);--spr-border-quaternary:var(--spr-border-06);--spr-border-inverse:#1E2022;--spr-border-white:var(--spr-border-05);--spr-focus-02:1px solid #57ABFF;--spr-shadow-100:0 0.8px 0 0 rgba(255, 255, 255, 0.08) inset,0 4px 8px 0 rgba(0, 0, 0, 0.40),0 0 0.5px 0 rgba(255, 255, 255, 0.30) inset,0 1px 3px 0 rgba(0, 0, 0, 0.50);--spr-shadow-200:0 0.5px 0 0 rgba(255, 255, 255, 0.08) inset,0 10px 16px 0 rgba(0, 0, 0, 0.35),0 0 0.5px 0 rgba(255, 255, 255, 0.35) inset,0 2px 5px 0 rgba(0, 0, 0, 0.35);--spr-ui-01:#101112;--spr-ui-05:#1E2022;--spr-ui-03:#2B2D2E;--spr-ui-06:#525457;--spr-tooltip-01:#FFFFFF;--spr-support-error:#EF4444;--spr-support-success:#22C55D;--spr-support-warning:#FACC14;--spr-interactive-01:#1A6AFF;--spr-icon-01:#F5F6F7;--spr-icon-03:#94969A;--spr-icon-04:#1A6AFF;--spr-icon-05:#1E2022;--spr-icon-hover-reverse:#FFFFFF;--spr-text-04:#3188FF;--spr-text-link-active:#3188FF;--spr-text-01:#F5F6F7;--spr-text-02:#E3E4E6;--spr-text-03:#B8B9BB;--spr-text-05:#FFFFFF;--spr-text-06:#1E2022;--spr-support-error-text:#EF4444;--spr-support-success-text:#22C55D;--spr-support-warning-text:#FACC14;--spr-support-error-border:#EF4444;--spr-support-success-border:#22C55D;--spr-support-warning-border:#FACC14;--spr-focus-01:#1A6AFF;--spr-border-03:#525457;--spr-border-02:#2B2D2E;--spr-border-01:#252627;--spr-border-06:#ECEDEE;--spr-border-05:#FFFFFF;--app-header:#000;--app-header-tab:rgba(44, 44, 47, 0.6);--app-header-tab-hover:rgba(44, 44, 47, 0.8);--app-header-tab-active:#3A3A3E;--app-header-text:rgba(255, 255, 255, 0.6);--app-header-text-hover:#FFFFFF;--cht-bg:#141416;--cht-border:#2C2C2F;--cht-bubble-left:#F8F8FA;--cht-bubble-right:#006CD7;--cht-bubble-supporting-text:rgba(255, 255, 255, 0.7);--cht-bubble-text-left:#0A0A14;--cht-bubble-text-right:#FFFFFF;--cht-bubble-border:#006CD7;--cht-bubble-icon-1:rgba(255, 255, 255, 0.7);--cht-bubble-icon-2:rgba(255, 255, 255, 0.3);--cht-bubble-icon-3:#FFFFFF;--cht-bubble-insert:rgba(0, 0, 0, 0.2);--cht-bubble-link:#3DF6BF;--cht-bubble-text:rgba(255, 255, 255, 0.7);--cht-reply:#141416;--cht-footer:#2C2C2F;--cht-hover:#1C1C1F;--cht-read:#006CD7;--cht-unread:#AEAEB2;--nav-ui-01:rgba(44, 44, 47, 0.7);--nav-ui-hover-01:rgba(44, 44, 47, 0.9);--nav-icon-01:rgba(255, 255, 255, 0.6);--nav-icon-focus-01:#2E6BD9;--nav-text-01:rgba(255, 255, 255, 0.6);--ai-ui-01:linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%);--ai-ui-02:linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%);--ai-ui-04:#F1F1F1;--ai-ui-05:#B4B4B4;--ai-ui-06:#949494;--ai-border-02:#F1F1F1;--ai-border-03:#B4B4B4;--ai-border-04:#949494;--ai-highlight:rgba(142, 67, 255,0.2);--ai-interactive-disable:linear-gradient(229.68deg, #88578A 5.41%, #715693 58.63%, #4B5E91 105.21%);--ai-interactive-loading:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),linear-gradient(0deg, rgba(142, 67, 255, 0.2), rgba(142, 67, 255, 0.2));--ai-bg-gradient:var(--ai-ui-03);--ai-ui-03:linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%)}