@salutejs/sdds-themes 0.53.0-canary.2428.21177208524.0 → 0.53.0-canary.2431.21593788818.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/css/sdds_bcp.module.css +264 -192
  2. package/css/sdds_bcp__dark.css +132 -96
  3. package/css/sdds_bcp__light.css +132 -96
  4. package/css/sdds_finai.module.css +414 -192
  5. package/css/sdds_finai__dark.css +278 -56
  6. package/css/sdds_finai__light.css +136 -136
  7. package/es/themes/sdds_bcp__dark.js +1 -1
  8. package/es/themes/sdds_bcp__dark.js.map +1 -1
  9. package/es/themes/sdds_bcp__light.js +1 -1
  10. package/es/themes/sdds_bcp__light.js.map +1 -1
  11. package/es/themes/sdds_finai__dark.js +1 -1
  12. package/es/themes/sdds_finai__dark.js.map +1 -1
  13. package/es/themes/sdds_finai__light.js +1 -1
  14. package/es/themes/sdds_finai__light.js.map +1 -1
  15. package/es/tokens/sdds_bcp/index.js +202 -130
  16. package/es/tokens/sdds_bcp/index.js.map +1 -1
  17. package/es/tokens/sdds_finai/index.js +501 -57
  18. package/es/tokens/sdds_finai/index.js.map +1 -1
  19. package/package.json +2 -2
  20. package/themes/sdds_bcp__dark.js +1 -1
  21. package/themes/sdds_bcp__dark.js.map +1 -1
  22. package/themes/sdds_bcp__light.js +1 -1
  23. package/themes/sdds_bcp__light.js.map +1 -1
  24. package/themes/sdds_finai__dark.js +1 -1
  25. package/themes/sdds_finai__dark.js.map +1 -1
  26. package/themes/sdds_finai__light.js +1 -1
  27. package/themes/sdds_finai__light.js.map +1 -1
  28. package/tokens/sdds_bcp/index.d.ts +200 -128
  29. package/tokens/sdds_bcp/index.js +221 -149
  30. package/tokens/sdds_bcp/index.js.map +1 -1
  31. package/tokens/sdds_finai/index.d.ts +500 -56
  32. package/tokens/sdds_finai/index.js +512 -64
  33. package/tokens/sdds_finai/index.js.map +1 -1
package/css/sdds_bcp.module.css CHANGED
@@ -10,12 +10,10 @@
10
10
  --text-tertiary-active: #F5F5F556;
11
11
  --text-paragraph-hover: #F5F5F57A;
12
12
  --text-paragraph-active: #F5F5F5A3;
13
- --text-accent: #C46BFF;
14
- --text-accent-hover: #E4BDFFFF;
15
- --text-accent-active: #B84DFFFF;
16
- --text-accent-minor: #722BA1;
17
- --text-accent-minor-hover: #FFFFFFFF;
18
- --text-accent-minor-active: #8933C1FF;
13
+ --text-accent-hover: #B9A9F9FF;
14
+ --text-accent-active: #633FF3FF;
15
+ --text-accent-minor-hover: #412AA7FF;
16
+ --text-accent-minor-active: #281966FF;
19
17
  --text-positive: #24B23E;
20
18
  --text-positive-hover: #2ACB47FF;
21
19
  --text-positive-active: #1F9835FF;
@@ -44,6 +42,8 @@
44
42
  --text-secondary: #F5F5F58F;
45
43
  --text-tertiary: #F5F5F547;
46
44
  --text-paragraph: #F5F5F5CC;
45
+ --text-accent: #7B5CF5FF;
46
+ --text-accent-minor: #2F1E77FF;
47
47
  --on-dark-text-primary-hover: #F5F5F593;
48
48
  --on-dark-text-primary-active: #F5F5F5C4;
49
49
  --on-dark-text-primary-brightness: #F5F5F5F5;
@@ -53,12 +53,10 @@
53
53
  --on-dark-text-tertiary-active: #F5F5F556;
54
54
  --on-dark-text-paragraph-hover: #F5F5F57A;
55
55
  --on-dark-text-paragraph-active: #F5F5F5A3;
56
- --on-dark-text-accent: #C46BFF;
57
- --on-dark-text-accent-hover: #E4BDFFFF;
58
- --on-dark-text-accent-active: #B84DFFFF;
59
- --on-dark-text-accent-minor: #722BA1;
60
- --on-dark-text-accent-minor-hover: #FFFFFFFF;
61
- --on-dark-text-accent-minor-active: #8933C1FF;
56
+ --on-dark-text-accent-hover: #B9A9F9FF;
57
+ --on-dark-text-accent-active: #633FF3FF;
58
+ --on-dark-text-accent-minor-hover: #412AA7FF;
59
+ --on-dark-text-accent-minor-active: #281966FF;
62
60
  --on-dark-text-positive: #24B23E;
63
61
  --on-dark-text-positive-hover: #2ACB47FF;
64
62
  --on-dark-text-positive-active: #1F9835FF;
@@ -87,6 +85,8 @@
87
85
  --on-dark-text-secondary: #F5F5F58F;
88
86
  --on-dark-text-tertiary: #F5F5F547;
89
87
  --on-dark-text-paragraph: #F5F5F5CC;
88
+ --on-dark-text-accent: #7B5CF5FF;
89
+ --on-dark-text-accent-minor: #2F1E77FF;
90
90
  --on-light-text-primary: #171717F5;
91
91
  --on-light-text-primary-hover: #17171793;
92
92
  --on-light-text-primary-active: #171717C4;
@@ -100,12 +100,10 @@
100
100
  --on-light-text-paragraph: #171717CC;
101
101
  --on-light-text-paragraph-hover: #1717177A;
102
102
  --on-light-text-paragraph-active: #171717A3;
103
- --on-light-text-accent: #AD42F5;
104
- --on-light-text-accent-hover: #CF90F9FF;
105
- --on-light-text-accent-active: #A125F4FF;
106
- --on-light-text-accent-minor: #D39CF7;
107
- --on-light-text-accent-minor-hover: #F4E7FDFF;
108
- --on-light-text-accent-minor-active: #C680F5FF;
103
+ --on-light-text-accent-hover: #8977DAFF;
104
+ --on-light-text-accent-active: #412CA0FF;
105
+ --on-light-text-accent-minor-hover: #B7A3FFFF;
106
+ --on-light-text-accent-minor-active: #7752FFFF;
109
107
  --on-light-text-positive: #108E26;
110
108
  --on-light-text-positive-hover: #13AA2CFF;
111
109
  --on-light-text-positive-active: #0D731EFF;
@@ -130,6 +128,8 @@
130
128
  --on-light-text-info-minor: #52BAFF;
131
129
  --on-light-text-info-minor-hover: #A3DAFFFF;
132
130
  --on-light-text-info-minor-active: #33ADFFFF;
131
+ --on-light-text-accent: #4B32B8FF;
132
+ --on-light-text-accent-minor: #967AFFFF;
133
133
  --inverse-text-primary: #171717F5;
