@sprinklrjs/spaceweb-themes 12.14.4 → 12.33.2
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.
- package/common-theme/utilities.d.ts +0 -2
- package/common-theme/utilities.js +2 -2
- package/hyperspace/dark/index.d.ts +46 -2
- package/hyperspace/dark/theme.d.ts +15 -0
- package/hyperspace/dark/theme.js +15 -0
- package/hyperspace/dark/utilities.d.ts +31 -2
- package/hyperspace/dark/utilities.js +15 -0
- package/hyperspace/light/index.d.ts +46 -2
- package/hyperspace/light/theme.d.ts +15 -0
- package/hyperspace/light/theme.js +15 -0
- package/hyperspace/light/utilities.d.ts +31 -2
- package/hyperspace/light/utilities.js +17 -0
- package/hyperspace/themeVars.css +23 -0
- package/hyperspace/themeVars.min.css +1 -1
- package/package.json +4 -3
- package/space/dark/index.d.ts +46 -2
- package/space/dark/theme.d.ts +15 -0
- package/space/dark/theme.js +15 -0
- package/space/dark/utilities.d.ts +31 -2
- package/space/dark/utilities.js +15 -0
- package/space/light/index.d.ts +46 -2
- package/space/light/theme.d.ts +15 -0
- package/space/light/theme.js +15 -0
- package/space/light/utilities.d.ts +31 -2
- package/space/light/utilities.js +15 -0
- package/space/themeVars.css +23 -0
- package/space/themeVars.min.css +1 -1
- package/types.d.ts +50 -0
- package/utilities.css +78 -57
- package/utilities.min.css +1 -1
|
@@ -5195,12 +5195,10 @@ declare const _default: {
|
|
|
5195
5195
|
whiteSpace: string;
|
|
5196
5196
|
};
|
|
5197
5197
|
'break-normal': {
|
|
5198
|
-
wordWrap: string;
|
|
5199
5198
|
overflowWrap: string;
|
|
5200
5199
|
wordBreak: string;
|
|
5201
5200
|
};
|
|
5202
5201
|
'break-words': {
|
|
5203
|
-
wordWrap: string;
|
|
5204
5202
|
overflowWrap: string;
|
|
5205
5203
|
};
|
|
5206
5204
|
'break-all': {
|
|
@@ -1589,8 +1589,8 @@ exports["default"] = {
|
|
|
1589
1589
|
'whitespace-pre': { whiteSpace: 'pre' },
|
|
1590
1590
|
'whitespace-pre-line': { whiteSpace: 'pre-line' },
|
|
1591
1591
|
'whitespace-pre-wrap': { whiteSpace: 'pre-wrap' },
|
|
1592
|
-
'break-normal': {
|
|
1593
|
-
'break-words': {
|
|
1592
|
+
'break-normal': { overflowWrap: 'normal', wordBreak: 'normal' },
|
|
1593
|
+
'break-words': { overflowWrap: 'anywhere' },
|
|
1594
1594
|
'break-all': { wordBreak: 'break-all' },
|
|
1595
1595
|
truncate: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' },
|
|
1596
1596
|
'tabular-nums': { fontVariantNumeric: 'tabular-nums' },
|
|
@@ -452,6 +452,10 @@ declare const _default: {
|
|
|
452
452
|
secondaryPink: string;
|
|
453
453
|
secondaryMaroon: string;
|
|
454
454
|
secondaryOrange: string;
|
|
455
|
+
clrMagenta: string;
|
|
456
|
+
clrFuschia: string;
|
|
457
|
+
clrViolet: string;
|
|
458
|
+
clrLtViolet: string;
|
|
455
459
|
hover: string;
|
|
456
460
|
focus01: string;
|
|
457
461
|
focus02: string;
|
|
@@ -487,11 +491,22 @@ declare const _default: {
|
|
|
487
491
|
text04: string;
|
|
488
492
|
text05: string;
|
|
489
493
|
text06: string;
|
|
494
|
+
textMagenta: string;
|
|
490
495
|
textPlaceholder: string;
|
|
491
496
|
supportErrorText: string;
|
|
492
497
|
supportSuccessText: string;
|
|
493
498
|
supportWarningText: string;
|
|
494
499
|
};
|
|
500
|
+
ai: {
|
|
501
|
+
ui01: string;
|
|
502
|
+
ui02: string;
|
|
503
|
+
ui03: string;
|
|
504
|
+
border01: {
|
|
505
|
+
background: string;
|
|
506
|
+
borderColor: string;
|
|
507
|
+
};
|
|
508
|
+
highlight: string;
|
|
509
|
+
};
|
|
495
510
|
nav: {
|
|
496
511
|
ui01: string;
|
|
497
512
|
uiHover01: string;
|
|
@@ -1096,6 +1111,18 @@ declare const _default: {
|
|
|
1096
1111
|
'spr-secondary-orange': {
|
|
1097
1112
|
backgroundColor: string;
|
|
1098
1113
|
};
|
|
1114
|
+
'spr-clr-magenta': {
|
|
1115
|
+
backgroundColor: string;
|
|
1116
|
+
};
|
|
1117
|
+
'spr-clr-fuschia': {
|
|
1118
|
+
backgroundColor: string;
|
|
1119
|
+
};
|
|
1120
|
+
'spr-clr-violet': {
|
|
1121
|
+
backgroundColor: string;
|
|
1122
|
+
};
|
|
1123
|
+
'spr-clr-lt-violet': {
|
|
1124
|
+
backgroundColor: string;
|
|
1125
|
+
};
|
|
1099
1126
|
'spr-hover': {
|
|
1100
1127
|
borderColor: string;
|
|
1101
1128
|
};
|
|
@@ -1201,6 +1228,9 @@ declare const _default: {
|
|
|
1201
1228
|
'spr-text-06': {
|
|
1202
1229
|
color: string;
|
|
1203
1230
|
};
|
|
1231
|
+
'spr-text-magenta': {
|
|
1232
|
+
color: string;
|
|
1233
|
+
};
|
|
1204
1234
|
'spr-text-placeholder': {
|
|
1205
1235
|
color: string;
|
|
1206
1236
|
};
|
|
@@ -1213,6 +1243,22 @@ declare const _default: {
|
|
|
1213
1243
|
'spr-support-warning-text': {
|
|
1214
1244
|
color: string;
|
|
1215
1245
|
};
|
|
1246
|
+
'ai-ui-01': {
|
|
1247
|
+
background: string;
|
|
1248
|
+
};
|
|
1249
|
+
'ai-ui-02': {
|
|
1250
|
+
background: string;
|
|
1251
|
+
};
|
|
1252
|
+
'ai-ui-03': {
|
|
1253
|
+
background: string;
|
|
1254
|
+
};
|
|
1255
|
+
'ai-border-01': {
|
|
1256
|
+
background: string;
|
|
1257
|
+
borderColor: string;
|
|
1258
|
+
};
|
|
1259
|
+
'ai-highlight': {
|
|
1260
|
+
backgroundColor: string;
|
|
1261
|
+
};
|
|
1216
1262
|
'nav-ui-01': {
|
|
1217
1263
|
backgroundColor: string;
|
|
1218
1264
|
};
|
|
@@ -6403,12 +6449,10 @@ declare const _default: {
|
|
|
6403
6449
|
whiteSpace: string;
|
|
6404
6450
|
};
|
|
6405
6451
|
'break-normal': {
|
|
6406
|
-
wordWrap: string;
|
|
6407
6452
|
overflowWrap: string;
|
|
6408
6453
|
wordBreak: string;
|
|
6409
6454
|
};
|
|
6410
6455
|
'break-words': {
|
|
6411
|
-
wordWrap: string;
|
|
6412
6456
|
overflowWrap: string;
|
|
6413
6457
|
};
|
|
6414
6458
|
'break-all': {
|
|
@@ -451,6 +451,10 @@ declare const _default: {
|
|
|
451
451
|
secondaryPink: string;
|
|
452
452
|
secondaryMaroon: string;
|
|
453
453
|
secondaryOrange: string;
|
|
454
|
+
clrMagenta: string;
|
|
455
|
+
clrFuschia: string;
|
|
456
|
+
clrViolet: string;
|
|
457
|
+
clrLtViolet: string;
|
|
454
458
|
hover: string;
|
|
455
459
|
focus01: string;
|
|
456
460
|
focus02: string;
|
|
@@ -486,11 +490,22 @@ declare const _default: {
|
|
|
486
490
|
text04: string;
|
|
487
491
|
text05: string;
|
|
488
492
|
text06: string;
|
|
493
|
+
textMagenta: string;
|
|
489
494
|
textPlaceholder: string;
|
|
490
495
|
supportErrorText: string;
|
|
491
496
|
supportSuccessText: string;
|
|
492
497
|
supportWarningText: string;
|
|
493
498
|
};
|
|
499
|
+
ai: {
|
|
500
|
+
ui01: string;
|
|
501
|
+
ui02: string;
|
|
502
|
+
ui03: string;
|
|
503
|
+
border01: {
|
|
504
|
+
background: string;
|
|
505
|
+
borderColor: string;
|
|
506
|
+
};
|
|
507
|
+
highlight: string;
|
|
508
|
+
};
|
|
494
509
|
nav: {
|
|
495
510
|
ui01: string;
|
|
496
511
|
uiHover01: string;
|
package/hyperspace/dark/theme.js
CHANGED
|
@@ -258,6 +258,10 @@ var theme = {
|
|
|
258
258
|
secondaryPink: 'var(--spr-secondary-pink, #B94055)',
|
|
259
259
|
secondaryMaroon: 'var(--spr-secondary-maroon, #962F61)',
|
|
260
260
|
secondaryOrange: 'var(--spr-secondary-orange, #A8623A)',
|
|
261
|
+
clrMagenta: 'var(--spr-clr-magenta, #CB1CCE)',
|
|
262
|
+
clrFuschia: 'var(--spr-clr-fuschia, #A70FDC)',
|
|
263
|
+
clrViolet: 'var(--spr-clr-violet, #8E43FF)',
|
|
264
|
+
clrLtViolet: 'var(--spr-clr-lt-violet, #E4DFF2)',
|
|
261
265
|
hover: 'var(--spr-hover, #0AA2FF)',
|
|
262
266
|
focus01: 'var(--spr-focus-01, #4B8AFC)',
|
|
263
267
|
focus02: 'var(--spr-focus-02, 1px solid #1c62fd)',
|
|
@@ -293,11 +297,22 @@ var theme = {
|
|
|
293
297
|
text04: 'var(--spr-text-04, #4B8AFC)',
|
|
294
298
|
text05: 'var(--spr-text-05, #F1F1F1)',
|
|
295
299
|
text06: 'var(--spr-text-06, #2C2C2F)',
|
|
300
|
+
textMagenta: 'var(--spr-text-magenta, #CB1CCE)',
|
|
296
301
|
textPlaceholder: 'var(--spr-text-placeholder, #646469)',
|
|
297
302
|
supportErrorText: 'var(--spr-support-error-text, #FA6274)',
|
|
298
303
|
supportSuccessText: 'var(--spr-support-success-text, #6AC96E)',
|
|
299
304
|
supportWarningText: 'var(--spr-support-warning-text, #F3BF24)'
|
|
300
305
|
},
|
|
306
|
+
ai: {
|
|
307
|
+
ui01: 'var(--ai-ui-01, linear-gradient(-46.7906deg, #DE46E1, #8E43FF 48.67%, #0E61F6 100%))',
|
|
308
|
+
ui02: 'var(--ai-ui-02, linear-gradient(219deg, #431744 0%, #311F4E 48.67%, #172949 100%))',
|
|
309
|
+
ui03: 'var(--ai-ui-03, linear-gradient(229.68deg, #88578A 5.41%, #715693 58.63%, #4B5E91 105.21%))',
|
|
310
|
+
border01: {
|
|
311
|
+
background: 'linear-gradient(#1C1C1F, #1C1C1F) padding-box, linear-gradient(-46.7906deg, #DE46E1, #8E43FF 48.67%, #0E61F6 100%) border-box',
|
|
312
|
+
borderColor: 'transparent'
|
|
313
|
+
},
|
|
314
|
+
highlight: 'var(--ai-highlight, rgba(142, 67, 255,0.2))'
|
|
315
|
+
},
|
|
301
316
|
nav: {
|
|
302
317
|
ui01: 'var(--nav-ui-01, rgba(44, 44, 47, 0.7))',
|
|
303
318
|
uiHover01: 'var(--nav-ui-hover-01, rgba(44, 44, 47, 0.9))',
|
|
@@ -250,6 +250,18 @@ declare const _default: {
|
|
|
250
250
|
'spr-secondary-orange': {
|
|
251
251
|
backgroundColor: string;
|
|
252
252
|
};
|
|
253
|
+
'spr-clr-magenta': {
|
|
254
|
+
backgroundColor: string;
|
|
255
|
+
};
|
|
256
|
+
'spr-clr-fuschia': {
|
|
257
|
+
backgroundColor: string;
|
|
258
|
+
};
|
|
259
|
+
'spr-clr-violet': {
|
|
260
|
+
backgroundColor: string;
|
|
261
|
+
};
|
|
262
|
+
'spr-clr-lt-violet': {
|
|
263
|
+
backgroundColor: string;
|
|
264
|
+
};
|
|
253
265
|
'spr-hover': {
|
|
254
266
|
borderColor: string;
|
|
255
267
|
};
|
|
@@ -355,6 +367,9 @@ declare const _default: {
|
|
|
355
367
|
'spr-text-06': {
|
|
356
368
|
color: string;
|
|
357
369
|
};
|
|
370
|
+
'spr-text-magenta': {
|
|
371
|
+
color: string;
|
|
372
|
+
};
|
|
358
373
|
'spr-text-placeholder': {
|
|
359
374
|
color: string;
|
|
360
375
|
};
|
|
@@ -367,6 +382,22 @@ declare const _default: {
|
|
|
367
382
|
'spr-support-warning-text': {
|
|
368
383
|
color: string;
|
|
369
384
|
};
|
|
385
|
+
'ai-ui-01': {
|
|
386
|
+
background: string;
|
|
387
|
+
};
|
|
388
|
+
'ai-ui-02': {
|
|
389
|
+
background: string;
|
|
390
|
+
};
|
|
391
|
+
'ai-ui-03': {
|
|
392
|
+
background: string;
|
|
393
|
+
};
|
|
394
|
+
'ai-border-01': {
|
|
395
|
+
background: string;
|
|
396
|
+
borderColor: string;
|
|
397
|
+
};
|
|
398
|
+
'ai-highlight': {
|
|
399
|
+
backgroundColor: string;
|
|
400
|
+
};
|
|
370
401
|
'nav-ui-01': {
|
|
371
402
|
backgroundColor: string;
|
|
372
403
|
};
|
|
@@ -5557,12 +5588,10 @@ declare const _default: {
|
|
|
5557
5588
|
whiteSpace: string;
|
|
5558
5589
|
};
|
|
5559
5590
|
'break-normal': {
|
|
5560
|
-
wordWrap: string;
|
|
5561
5591
|
overflowWrap: string;
|
|
5562
5592
|
wordBreak: string;
|
|
5563
5593
|
};
|
|
5564
5594
|
'break-words': {
|
|
5565
|
-
wordWrap: string;
|
|
5566
5595
|
overflowWrap: string;
|
|
5567
5596
|
};
|
|
5568
5597
|
'break-all': {
|
|
@@ -88,6 +88,10 @@ var utilities = {
|
|
|
88
88
|
'spr-secondary-pink': { backgroundColor: 'var(--spr-secondary-pink, #B94055)' },
|
|
89
89
|
'spr-secondary-maroon': { backgroundColor: 'var(--spr-secondary-maroon, #962F61)' },
|
|
90
90
|
'spr-secondary-orange': { backgroundColor: 'var(--spr-secondary-orange, #A8623A)' },
|
|
91
|
+
'spr-clr-magenta': { backgroundColor: 'var(--spr-clr-magenta, #CB1CCE)' },
|
|
92
|
+
'spr-clr-fuschia': { backgroundColor: 'var(--spr-clr-fuschia, #A70FDC)' },
|
|
93
|
+
'spr-clr-violet': { backgroundColor: 'var(--spr-clr-violet, #8E43FF)' },
|
|
94
|
+
'spr-clr-lt-violet': { backgroundColor: 'var(--spr-clr-lt-violet, #E4DFF2)' },
|
|
91
95
|
'spr-hover': { borderColor: 'var(--spr-hover, #0AA2FF)' },
|
|
92
96
|
'spr-focus-01': { borderColor: 'var(--spr-focus-01, #4B8AFC)' },
|
|
93
97
|
'spr-focus-02': { outline: 'var(--spr-focus-02, 1px solid #1c62fd)' },
|
|
@@ -123,10 +127,21 @@ var utilities = {
|
|
|
123
127
|
'spr-text-04': { color: 'var(--spr-text-04, #4B8AFC)' },
|
|
124
128
|
'spr-text-05': { color: 'var(--spr-text-05, #F1F1F1)' },
|
|
125
129
|
'spr-text-06': { color: 'var(--spr-text-06, #2C2C2F)' },
|
|
130
|
+
'spr-text-magenta': { color: 'var(--spr-text-magenta, #CB1CCE)' },
|
|
126
131
|
'spr-text-placeholder': { color: 'var(--spr-text-placeholder, #646469)' },
|
|
127
132
|
'spr-support-error-text': { color: 'var(--spr-support-error-text, #FA6274)' },
|
|
128
133
|
'spr-support-success-text': { color: 'var(--spr-support-success-text, #6AC96E)' },
|
|
129
134
|
'spr-support-warning-text': { color: 'var(--spr-support-warning-text, #F3BF24)' },
|
|
135
|
+
'ai-ui-01': { background: 'var(--ai-ui-01, linear-gradient(-46.7906deg, #DE46E1, #8E43FF 48.67%, #0E61F6 100%))' },
|
|
136
|
+
'ai-ui-02': { background: 'var(--ai-ui-02, linear-gradient(219deg, #431744 0%, #311F4E 48.67%, #172949 100%))' },
|
|
137
|
+
'ai-ui-03': {
|
|
138
|
+
background: 'var(--ai-ui-03, linear-gradient(229.68deg, #88578A 5.41%, #715693 58.63%, #4B5E91 105.21%))'
|
|
139
|
+
},
|
|
140
|
+
'ai-border-01': {
|
|
141
|
+
background: 'linear-gradient(#1C1C1F, #1C1C1F) padding-box, linear-gradient(-46.7906deg, #DE46E1, #8E43FF 48.67%, #0E61F6 100%) border-box',
|
|
142
|
+
borderColor: 'transparent'
|
|
143
|
+
},
|
|
144
|
+
'ai-highlight': { backgroundColor: 'var(--ai-highlight, rgba(142, 67, 255,0.2))' },
|
|
130
145
|
'nav-ui-01': { backgroundColor: 'var(--nav-ui-01, rgba(44, 44, 47, 0.7))' },
|
|
131
146
|
'nav-ui-hover-01': { backgroundColor: 'var(--nav-ui-hover-01, rgba(44, 44, 47, 0.9))' },
|
|
132
147
|
'nav-icon-01': { fill: 'var(--nav-icon-01, rgba(255, 255, 255, 0.6))' },
|
|
@@ -452,6 +452,10 @@ declare const _default: {
|
|
|
452
452
|
secondaryPink: string;
|
|
453
453
|
secondaryMaroon: string;
|
|
454
454
|
secondaryOrange: string;
|
|
455
|
+
clrMagenta: string;
|
|
456
|
+
clrFuschia: string;
|
|
457
|
+
clrViolet: string;
|
|
458
|
+
clrLtViolet: string;
|
|
455
459
|
icon01: string;
|
|
456
460
|
icon02: string;
|
|
457
461
|
icon03: string;
|
|
@@ -469,6 +473,7 @@ declare const _default: {
|
|
|
469
473
|
text04: string;
|
|
470
474
|
text05: string;
|
|
471
475
|
text06: string;
|
|
476
|
+
textMagenta: string;
|
|
472
477
|
textPlaceholder: string;
|
|
473
478
|
supportErrorText: string;
|
|
474
479
|
supportSuccessText: string;
|
|
@@ -499,6 +504,16 @@ declare const _default: {
|
|
|
499
504
|
iconFocus01: string;
|
|
500
505
|
text01: string;
|
|
501
506
|
};
|
|
507
|
+
ai: {
|
|
508
|
+
ui01: string;
|
|
509
|
+
ui02: string;
|
|
510
|
+
ui03: string;
|
|
511
|
+
border01: {
|
|
512
|
+
background: string;
|
|
513
|
+
borderColor: string;
|
|
514
|
+
};
|
|
515
|
+
highlight: string;
|
|
516
|
+
};
|
|
502
517
|
borderRadius: {
|
|
503
518
|
0: string;
|
|
504
519
|
1: string;
|
|
@@ -1096,6 +1111,18 @@ declare const _default: {
|
|
|
1096
1111
|
'spr-secondary-orange': {
|
|
1097
1112
|
backgroundColor: string;
|
|
1098
1113
|
};
|
|
1114
|
+
'spr-clr-magenta': {
|
|
1115
|
+
backgroundColor: string;
|
|
1116
|
+
};
|
|
1117
|
+
'spr-clr-fuschia': {
|
|
1118
|
+
backgroundColor: string;
|
|
1119
|
+
};
|
|
1120
|
+
'spr-clr-violet': {
|
|
1121
|
+
backgroundColor: string;
|
|
1122
|
+
};
|
|
1123
|
+
'spr-clr-lt-violet': {
|
|
1124
|
+
backgroundColor: string;
|
|
1125
|
+
};
|
|
1099
1126
|
'spr-icon-01': {
|
|
1100
1127
|
fill: string;
|
|
1101
1128
|
};
|
|
@@ -1147,6 +1174,9 @@ declare const _default: {
|
|
|
1147
1174
|
'spr-text-06': {
|
|
1148
1175
|
color: string;
|
|
1149
1176
|
};
|
|
1177
|
+
'spr-text-magenta': {
|
|
1178
|
+
color: string;
|
|
1179
|
+
};
|
|
1150
1180
|
'spr-text-placeholder': {
|
|
1151
1181
|
color: string;
|
|
1152
1182
|
};
|
|
@@ -1228,6 +1258,22 @@ declare const _default: {
|
|
|
1228
1258
|
'nav-text-01': {
|
|
1229
1259
|
color: string;
|
|
1230
1260
|
};
|
|
1261
|
+
'ai-ui-01': {
|
|
1262
|
+
background: string;
|
|
1263
|
+
};
|
|
1264
|
+
'ai-ui-02': {
|
|
1265
|
+
background: string;
|
|
1266
|
+
};
|
|
1267
|
+
'ai-ui-03': {
|
|
1268
|
+
background: string;
|
|
1269
|
+
};
|
|
1270
|
+
'ai-border-01': {
|
|
1271
|
+
background: string;
|
|
1272
|
+
borderColor: string;
|
|
1273
|
+
};
|
|
1274
|
+
'ai-highlight': {
|
|
1275
|
+
backgroundColor: string;
|
|
1276
|
+
};
|
|
1231
1277
|
'outline-01': {
|
|
1232
1278
|
outlineStyle: string;
|
|
1233
1279
|
outlineWidth: string;
|
|
@@ -6403,12 +6449,10 @@ declare const _default: {
|
|
|
6403
6449
|
whiteSpace: string;
|
|
6404
6450
|
};
|
|
6405
6451
|
'break-normal': {
|
|
6406
|
-
wordWrap: string;
|
|
6407
6452
|
overflowWrap: string;
|
|
6408
6453
|
wordBreak: string;
|
|
6409
6454
|
};
|
|
6410
6455
|
'break-words': {
|
|
6411
|
-
wordWrap: string;
|
|
6412
6456
|
overflowWrap: string;
|
|
6413
6457
|
};
|
|
6414
6458
|
'break-all': {
|
|
@@ -451,6 +451,10 @@ declare const _default: {
|
|
|
451
451
|
secondaryPink: string;
|
|
452
452
|
secondaryMaroon: string;
|
|
453
453
|
secondaryOrange: string;
|
|
454
|
+
clrMagenta: string;
|
|
455
|
+
clrFuschia: string;
|
|
456
|
+
clrViolet: string;
|
|
457
|
+
clrLtViolet: string;
|
|
454
458
|
icon01: string;
|
|
455
459
|
icon02: string;
|
|
456
460
|
icon03: string;
|
|
@@ -468,6 +472,7 @@ declare const _default: {
|
|
|
468
472
|
text04: string;
|
|
469
473
|
text05: string;
|
|
470
474
|
text06: string;
|
|
475
|
+
textMagenta: string;
|
|
471
476
|
textPlaceholder: string;
|
|
472
477
|
supportErrorText: string;
|
|
473
478
|
supportSuccessText: string;
|
|
@@ -498,6 +503,16 @@ declare const _default: {
|
|
|
498
503
|
iconFocus01: string;
|
|
499
504
|
text01: string;
|
|
500
505
|
};
|
|
506
|
+
ai: {
|
|
507
|
+
ui01: string;
|
|
508
|
+
ui02: string;
|
|
509
|
+
ui03: string;
|
|
510
|
+
border01: {
|
|
511
|
+
background: string;
|
|
512
|
+
borderColor: string;
|
|
513
|
+
};
|
|
514
|
+
highlight: string;
|
|
515
|
+
};
|
|
501
516
|
borderRadius: {
|
|
502
517
|
0: string;
|
|
503
518
|
1: string;
|
|
@@ -258,6 +258,10 @@ var theme = {
|
|
|
258
258
|
secondaryPink: 'var(--spr-secondary-pink, #ED4C67)',
|
|
259
259
|
secondaryMaroon: 'var(--spr-secondary-maroon, #B53471)',
|
|
260
260
|
secondaryOrange: 'var(--spr-secondary-orange, #F48749)',
|
|
261
|
+
clrMagenta: 'var(--spr-clr-magenta, #CB1CCE)',
|
|
262
|
+
clrFuschia: 'var(--spr-clr-fuschia, #A70FDC)',
|
|
263
|
+
clrViolet: 'var(--spr-clr-violet, #8E43FF)',
|
|
264
|
+
clrLtViolet: 'var(--spr-clr-lt-violet, #E4DFF2)',
|
|
261
265
|
icon01: 'var(--spr-icon-01, #0A0A14)',
|
|
262
266
|
icon02: 'var(--spr-icon-02, #646470)',
|
|
263
267
|
icon03: 'var(--spr-icon-03, #818192)',
|
|
@@ -275,6 +279,7 @@ var theme = {
|
|
|
275
279
|
text04: 'var(--spr-text-04, #0E61F6)',
|
|
276
280
|
text05: 'var(--spr-text-05, #FFFFFF)',
|
|
277
281
|
text06: 'var(--spr-text-06, #FFFFFF)',
|
|
282
|
+
textMagenta: 'var(--spr-text-magenta, #CB1CCE)',
|
|
278
283
|
textPlaceholder: 'var(--spr-text-placeholder, #646470)',
|
|
279
284
|
supportErrorText: 'var(--spr-support-error-text, #C70F5C)',
|
|
280
285
|
supportSuccessText: 'var(--spr-support-success-text, #6AC96E)',
|
|
@@ -304,6 +309,16 @@ var theme = {
|
|
|
304
309
|
icon01: 'var(--nav-icon-01, rgba(255, 255, 255, 0.9))',
|
|
305
310
|
iconFocus01: 'var(--nav-icon-focus-01, #0E61F6)',
|
|
306
311
|
text01: 'var(--nav-text-01, rgba(255, 255, 255, 0.9))'
|
|
312
|
+
},
|
|
313
|
+
ai: {
|
|
314
|
+
ui01: 'var(--ai-ui-01, linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%))',
|
|
315
|
+
ui02: 'var(--ai-ui-02, linear-gradient(233.63deg, #FCF0FD 18.56%, #F7F0FE 52.51%, #ECF2FE 87.9%))',
|
|
316
|
+
ui03: 'var(--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%))',
|
|
317
|
+
border01: {
|
|
318
|
+
background: 'linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%) border-box',
|
|
319
|
+
borderColor: 'transparent'
|
|
320
|
+
},
|
|
321
|
+
highlight: 'var(--ai-highlight, #E4DFF2)'
|
|
307
322
|
}
|
|
308
323
|
};
|
|
309
324
|
exports["default"] = __assign(__assign({}, theme_1["default"]), theme);
|
|
@@ -250,6 +250,18 @@ declare const _default: {
|
|
|
250
250
|
'spr-secondary-orange': {
|
|
251
251
|
backgroundColor: string;
|
|
252
252
|
};
|
|
253
|
+
'spr-clr-magenta': {
|
|
254
|
+
backgroundColor: string;
|
|
255
|
+
};
|
|
256
|
+
'spr-clr-fuschia': {
|
|
257
|
+
backgroundColor: string;
|
|
258
|
+
};
|
|
259
|
+
'spr-clr-violet': {
|
|
260
|
+
backgroundColor: string;
|
|
261
|
+
};
|
|
262
|
+
'spr-clr-lt-violet': {
|
|
263
|
+
backgroundColor: string;
|
|
264
|
+
};
|
|
253
265
|
'spr-icon-01': {
|
|
254
266
|
fill: string;
|
|
255
267
|
};
|
|
@@ -301,6 +313,9 @@ declare const _default: {
|
|
|
301
313
|
'spr-text-06': {
|
|
302
314
|
color: string;
|
|
303
315
|
};
|
|
316
|
+
'spr-text-magenta': {
|
|
317
|
+
color: string;
|
|
318
|
+
};
|
|
304
319
|
'spr-text-placeholder': {
|
|
305
320
|
color: string;
|
|
306
321
|
};
|
|
@@ -382,6 +397,22 @@ declare const _default: {
|
|
|
382
397
|
'nav-text-01': {
|
|
383
398
|
color: string;
|
|
384
399
|
};
|
|
400
|
+
'ai-ui-01': {
|
|
401
|
+
background: string;
|
|
402
|
+
};
|
|
403
|
+
'ai-ui-02': {
|
|
404
|
+
background: string;
|
|
405
|
+
};
|
|
406
|
+
'ai-ui-03': {
|
|
407
|
+
background: string;
|
|
408
|
+
};
|
|
409
|
+
'ai-border-01': {
|
|
410
|
+
background: string;
|
|
411
|
+
borderColor: string;
|
|
412
|
+
};
|
|
413
|
+
'ai-highlight': {
|
|
414
|
+
backgroundColor: string;
|
|
415
|
+
};
|
|
385
416
|
'outline-01': {
|
|
386
417
|
outlineStyle: string;
|
|
387
418
|
outlineWidth: string;
|
|
@@ -5557,12 +5588,10 @@ declare const _default: {
|
|
|
5557
5588
|
whiteSpace: string;
|
|
5558
5589
|
};
|
|
5559
5590
|
'break-normal': {
|
|
5560
|
-
wordWrap: string;
|
|
5561
5591
|
overflowWrap: string;
|
|
5562
5592
|
wordBreak: string;
|
|
5563
5593
|
};
|
|
5564
5594
|
'break-words': {
|
|
5565
|
-
wordWrap: string;
|
|
5566
5595
|
overflowWrap: string;
|
|
5567
5596
|
};
|
|
5568
5597
|
'break-all': {
|
|
@@ -88,6 +88,10 @@ var utilities = {
|
|
|
88
88
|
'spr-secondary-pink': { backgroundColor: 'var(--spr-secondary-pink, #ED4C67)' },
|
|
89
89
|
'spr-secondary-maroon': { backgroundColor: 'var(--spr-secondary-maroon, #B53471)' },
|
|
90
90
|
'spr-secondary-orange': { backgroundColor: 'var(--spr-secondary-orange, #F48749)' },
|
|
91
|
+
'spr-clr-magenta': { backgroundColor: 'var(--spr-clr-magenta, #CB1CCE)' },
|
|
92
|
+
'spr-clr-fuschia': { backgroundColor: 'var(--spr-clr-fuschia, #A70FDC)' },
|
|
93
|
+
'spr-clr-violet': { backgroundColor: 'var(--spr-clr-violet, #8E43FF)' },
|
|
94
|
+
'spr-clr-lt-violet': { backgroundColor: 'var(--spr-clr-lt-violet, #E4DFF2)' },
|
|
91
95
|
'spr-icon-01': { fill: 'var(--spr-icon-01, #0A0A14)' },
|
|
92
96
|
'spr-icon-02': { fill: 'var(--spr-icon-02, #646470)' },
|
|
93
97
|
'spr-icon-03': { fill: 'var(--spr-icon-03, #818192)' },
|
|
@@ -105,6 +109,7 @@ var utilities = {
|
|
|
105
109
|
'spr-text-04': { color: 'var(--spr-text-04, #0E61F6)' },
|
|
106
110
|
'spr-text-05': { color: 'var(--spr-text-05, #FFFFFF)' },
|
|
107
111
|
'spr-text-06': { color: 'var(--spr-text-06, #FFFFFF)' },
|
|
112
|
+
'spr-text-magenta': { color: 'var(--spr-text-magenta, #CB1CCE)' },
|
|
108
113
|
'spr-text-placeholder': { color: 'var(--spr-text-placeholder, #646470)' },
|
|
109
114
|
'spr-support-error-text': { color: 'var(--spr-support-error-text, #C70F5C)' },
|
|
110
115
|
'spr-support-success-text': { color: 'var(--spr-support-success-text, #6AC96E)' },
|
|
@@ -132,6 +137,18 @@ var utilities = {
|
|
|
132
137
|
'nav-icon-01': { fill: 'var(--nav-icon-01, rgba(255, 255, 255, 0.9))' },
|
|
133
138
|
'nav-icon-focus-01': { fill: 'var(--nav-icon-focus-01, #0E61F6)' },
|
|
134
139
|
'nav-text-01': { color: 'var(--nav-text-01, rgba(255, 255, 255, 0.9))' },
|
|
140
|
+
'ai-ui-01': { background: 'var(--ai-ui-01, linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%))' },
|
|
141
|
+
'ai-ui-02': {
|
|
142
|
+
background: 'var(--ai-ui-02, linear-gradient(233.63deg, #FCF0FD 18.56%, #F7F0FE 52.51%, #ECF2FE 87.9%))'
|
|
143
|
+
},
|
|
144
|
+
'ai-ui-03': {
|
|
145
|
+
background: 'var(--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%))'
|
|
146
|
+
},
|
|
147
|
+
'ai-border-01': {
|
|
148
|
+
background: 'linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%) border-box',
|
|
149
|
+
borderColor: 'transparent'
|
|
150
|
+
},
|
|
151
|
+
'ai-highlight': { backgroundColor: 'var(--ai-highlight, #E4DFF2)' },
|
|
135
152
|
'outline-01': { outlineStyle: 'solid', outlineWidth: '2px', outlineColor: '#0E61F6', outlineOffset: '2px' }
|
|
136
153
|
};
|
|
137
154
|
exports["default"] = __assign(__assign({}, utilities_1["default"].utilities), utilities);
|
package/hyperspace/themeVars.css
CHANGED
|
@@ -57,6 +57,10 @@
|
|
|
57
57
|
--spr-secondary-pink: #ed4c67;
|
|
58
58
|
--spr-secondary-maroon: #b53471;
|
|
59
59
|
--spr-secondary-orange: #f48749;
|
|
60
|
+
--spr-clr-magenta: #cb1cce;
|
|
61
|
+
--spr-clr-fuschia: #a70fdc;
|
|
62
|
+
--spr-clr-violet: #8e43ff;
|
|
63
|
+
--spr-clr-lt-violet: #e4dff2;
|
|
60
64
|
--spr-icon-01: #0a0a14;
|
|
61
65
|
--spr-icon-02: #646470;
|
|
62
66
|
--spr-icon-03: #818192;
|
|
@@ -74,6 +78,7 @@
|
|
|
74
78
|
--spr-text-04: #0e61f6;
|
|
75
79
|
--spr-text-05: #ffffff;
|
|
76
80
|
--spr-text-06: #ffffff;
|
|
81
|
+
--spr-text-magenta: #cb1cce;
|
|
77
82
|
--spr-text-placeholder: #646470;
|
|
78
83
|
--spr-support-error-text: #c70f5c;
|
|
79
84
|
--spr-support-success-text: #6ac96e;
|
|
@@ -126,6 +131,15 @@
|
|
|
126
131
|
--nav-icon-01: rgba(255, 255, 255, 0.9);
|
|
127
132
|
--nav-icon-focus-01: #0e61f6;
|
|
128
133
|
--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;
|
|
129
143
|
}
|
|
130
144
|
.hyperspace-dark {
|
|
131
145
|
color-scheme: dark;
|
|
@@ -181,6 +195,10 @@
|
|
|
181
195
|
--spr-secondary-pink: #b94055;
|
|
182
196
|
--spr-secondary-maroon: #962f61;
|
|
183
197
|
--spr-secondary-orange: #a8623a;
|
|
198
|
+
--spr-clr-magenta: #cb1cce;
|
|
199
|
+
--spr-clr-fuschia: #a70fdc;
|
|
200
|
+
--spr-clr-violet: #8e43ff;
|
|
201
|
+
--spr-clr-lt-violet: #e4dff2;
|
|
184
202
|
--spr-hover: #0aa2ff;
|
|
185
203
|
--spr-focus-01: #4b8afc;
|
|
186
204
|
--spr-focus-02: 1px solid #1c62fd;
|
|
@@ -216,6 +234,7 @@
|
|
|
216
234
|
--spr-text-04: #4b8afc;
|
|
217
235
|
--spr-text-05: #f1f1f1;
|
|
218
236
|
--spr-text-06: #2c2c2f;
|
|
237
|
+
--spr-text-magenta: #cb1cce;
|
|
219
238
|
--spr-text-placeholder: #646469;
|
|
220
239
|
--spr-support-error-text: #fa6274;
|
|
221
240
|
--spr-support-success-text: #6ac96e;
|
|
@@ -250,4 +269,8 @@
|
|
|
250
269
|
--nav-icon-01: rgba(255, 255, 255, 0.6);
|
|
251
270
|
--nav-icon-focus-01: #2e6bd9;
|
|
252
271
|
--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%);
|
|
275
|
+
--ai-highlight: rgba(142, 67, 255, 0.2);
|
|
253
276
|
}
|
|
@@ -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-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-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)}.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-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-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)}
|
|
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)}
|