134
134
  --inverse-text-primary-hover: #17171793;
135
135
  --inverse-text-primary-active: #171717C4;
@@ -143,12 +143,10 @@
143
143
  --inverse-text-paragraph: #171717CC;
144
144
  --inverse-text-paragraph-hover: #1717177A;
145
145
  --inverse-text-paragraph-active: #171717A3;
146
- --inverse-text-accent: #AD42F5;
147
- --inverse-text-accent-hover: #CF90F9FF;
148
- --inverse-text-accent-active: #A125F4FF;
149
- --inverse-text-accent-minor: #D39CF7;
150
- --inverse-text-accent-minor-hover: #F4E7FDFF;
151
- --inverse-text-accent-minor-active: #C680F5FF;
146
+ --inverse-text-accent-hover: #8977DAFF;
147
+ --inverse-text-accent-active: #412CA0FF;
148
+ --inverse-text-accent-minor-hover: #B7A3FFFF;
149
+ --inverse-text-accent-minor-active: #7752FFFF;
152
150
  --inverse-text-positive: #108E26;
153
151
  --inverse-text-positive-hover: #13AA2CFF;
154
152
  --inverse-text-positive-active: #0D731EFF;
@@ -173,6 +171,8 @@
173
171
  --inverse-text-info-minor: #52BAFF;
174
172
  --inverse-text-info-minor-hover: #A3DAFFFF;
175
173
  --inverse-text-info-minor-active: #33ADFFFF;
174
+ --inverse-text-accent: #4B32B8FF;
175
+ --inverse-text-accent-minor: #967AFFFF;
176
176
  --surface-solid-primary: #171717;
177
177
  --surface-solid-primary-hover: #1C1C1CFF;
178
178
  --surface-solid-primary-active: #121212FF;
@@ -209,15 +209,12 @@
209
209
  --surface-clear: #FFFFFF00;
210
210
  --surface-clear-hover: #FFFFFFFF;
211
211
  --surface-clear-active: #FFFFFFFF;
212
- --surface-accent: #B559F3;
213
- --surface-accent-hover: #C275F5FF;
214
- --surface-accent-active: #B14FF3FF;
215
- --surface-accent-minor: #36154C;
216
- --surface-accent-minor-hover: #41195CFF;
217
- --surface-accent-minor-active: #301344FF;
218
- --surface-transparent-accent: #B559F333;
219
- --surface-transparent-accent-hover: #B558F352;
220
- --surface-transparent-accent-active: #B558F324;
212
+ --surface-accent-hover: #6C50DCFF;
213
+ --surface-accent-active: #5737D7FF;
214
+ --surface-accent-minor-hover: #211556FF;
215
+ --surface-accent-minor-active: #170F3EFF;
216
+ --surface-transparent-accent-hover: #5E3FD952;
217
+ --surface-transparent-accent-active: #5E3FD924;
221
218
  --surface-positive: #1A9E32;
222
219
  --surface-positive-hover: #1DAF37FF;
223
220
  --surface-positive-active: #18952FFF;
@@ -254,6 +251,9 @@
254
251
  --surface-transparent-info: #118CDF33;
255
252
  --surface-transparent-info-hover: #118CDF52;
256
253
  --surface-transparent-info-active: #118CDF24;
254
+ --surface-accent: #5F41D9FF;
255
+ --surface-accent-minor: #1B1147FF;
256
+ --surface-transparent-accent: #5F41D933;
257
257
  --on-dark-surface-solid-primary: #171717;
258
258
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
259
259
  --on-dark-surface-solid-primary-active: #121212FF;
@@ -290,15 +290,12 @@
290
290
  --on-dark-surface-clear: #FFFFFF00;
291
291
  --on-dark-surface-clear-hover: #FFFFFFFF;
292
292
  --on-dark-surface-clear-active: #FFFFFFFF;
293
- --on-dark-surface-accent: #B559F3;
294
- --on-dark-surface-accent-hover: #C275F5FF;
295
- --on-dark-surface-accent-active: #B14FF3FF;
296
- --on-dark-surface-accent-minor: #36154C;
297
- --on-dark-surface-accent-minor-hover: #41195CFF;
298
- --on-dark-surface-accent-minor-active: #301344FF;
299
- --on-dark-surface-transparent-accent: #B559F333;
300
- --on-dark-surface-transparent-accent-hover: #B558F352;
301
- --on-dark-surface-transparent-accent-active: #B558F324;
293
+ --on-dark-surface-accent-hover: #6C50DCFF;
294
+ --on-dark-surface-accent-active: #5737D7FF;
295
+ --on-dark-surface-accent-minor-hover: #211556FF;
296
+ --on-dark-surface-accent-minor-active: #170F3EFF;
297
+ --on-dark-surface-transparent-accent-hover: #5E3FD952;
298
+ --on-dark-surface-transparent-accent-active: #5E3FD924;
302
299
  --on-dark-surface-positive: #1A9E32;
303
300
  --on-dark-surface-positive-hover: #1DAF37FF;
304
301
  --on-dark-surface-positive-active: #18952FFF;
@@ -335,6 +332,9 @@
335
332
  --on-dark-surface-transparent-info: #118CDF33;
336
333
  --on-dark-surface-transparent-info-hover: #118CDF52;
337
334
  --on-dark-surface-transparent-info-active: #118CDF24;
335
+ --on-dark-surface-accent: #5F41D9FF;
336
+ --on-dark-surface-accent-minor: #1B1147FF;
337
+ --on-dark-surface-transparent-accent: #5F41D933;
338
338
  --on-light-surface-solid-primary: #F5F5F5;
339
339
  --on-light-surface-solid-primary-hover: #FAFAFAFF;
340
340
  --on-light-surface-solid-primary-active: #F0F0F0FF;
@@ -369,15 +369,12 @@
369
369
  --on-light-surface-clear: #FFFFFF00;
370
370
  --on-light-surface-clear-hover: #FFFFFFFF;
371
371
  --on-light-surface-clear-active: #FFFFFFFF;
372
- --on-light-surface-accent: #B559F3;
373
- --on-light-surface-accent-hover: #C275F5FF;
374
- --on-light-surface-accent-active: #B14FF3FF;
375
- --on-light-surface-accent-minor: #F4E3FF;
376
- --on-light-surface-accent-minor-hover: #F9F0FFFF;
377
- --on-light-surface-accent-minor-active: #F1DBFFFF;
378
- --on-light-surface-transparent-accent: #B559F31F;
379
- --on-light-surface-transparent-accent-hover: #B558F33D;
380
- --on-light-surface-transparent-accent-active: #B558F30F;
372
+ --on-light-surface-accent-hover: #6C50DCFF;
373
+ --on-light-surface-accent-active: #502ED6FF;
374
+ --on-light-surface-accent-minor-hover: #D3C7FFFF;
375
+ --on-light-surface-accent-minor-active: #CFC2FFFF;
376
+ --on-light-surface-transparent-accent-hover: #5E3FD92E;
377
+ --on-light-surface-transparent-accent-active: #5E3FD933;
381
378
  --on-light-surface-positive: #1A9E32;
382
379
  --on-light-surface-positive-hover: #1DAF37FF;
383
380
  --on-light-surface-positive-active: #18952FFF;
@@ -416,6 +413,9 @@
416
413
  --on-light-surface-transparent-info-active: #118CDF0F;
417
414
  --on-light-surface-transparent-primary: #08080808;
418
415
  --on-light-surface-transparent-secondary: #0808080F;
416
+ --on-light-surface-accent: #5F41D9FF;
417
+ --on-light-surface-accent-minor: #DAD0FFFF;
418
+ --on-light-surface-transparent-accent: #5F41D91F;
419
419
  --inverse-surface-solid-primary: #F5F5F5;
420
420
  --inverse-surface-solid-primary-hover: #FAFAFAFF;
421
421
  --inverse-surface-solid-primary-active: #F0F0F0FF;
@@ -450,15 +450,12 @@
450
450
  --inverse-surface-clear: #FFFFFF00;
451
451
  --inverse-surface-clear-hover: #FFFFFFFF;
452
452
  --inverse-surface-clear-active: #FFFFFFFF;
453
- --inverse-surface-accent: #B559F3;
454
- --inverse-surface-accent-hover: #C275F5FF;
455
- --inverse-surface-accent-active: #B14FF3FF;
456
- --inverse-surface-accent-minor: #F4E3FF;
457
- --inverse-surface-accent-minor-hover: #F9F0FFFF;
458
- --inverse-surface-accent-minor-active: #F1DBFFFF;
459
- --inverse-surface-transparent-accent: #B559F31F;
460
- --inverse-surface-transparent-accent-hover: #B558F33D;
461
- --inverse-surface-transparent-accent-active: #B558F30F;
453
+ --inverse-surface-accent-hover: #6C50DCFF;
454
+ --inverse-surface-accent-active: #502ED6FF;
455
+ --inverse-surface-accent-minor-hover: #D3C7FFFF;
456
+ --inverse-surface-accent-minor-active: #CFC2FFFF;
457
+ --inverse-surface-transparent-accent-hover: #5E3FD92E;
458
+ --inverse-surface-transparent-accent-active: #5E3FD933;
462
459
  --inverse-surface-positive: #1A9E32;
463
460
  --inverse-surface-positive-hover: #1DAF37FF;
464
461
  --inverse-surface-positive-active: #18952FFF;
@@ -497,6 +494,9 @@
497
494
  --inverse-surface-transparent-info-active: #118CDF0F;
498
495
  --inverse-surface-transparent-primary: #08080808;
499
496
  --inverse-surface-transparent-secondary: #0808080F;
497
+ --inverse-surface-accent: #5F41D9FF;
498
+ --inverse-surface-accent-minor: #DAD0FFFF;
499
+ --inverse-surface-transparent-accent: #5F41D91F;
500
500
  --background-primary: #080808;
501
501
  --dark-background-primary: #080808;
502
502
  --light-background-primary: #F9F9F9;
@@ -537,15 +537,12 @@
537
537
  --outline-clear: #FFFFFF00;
538
538
  --outline-clear-hover: #FFFFFFFF;
539
539
  --outline-clear-active: #FFFFFFFF;
540
- --outline-accent: #C46BFF;
541
- --outline-accent-hover: #E4BDFFFF;
542
- --outline-accent-active: #B84DFFFF;
543
- --outline-accent-minor: #722BA1;
544
- --outline-accent-minor-hover: #FFFFFFFF;
545
- --outline-accent-minor-active: #8933C1FF;
546
- --outline-transparent-accent: #C46BFF47;
547
- --outline-transparent-accent-hover: #C46BFFFF;
548
- --outline-transparent-accent-active: #C46BFF56;
540
+ --outline-accent-hover: #B9A9F9FF;
541
+ --outline-accent-active: #633FF3FF;
542
+ --outline-accent-minor-hover: #412AA7FF;
543
+ --outline-accent-minor-active: #281966FF;
544
+ --outline-transparent-accent-hover: #7B5CF5B3;
545
+ --outline-transparent-accent-active: #7B5CF52B;
549
546
  --outline-positive: #24B23E;
550
547
  --outline-positive-hover: #2ACB47FF;
551
548
  --outline-positive-active: #1F9835FF;
@@ -582,6 +579,9 @@
582
579
  --outline-transparent-info: #199AF047;
583
580
  --outline-transparent-info-hover: #199AF0FF;
584
581
  --outline-transparent-info-active: #199AF056;
582
+ --outline-accent: #7B5CF5FF;
583
+ --outline-accent-minor: #2F1E77FF;
584
+ --outline-transparent-accent: #7B5CF547;
585
585
  --on-dark-outline-solid-primary: #262626;
586
586
  --on-dark-outline-solid-primary-hover: #FFFFFFFF;
587
587
  --on-dark-outline-solid-primary-active: #ADADADFF;
@@ -606,15 +606,12 @@
606
606
  --on-dark-outline-clear: #FFFFFF00;
607
607
  --on-dark-outline-clear-hover: #FFFFFFFF;
608
608
  --on-dark-outline-clear-active: #FFFFFFFF;
609
- --on-dark-outline-accent: #C46BFF;
610
- --on-dark-outline-accent-hover: #E4BDFFFF;
611
- --on-dark-outline-accent-active: #B84DFFFF;
612
- --on-dark-outline-accent-minor: #722BA1;
613
- --on-dark-outline-accent-minor-hover: #FFFFFFFF;
614
- --on-dark-outline-accent-minor-active: #8933C1FF;
615
- --on-dark-outline-transparent-accent: #C46BFF47;
616
- --on-dark-outline-transparent-accent-hover: #C46BFFFF;
617
- --on-dark-outline-transparent-accent-active: #C46BFF56;
609
+ --on-dark-outline-accent-hover: #B9A9F9FF;
610
+ --on-dark-outline-accent-active: #633FF3FF;
611
+ --on-dark-outline-accent-minor-hover: #412AA7FF;
612
+ --on-dark-outline-accent-minor-active: #281966FF;
613
+ --on-dark-outline-transparent-accent-hover: #7B5CF5B3;
614
+ --on-dark-outline-transparent-accent-active: #7B5CF52B;
618
615
  --on-dark-outline-positive: #24B23E;
619
616
  --on-dark-outline-positive-hover: #2ACB47FF;
620
617
  --on-dark-outline-positive-active: #1F9835FF;
@@ -651,6 +648,9 @@
651
648
  --on-dark-outline-transparent-info: #199AF047;
652
649
  --on-dark-outline-transparent-info-hover: #199AF0FF;
653
650
  --on-dark-outline-transparent-info-active: #199AF056;
651
+ --on-dark-outline-accent: #7B5CF5FF;
652
+ --on-dark-outline-accent-minor: #2F1E77FF;
653
+ --on-dark-outline-transparent-accent: #7B5CF547;
654
654
  --on-light-outline-solid-primary: #DDDDDD;
655
655
  --on-light-outline-solid-primary-hover: #ABABABFF;
656
656
  --on-light-outline-solid-primary-active: #C4C4C4FF;
@@ -675,15 +675,12 @@
675
675
  --on-light-outline-clear: #FFFFFF00;
676
676
  --on-light-outline-clear-hover: #FFFFFFFF;
677
677
  --on-light-outline-clear-active: #FFFFFFFF;
678
- --on-light-outline-accent: #AD42F5;
679
- --on-light-outline-accent-hover: #CF90F9FF;
680
- --on-light-outline-accent-active: #A125F4FF;
681
- --on-light-outline-accent-minor: #D39CF7;
682
- --on-light-outline-accent-minor-hover: #F4E7FDFF;
683
- --on-light-outline-accent-minor-active: #C680F5FF;
684
- --on-light-outline-transparent-accent: #AD42F533;
685
- --on-light-outline-transparent-accent-hover: #AD42F5FF;
686
- --on-light-outline-transparent-accent-active: #AD42F53D;
678
+ --on-light-outline-accent-hover: #8977DAFF;
679
+ --on-light-outline-accent-active: #412CA0FF;
680
+ --on-light-outline-accent-minor-hover: #B7A3FFFF;
681
+ --on-light-outline-accent-minor-active: #7752FFFF;
682
+ --on-light-outline-transparent-accent-hover: #4B32B81F;
683
+ --on-light-outline-transparent-accent-active: #4B32B852;
687
684
  --on-light-outline-positive: #108E26;
688
685
  --on-light-outline-positive-hover: #13AA2CFF;
689
686
  --on-light-outline-positive-active: #0D731EFF;
@@ -720,6 +717,9 @@
720
717
  --on-light-outline-transparent-info: #0B7ECB33;
721
718
  --on-light-outline-transparent-info-hover: #0B7ECBFF;
722
719
  --on-light-outline-transparent-info-active: #0B7ECB3D;
720
+ --on-light-outline-accent: #4B32B8FF;
721
+ --on-light-outline-accent-minor: #967AFFFF;
722
+ --on-light-outline-transparent-accent: #4B32B833;
723
723
  --inverse-outline-solid-primary: #DDDDDD;
724
724
  --inverse-outline-solid-primary-hover: #ABABABFF;
725
725
  --inverse-outline-solid-primary-active: #C4C4C4FF;
@@ -744,15 +744,12 @@
744
744
  --inverse-outline-clear: #FFFFFF00;
745
745
  --inverse-outline-clear-hover: #FFFFFFFF;
746
746
  --inverse-outline-clear-active: #FFFFFFFF;
747
- --inverse-outline-accent: #AD42F5;
748
- --inverse-outline-accent-hover: #CF90F9FF;
749
- --inverse-outline-accent-active: #A125F4FF;
750
- --inverse-outline-accent-minor: #D39CF7;
751
- --inverse-outline-accent-minor-hover: #F4E7FDFF;
752
- --inverse-outline-accent-minor-active: #C680F5FF;
753
- --inverse-outline-transparent-accent: #AD42F533;
754
- --inverse-outline-transparent-accent-hover: #AD42F5FF;
755
- --inverse-outline-transparent-accent-active: #AD42F53D;
747
+ --inverse-outline-accent-hover: #8977DAFF;
748
+ --inverse-outline-accent-active: #412CA0FF;
749
+ --inverse-outline-accent-minor-hover: #B7A3FFFF;
750
+ --inverse-outline-accent-minor-active: #7752FFFF;
751
+ --inverse-outline-transparent-accent-hover: #4B32B81F;
752
+ --inverse-outline-transparent-accent-active: #4B32B852;
756
753
  --inverse-outline-positive: #108E26;
757
754
  --inverse-outline-positive-hover: #13AA2CFF;
758
755
  --inverse-outline-positive-active: #0D731EFF;
@@ -789,6 +786,9 @@
789
786
  --inverse-outline-transparent-info: #0B7ECB33;
790
787
  --inverse-outline-transparent-info-hover: #0B7ECBFF;
791
788
  --inverse-outline-transparent-info-active: #0B7ECB3D;
789
+ --inverse-outline-accent: #4B32B8FF;
790
+ --inverse-outline-accent-minor: #967AFFFF;
791
+ --inverse-outline-transparent-accent: #4B32B833;
792
792
  --data-yellow: #F3A912;
793
793
  --data-yellow-minor: #A16B00;
794
794
  --data-yellow-transparent: #F3A9128F;
@@ -806,30 +806,66 @@
806
806
  }
807
807
 
808
808
  .dark {
809
+ --text-accent-gradient-hover: #858585FF;
810
+ --text-accent-gradient-active: #666666FF;
811
+ --text-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
812
+ --on-dark-text-accent-gradient-hover: #858585FF;
813
+ --on-dark-text-accent-gradient-active: #666666FF;
814
+ --on-dark-text-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
815
+ --on-light-text-accent-gradient-hover: #CCCCCCFF;
816
+ --on-light-text-accent-gradient-active: #E6E6E6FF;
817
+ --on-light-text-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
818
+ --inverse-text-accent-gradient-hover: #CCCCCCFF;
819
+ --inverse-text-accent-gradient-active: #E6E6E6FF;
820
+ --inverse-text-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
821
+ --surface-accent-gradient-hover: #FFFFFFFF;
822
+ --surface-accent-gradient-active: #FFFFFFFF;
823
+ --surface-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
809
824
  --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
810
825
  --surface-skeleton-gradient-hover: #FFFFFFFF;
811
826
  --surface-skeleton-gradient-active: #FFFFFFFF;
812
827
  --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
813
828
  --surface-skeleton-deep-gradient-hover: #FFFFFFFF;
814
829
  --surface-skeleton-deep-gradient-active: #FFFFFFFF;
830
+ --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
831
+ --on-dark-surface-accent-gradient-active: #FFFFFFFF;
832
+ --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
815
833
  --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
816
834
  --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
817
835
  --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
818
836
  --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
819
837
  --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
820
838
  --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
839
+ --on-light-surface-accent-gradient-hover: #FFFFFFFF;
840
+ --on-light-surface-accent-gradient-active: #FFFFFFFF;
841
+ --on-light-surface-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
821
842
  --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
822
843
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
823
844
  --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
824
845
  --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
825
846
  --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
826
847
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
848
+ --inverse-surface-accent-gradient-hover: #FFFFFFFF;
849
+ --inverse-surface-accent-gradient-active: #FFFFFFFF;
850
+ --inverse-surface-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
827
851
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
828
852
  --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
829
853
  --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
830
854
  --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
831
855
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
832
856
  --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
857
+ --outline-accent-gradient-hover: #858585FF;
858
+ --outline-accent-gradient-active: #666666FF;
859
+ --outline-accent-gradient: linear-gradient(45.00deg,rgb(95,65,217)0%,rgb(167,77,231)100%);
860
+ --on-dark-outline-accent-gradient-hover: #858585FF;
861
+ --on-dark-outline-accent-gradient-active: #666666FF;
862
+ --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
863
+ --on-light-outline-accent-gradient-hover: #CCCCCCFF;
864
+ --on-light-outline-accent-gradient-active: #E6E6E6FF;
865
+ --on-light-outline-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
866
+ --inverse-outline-accent-gradient-hover: #CCCCCCFF;
867
+ --inverse-outline-accent-gradient-active: #E6E6E6FF;
868
+ --inverse-outline-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
833
869
  }
834
870
 
835
871
  .light {
@@ -846,12 +882,10 @@
846
882
  --text-paragraph: #171717CC;
847
883
  --text-paragraph-hover: #1717177A;
848
884
  --text-paragraph-active: #171717A3;
849
- --text-accent: #AD42F5;
850
- --text-accent-hover: #BE69F7FF;
851
- --text-accent-active: #9D1BF3FF;
852
- --text-accent-minor: #D39CF7;
853
- --text-accent-minor-hover: #E3C2FAFF;
854
- --text-accent-minor-active: #C276F4FF;
885
+ --text-accent-hover: #8977DAFF;
886
+ --text-accent-active: #412CA0FF;
887
+ --text-accent-minor-hover: #B7A3FFFF;
888
+ --text-accent-minor-active: #7752FFFF;
855
889
  --text-positive: #108E26;
856
890
  --text-positive-hover: #14B32EFF;
857
891
  --text-positive-active: #0C6A1BFF;
@@ -876,6 +910,8 @@
876
910
  --text-info-minor: #52BAFF;
877
911
  --text-info-minor-hover: #7ACAFFFF;
878
912
  --text-info-minor-active: #29A9FFFF;
913
+ --text-accent: #4B32B8FF;
914
+ --text-accent-minor: #967AFFFF;
879
915
  --on-dark-text-primary-hover: #F5F5F593;
880
916
  --on-dark-text-primary-active: #F5F5F5C4;
881
917
  --on-dark-text-primary-brightness: #F5F5F5F5;
@@ -885,12 +921,10 @@
885
921
  --on-dark-text-tertiary-active: #F5F5F556;
886
922
  --on-dark-text-paragraph-hover: #F5F5F57A;
887
923
  --on-dark-text-paragraph-active: #F5F5F5A3;
888
- --on-dark-text-accent: #C46BFF;
889
- --on-dark-text-accent-hover: #D494FFFF;
890
- --on-dark-text-accent-active: #B442FFFF;
891
- --on-dark-text-accent-minor: #722BA1;
892
- --on-dark-text-accent-minor-hover: #FFFFFFFF;
893
- --on-dark-text-accent-minor-active: #5B2281FF;
924
+ --on-dark-text-accent-hover: #B9A9F9FF;
925
+ --on-dark-text-accent-active: #633FF3FF;
926
+ --on-dark-text-accent-minor-hover: #412AA7FF;
927
+ --on-dark-text-accent-minor-active: #281966FF;
894
928
  --on-dark-text-positive: #24B23E;
895
929
  --on-dark-text-positive-hover: #2BD44AFF;
896
930
  --on-dark-text-positive-active: #1D9032FF;
@@ -919,6 +953,8 @@
919
953
  --on-dark-text-secondary: #F5F5F58F;
920
954
  --on-dark-text-tertiary: #F5F5F547;
921
955
  --on-dark-text-paragraph: #F5F5F5CC;
956
+ --on-dark-text-accent: #7B5CF5FF;
957
+ --on-dark-text-accent-minor: #2F1E77FF;
922
958
  --on-light-text-primary: #171717F5;
923
959
  --on-light-text-primary-hover: #17171793;
924
960
  --on-light-text-primary-active: #171717C4;
@@ -932,12 +968,10 @@
932
968
  --on-light-text-paragraph: #171717CC;
933
969
  --on-light-text-paragraph-hover: #1717177A;
934
970
  --on-light-text-paragraph-active: #171717A3;
935
- --on-light-text-accent: #AD42F5;
936
- --on-light-text-accent-hover: #BE69F7FF;
937
- --on-light-text-accent-active: #9D1BF3FF;
938
- --on-light-text-accent-minor: #D39CF7;
939
- --on-light-text-accent-minor-hover: #E3C2FAFF;
940
- --on-light-text-accent-minor-active: #C276F4FF;
971
+ --on-light-text-accent-hover: #8977DAFF;
972
+ --on-light-text-accent-active: #412CA0FF;
973
+ --on-light-text-accent-minor-hover: #B7A3FFFF;
974
+ --on-light-text-accent-minor-active: #7752FFFF;
941
975
  --on-light-text-positive: #108E26;
942
976
  --on-light-text-positive-hover: #14B32EFF;
943
977
  --on-light-text-positive-active: #0C6A1BFF;
@@ -962,6 +996,8 @@
962
996
  --on-light-text-info-minor: #52BAFF;
963
997
  --on-light-text-info-minor-hover: #7ACAFFFF;
964
998
  --on-light-text-info-minor-active: #29A9FFFF;
999
+ --on-light-text-accent: #4B32B8FF;
1000
+ --on-light-text-accent-minor: #967AFFFF;
965
1001
  --inverse-text-primary-hover: #F5F5F593;
966
1002
  --inverse-text-primary-active: #F5F5F5C4;
967
1003
  --inverse-text-primary-brightness: #F5F5F5F5;
@@ -971,12 +1007,10 @@
971
1007
  --inverse-text-tertiary-active: #F5F5F556;
972
1008
  --inverse-text-paragraph-hover: #F5F5F57A;
973
1009
  --inverse-text-paragraph-active: #F5F5F5A3;
974
- --inverse-text-accent: #C46BFF;
975
- --inverse-text-accent-hover: #D494FFFF;
976
- --inverse-text-accent-active: #B442FFFF;
977
- --inverse-text-accent-minor: #722BA1;
978
- --inverse-text-accent-minor-hover: #FFFFFFFF;
979
- --inverse-text-accent-minor-active: #5B2281FF;
1010
+ --inverse-text-accent-hover: #B9A9F9FF;
1011
+ --inverse-text-accent-active: #633FF3FF;
1012
+ --inverse-text-accent-minor-hover: #412AA7FF;
1013
+ --inverse-text-accent-minor-active: #281966FF;
980
1014
  --inverse-text-positive: #24B23E;
981
1015
  --inverse-text-positive-hover: #2BD44AFF;
982
1016
  --inverse-text-positive-active: #1D9032FF;
@@ -1005,6 +1039,8 @@
1005
1039
  --inverse-text-secondary: #F5F5F58F;
1006
1040
  --inverse-text-tertiary: #F5F5F547;
1007
1041
  --inverse-text-paragraph: #F5F5F5CC;
1042
+ --inverse-text-accent: #7B5CF5FF;
1043
+ --inverse-text-accent-minor: #2F1E77FF;
1008
1044
  --surface-solid-primary: #F5F5F5;
1009
1045
  --surface-solid-primary-hover: #FAFAFAFF;
1010
1046
  --surface-solid-primary-active: #F0F0F0FF;
@@ -1039,15 +1075,12 @@
1039
1075
  --surface-clear: #FFFFFF00;
1040
1076
  --surface-clear-hover: #FFFFFFFF;
1041
1077
  --surface-clear-active: #FFFFFFFF;
1042
- --surface-accent: #B559F3;
1043
- --surface-accent-hover: #C275F5FF;
1044
- --surface-accent-active: #AD45F2FF;
1045
- --surface-accent-minor: #F4E3FF;
1046
- --surface-accent-minor-hover: #F9F0FFFF;
1047
- --surface-accent-minor-active: #F1DBFFFF;
1048
- --surface-transparent-accent: #B559F31F;
1049
- --surface-transparent-accent-hover: #B558F30A;
1050
- --surface-transparent-accent-active: #B558F329;
1078
+ --surface-accent-hover: #6C50DCFF;
1079
+ --surface-accent-active: #502ED6FF;
1080
+ --surface-accent-minor-hover: #D3C7FFFF;
1081
+ --surface-accent-minor-active: #CFC2FFFF;
1082
+ --surface-transparent-accent-hover: #5E3FD92E;
1083
+ --surface-transparent-accent-active: #5E3FD933;
1051
1084
  --surface-positive: #1A9E32;
1052
1085
  --surface-positive-hover: #1EB83AFF;
1053
1086
  --surface-positive-active: #178C2CFF;
@@ -1086,6 +1119,9 @@
1086
1119
  --surface-transparent-info-active: #118CDF29;
1087
1120
  --surface-transparent-primary: #08080808;
1088
1121
  --surface-transparent-secondary: #0808080F;
1122
+ --surface-accent: #5F41D9FF;
1123
+ --surface-transparent-accent: #5F41D91F;
1124
+ --surface-accent-minor: #DAD0FFFF;
1089
1125
  --on-dark-surface-solid-primary: #171717;
1090
1126
  --on-dark-surface-solid-primary-hover: #363636FF;
1091
1127
  --on-dark-surface-solid-primary-active: #0D0D0DFF;
@@ -1122,15 +1158,12 @@
1122
1158
  --on-dark-surface-clear: #FFFFFF00;
1123
1159
  --on-dark-surface-clear-hover: #FFFFFFFF;
1124
1160
  --on-dark-surface-clear-active: #FFFFFFFF;
1125
- --on-dark-surface-accent: #B559F3;
1126
- --on-dark-surface-accent-hover: #C275F5FF;
1127
- --on-dark-surface-accent-active: #AD45F2FF;
1128
- --on-dark-surface-accent-minor: #36154C;
1129
- --on-dark-surface-accent-minor-hover: #41195CFF;
1130
- --on-dark-surface-accent-minor-active: #2B103CFF;
1131
- --on-dark-surface-transparent-accent: #B559F333;
1132
- --on-dark-surface-transparent-accent-hover: #B558F31F;
1133
- --on-dark-surface-transparent-accent-active: #B558F33D;
1161
+ --on-dark-surface-accent-hover: #6C50DCFF;
1162
+ --on-dark-surface-accent-active: #5737D7FF;
1163
+ --on-dark-surface-accent-minor-hover: #211556FF;
1164
+ --on-dark-surface-accent-minor-active: #170F3EFF;
1165
+ --on-dark-surface-transparent-accent-hover: #5E3FD952;
1166
+ --on-dark-surface-transparent-accent-active: #5E3FD924;
1134
1167
  --on-dark-surface-positive: #1A9E32;
1135
1168
  --on-dark-surface-positive-hover: #1EB83AFF;
1136
1169
  --on-dark-surface-positive-active: #178C2CFF;
@@ -1167,6 +1200,9 @@
1167
1200
  --on-dark-surface-transparent-info: #118CDF33;
1168
1201
  --on-dark-surface-transparent-info-hover: #118CDF1F;
1169
1202
  --on-dark-surface-transparent-info-active: #118CDF3D;
1203
+ --on-dark-surface-accent: #5F41D9FF;
1204
+ --on-dark-surface-transparent-accent: #5F41D933;
1205
+ --on-dark-surface-accent-minor: #1B1147FF;
1170
1206
  --on-light-surface-solid-primary: #F5F5F5;
1171
1207
  --on-light-surface-solid-primary-hover: #FAFAFAFF;
1172
1208
  --on-light-surface-solid-primary-active: #F0F0F0FF;
@@ -1201,15 +1237,12 @@
1201
1237
  --on-light-surface-clear: #FFFFFF00;
1202
1238
  --on-light-surface-clear-hover: #FFFFFFFF;
1203
1239
  --on-light-surface-clear-active: #FFFFFFFF;
1204
- --on-light-surface-accent: #B559F3;
1205
- --on-light-surface-accent-hover: #C275F5FF;
1206
- --on-light-surface-accent-active: #AD45F2FF;
1207
- --on-light-surface-accent-minor: #F4E3FF;
1208
- --on-light-surface-accent-minor-hover: #F9F0FFFF;
1209
- --on-light-surface-accent-minor-active: #F1DBFFFF;
1210
- --on-light-surface-transparent-accent: #B559F31F;
1211
- --on-light-surface-transparent-accent-hover: #B558F30A;
1212
- --on-light-surface-transparent-accent-active: #B558F329;
1240
+ --on-light-surface-accent-hover: #6C50DCFF;
1241
+ --on-light-surface-accent-active: #502ED6FF;
1242
+ --on-light-surface-accent-minor-hover: #D3C7FFFF;
1243
+ --on-light-surface-accent-minor-active: #CFC2FFFF;
1244
+ --on-light-surface-transparent-accent-hover: #5E3FD92E;
1245
+ --on-light-surface-transparent-accent-active: #5E3FD933;
1213
1246
  --on-light-surface-positive: #1A9E32;
1214
1247
  --on-light-surface-positive-hover: #1EB83AFF;
1215
1248
  --on-light-surface-positive-active: #178C2CFF;
@@ -1248,6 +1281,9 @@
1248
1281
  --on-light-surface-transparent-info-active: #118CDF29;
1249
1282
  --on-light-surface-transparent-primary: #08080808;
1250
1283
  --on-light-surface-transparent-secondary: #0808080F;
1284
+ --on-light-surface-accent: #5F41D9FF;
1285
+ --on-light-surface-transparent-accent: #5F41D91F;
1286
+ --on-light-surface-accent-minor: #DAD0FFFF;
1251
1287
  --inverse-surface-solid-primary: #171717;
1252
1288
  --inverse-surface-solid-primary-hover: #363636FF;
1253
1289
  --inverse-surface-solid-primary-active: #0D0D0DFF;
@@ -1284,15 +1320,12 @@
1284
1320
  --inverse-surface-clear: #FFFFFF00;
1285
1321
  --inverse-surface-clear-hover: #FFFFFFFF;
1286
1322
  --inverse-surface-clear-active: #FFFFFFFF;
1287
- --inverse-surface-accent: #B559F3;
1288
- --inverse-surface-accent-hover: #C275F5FF;
1289
- --inverse-surface-accent-active: #AD45F2FF;
1290
- --inverse-surface-accent-minor: #36154C;
1291
- --inverse-surface-accent-minor-hover: #41195CFF;
1292
- --inverse-surface-accent-minor-active: #2B103CFF;
1293
- --inverse-surface-transparent-accent: #B559F333;
1294
- --inverse-surface-transparent-accent-hover: #B558F31F;
1295
- --inverse-surface-transparent-accent-active: #B558F33D;
1323
+ --inverse-surface-accent-hover: #6C50DCFF;
1324
+ --inverse-surface-accent-active: #5737D7FF;
1325
+ --inverse-surface-accent-minor-hover: #211556FF;
1326
+ --inverse-surface-accent-minor-active: #170F3EFF;
1327
+ --inverse-surface-transparent-accent-hover: #5E3FD952;
1328
+ --inverse-surface-transparent-accent-active: #5E3FD924;
1296
1329
  --inverse-surface-positive: #1A9E32;
1297
1330
  --inverse-surface-positive-hover: #1EB83AFF;
1298
1331
  --inverse-surface-positive-active: #178C2CFF;
@@ -1329,6 +1362,9 @@
1329
1362
  --inverse-surface-transparent-info: #118CDF33;
1330
1363
  --inverse-surface-transparent-info-hover: #118CDF1F;
1331
1364
  --inverse-surface-transparent-info-active: #118CDF3D;
1365
+ --inverse-surface-accent: #5F41D9FF;
1366
+ --inverse-surface-transparent-accent: #5F41D933;
1367
+ --inverse-surface-accent-minor: #1B1147FF;
1332
1368
  --background-primary: #F9F9F9;
1333
1369
  --dark-background-primary: #080808;
1334
1370
  --light-background-primary: #F9F9F9;
@@ -1369,15 +1405,12 @@
1369
1405
  --outline-clear: #FFFFFF00;
1370
1406
  --outline-clear-hover: #FFFFFFFF;
1371
1407
  --outline-clear-active: #FFFFFFFF;
1372
- --outline-accent: #AD42F5;
1373
- --outline-accent-hover: #BE69F7FF;
1374
- --outline-accent-active: #9D1BF3FF;
1375
- --outline-accent-minor: #D39CF7;
1376
- --outline-accent-minor-hover: #E3C2FAFF;
1377
- --outline-accent-minor-active: #C276F4FF;
1378
- --outline-transparent-accent: #AD42F533;
1379
- --outline-transparent-accent-hover: #AD42F5FF;
1380
- --outline-transparent-accent-active: #AD42F53D;
1408
+ --outline-accent-hover: #8977DAFF;
1409
+ --outline-accent-active: #412CA0FF;
1410
+ --outline-accent-minor-hover: #B7A3FFFF;
1411
+ --outline-accent-minor-active: #7752FFFF;
1412
+ --outline-transparent-accent-hover: #4B32B81F;
1413
+ --outline-transparent-accent-active: #4B32B852;
1381
1414
  --outline-positive: #108E26;
1382
1415
  --outline-positive-hover: #14B32EFF;
1383
1416
  --outline-positive-active: #0C6A1BFF;
@@ -1414,6 +1447,9 @@
1414
1447
  --outline-transparent-info: #0B7ECB33;
1415
1448
  --outline-transparent-info-hover: #0B7ECBFF;
1416
1449
  --outline-transparent-info-active: #0B7ECB3D;
1450
+ --outline-accent: #4B32B8FF;
1451
+ --outline-transparent-accent: #4B32B833;
1452
+ --outline-accent-minor: #967AFFFF;
1417
1453
  --on-dark-outline-solid-primary: #262626;
1418
1454
  --on-dark-outline-solid-primary-hover: #787878FF;
1419
1455
  --on-dark-outline-solid-primary-active: #4F4F4FFF;
@@ -1438,15 +1474,12 @@
1438
1474
  --on-dark-outline-clear: #FFFFFF00;
1439
1475
  --on-dark-outline-clear-hover: #FFFFFFFF;
1440
1476
  --on-dark-outline-clear-active: #FFFFFFFF;
1441
- --on-dark-outline-accent: #C46BFF;
1442
- --on-dark-outline-accent-hover: #D494FFFF;
1443
- --on-dark-outline-accent-active: #B442FFFF;
1444
- --on-dark-outline-accent-minor: #722BA1;
1445
- --on-dark-outline-accent-minor-hover: #FFFFFFFF;
1446
- --on-dark-outline-accent-minor-active: #5B2281FF;
1447
- --on-dark-outline-transparent-accent: #C46BFF47;
1448
- --on-dark-outline-transparent-accent-hover: #C46BFFFF;
1449
- --on-dark-outline-transparent-accent-active: #C46BFF56;
1477
+ --on-dark-outline-accent-hover: #B9A9F9FF;
1478
+ --on-dark-outline-accent-active: #633FF3FF;
1479
+ --on-dark-outline-accent-minor-hover: #412AA7FF;
1480
+ --on-dark-outline-accent-minor-active: #281966FF;
1481
+ --on-dark-outline-transparent-accent-hover: #7B5CF5B3;
1482
+ --on-dark-outline-transparent-accent-active: #7B5CF52B;
1450
1483
  --on-dark-outline-positive: #24B23E;
1451
1484
  --on-dark-outline-positive-hover: #2BD44AFF;
1452
1485
  --on-dark-outline-positive-active: #1D9032FF;
@@ -1483,6 +1516,9 @@
1483
1516
  --on-dark-outline-transparent-info: #199AF047;
1484
1517
  --on-dark-outline-transparent-info-hover: #199AF0FF;
1485
1518
  --on-dark-outline-transparent-info-active: #199AF056;
1519
+ --on-dark-outline-accent: #7B5CF5FF;
1520
+ --on-dark-outline-transparent-accent: #7B5CF547;
1521
+ --on-dark-outline-accent-minor: #2F1E77FF;
1486
1522
  --on-light-outline-solid-primary: #DDDDDD;
1487
1523
  --on-light-outline-solid-primary-hover: #FFFFFFFF;
1488
1524
  --on-light-outline-solid-primary-active: #B3B3B3FF;
@@ -1507,15 +1543,12 @@
1507
1543
  --on-light-outline-clear: #FFFFFF00;
1508
1544
  --on-light-outline-clear-hover: #FFFFFFFF;
1509
1545
  --on-light-outline-clear-active: #FFFFFFFF;
1510
- --on-light-outline-accent: #AD42F5;
1511
- --on-light-outline-accent-hover: #BE69F7FF;
1512
- --on-light-outline-accent-active: #9D1BF3FF;
1513
- --on-light-outline-accent-minor: #D39CF7;
1514
- --on-light-outline-accent-minor-hover: #E3C2FAFF;
1515
- --on-light-outline-accent-minor-active: #C276F4FF;
1516
- --on-light-outline-transparent-accent: #AD42F533;
1517
- --on-light-outline-transparent-accent-hover: #AD42F5FF;
1518
- --on-light-outline-transparent-accent-active: #AD42F53D;
1546
+ --on-light-outline-accent-hover: #8977DAFF;
1547
+ --on-light-outline-accent-active: #412CA0FF;
1548
+ --on-light-outline-accent-minor-hover: #B7A3FFFF;
1549
+ --on-light-outline-accent-minor-active: #7752FFFF;
1550
+ --on-light-outline-transparent-accent-hover: #4B32B81F;
1551
+ --on-light-outline-transparent-accent-active: #4B32B852;
1519
1552
  --on-light-outline-positive: #108E26;
1520
1553
  --on-light-outline-positive-hover: #14B32EFF;
1521
1554
  --on-light-outline-positive-active: #0C6A1BFF;
@@ -1552,6 +1585,9 @@
1552
1585
  --on-light-outline-transparent-info: #0B7ECB33;
1553
1586
  --on-light-outline-transparent-info-hover: #0B7ECBFF;
1554
1587
  --on-light-outline-transparent-info-active: #0B7ECB3D;
1588
+ --on-light-outline-accent: #4B32B8FF;
1589
+ --on-light-outline-transparent-accent: #4B32B833;
1590
+ --on-light-outline-accent-minor: #967AFFFF;
1555
1591
  --inverse-outline-solid-primary: #262626;
1556
1592
  --inverse-outline-solid-primary-hover: #787878FF;
1557
1593
  --inverse-outline-solid-primary-active: #4F4F4FFF;
@@ -1576,15 +1612,12 @@
1576
1612
  --inverse-outline-clear: #FFFFFF00;
1577
1613
  --inverse-outline-clear-hover: #FFFFFFFF;
1578
1614
  --inverse-outline-clear-active: #FFFFFFFF;
1579
- --inverse-outline-accent: #C46BFF;
1580
- --inverse-outline-accent-hover: #D494FFFF;
1581
- --inverse-outline-accent-active: #B442FFFF;
1582
- --inverse-outline-accent-minor: #722BA1;
1583
- --inverse-outline-accent-minor-hover: #FFFFFFFF;
1584
- --inverse-outline-accent-minor-active: #5B2281FF;
1585
- --inverse-outline-transparent-accent: #C46BFF47;
1586
- --inverse-outline-transparent-accent-hover: #C46BFFFF;
1587
- --inverse-outline-transparent-accent-active: #C46BFF56;
1615
+ --inverse-outline-accent-hover: #B9A9F9FF;
1616
+ --inverse-outline-accent-active: #633FF3FF;
1617
+ --inverse-outline-accent-minor-hover: #412AA7FF;
1618
+ --inverse-outline-accent-minor-active: #281966FF;
1619
+ --inverse-outline-transparent-accent-hover: #7B5CF5B3;
1620
+ --inverse-outline-transparent-accent-active: #7B5CF52B;
1588
1621
  --inverse-outline-positive: #24B23E;
1589
1622
  --inverse-outline-positive-hover: #2BD44AFF;
1590
1623
  --inverse-outline-positive-active: #1D9032FF;
@@ -1621,6 +1654,9 @@
1621
1654
  --inverse-outline-transparent-info: #199AF047;
1622
1655
  --inverse-outline-transparent-info-hover: #199AF0FF;
1623
1656
  --inverse-outline-transparent-info-active: #199AF056;
1657
+ --inverse-outline-accent: #7B5CF5FF;
1658
+ --inverse-outline-transparent-accent: #7B5CF547;
1659
+ --inverse-outline-accent-minor: #2F1E77FF;
1624
1660
  --data-yellow: #F3A912;
1625
1661
  --data-yellow-minor: #FFD37A;
1626
1662
  --data-yellow-transparent: #F3A9128F;
@@ -1638,30 +1674,66 @@
1638
1674
  }
1639
1675
 
1640
1676
  .light {
1677
+ --text-accent-gradient-hover: #CCCCCCFF;
1678
+ --text-accent-gradient-active: #E6E6E6FF;
1679
+ --text-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
1680
+ --on-dark-text-accent-gradient-hover: #858585FF;
1681
+ --on-dark-text-accent-gradient-active: #666666FF;
1682
+ --on-dark-text-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
1683
+ --on-light-text-accent-gradient-hover: #CCCCCCFF;
1684
+ --on-light-text-accent-gradient-active: #E6E6E6FF;
1685
+ --on-light-text-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
1686
+ --inverse-text-accent-gradient-hover: #858585FF;
1687
+ --inverse-text-accent-gradient-active: #666666FF;
1688
+ --inverse-text-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
1689
+ --surface-accent-gradient-hover: #FFFFFFFF;
1690
+ --surface-accent-gradient-active: #FFFFFFFF;
1691
+ --surface-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
1641
1692
  --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
1642
1693
  --surface-skeleton-gradient-hover: #FFFFFFFF;
1643
1694
  --surface-skeleton-gradient-active: #FFFFFFFF;
1644
1695
  --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
1645
1696
  --surface-skeleton-deep-gradient-hover: #FFFFFFFF;
1646
1697
  --surface-skeleton-deep-gradient-active: #FFFFFFFF;
1698
+ --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
1699
+ --on-dark-surface-accent-gradient-active: #FFFFFFFF;
1700
+ --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
1647
1701
  --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
1648
1702
  --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
1649
1703
  --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
1650
1704
  --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
1651
1705
  --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
1652
1706
  --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
1707
+ --on-light-surface-accent-gradient-hover: #FFFFFFFF;
1708
+ --on-light-surface-accent-gradient-active: #FFFFFFFF;
1709
+ --on-light-surface-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
1653
1710
  --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
1654
1711
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
1655
1712
  --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
1656
1713
  --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
1657
1714
  --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
1658
1715
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
1716
+ --inverse-surface-accent-gradient-hover: #FFFFFFFF;
1717
+ --inverse-surface-accent-gradient-active: #FFFFFFFF;
1718
+ --inverse-surface-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
1659
1719
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
1660
1720
  --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
1661
1721
  --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
1662
1722
  --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
1663
1723
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
1664
1724
  --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
1725
+ --outline-accent-gradient-hover: #CCCCCCFF;
1726
+ --outline-accent-gradient-active: #E6E6E6FF;
1727
+ --outline-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
1728
+ --on-dark-outline-accent-gradient-hover: #858585FF;
1729
+ --on-dark-outline-accent-gradient-active: #666666FF;
1730
+ --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
1731
+ --on-light-outline-accent-gradient-hover: #CCCCCCFF;
1732
+ --on-light-outline-accent-gradient-active: #E6E6E6FF;
1733
+ --on-light-outline-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
1734
+ --inverse-outline-accent-gradient-hover: #858585FF;
1735
+ --inverse-outline-accent-gradient-active: #666666FF;
1736
+ --inverse-outline-accent-gradient: linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined);
1665
1737
  }
1666
1738
 
1667
1739
  .dark, .light {