@salutejs/sdds-themes 0.44.0-canary.2127.16721664480.0 → 0.44.0-dev.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 (17) hide show
  1. package/css/sdds_finportal.module.css +335 -383
  2. package/css/sdds_finportal__dark.css +138 -162
  3. package/css/sdds_finportal__light.css +197 -221
  4. package/es/themes/sdds_finportal__dark.js +1 -1
  5. package/es/themes/sdds_finportal__dark.js.map +1 -1
  6. package/es/themes/sdds_finportal__light.js +1 -1
  7. package/es/themes/sdds_finportal__light.js.map +1 -1
  8. package/es/tokens/sdds_finportal/index.js +209 -257
  9. package/es/tokens/sdds_finportal/index.js.map +1 -1
  10. package/package.json +3 -3
  11. package/themes/sdds_finportal__dark.js +1 -1
  12. package/themes/sdds_finportal__dark.js.map +1 -1
  13. package/themes/sdds_finportal__light.js +1 -1
  14. package/themes/sdds_finportal__light.js.map +1 -1
  15. package/tokens/sdds_finportal/index.d.ts +207 -255
  16. package/tokens/sdds_finportal/index.js +228 -276
  17. package/tokens/sdds_finportal/index.js.map +1 -1
package/css/sdds_finportal__light.css CHANGED
@@ -3,10 +3,10 @@
3
3
  :root {
4
4
  --text-primary-hover: #13181B93;
5
5
  --text-primary-active: #13181BC4;
6
- --text-secondary-hover: #13181BFF;
7
- --text-secondary-active: #13181BAB;
8
- --text-tertiary-hover: #13181BFF;
9
- --text-tertiary-active: #13181B56;
6
+ --text-secondary-hover: #485056FF;
7
+ --text-secondary-active: #485056D3;
8
+ --text-tertiary-hover: #717C84FF;
9
+ --text-tertiary-active: #717C8493;
10
10
  --text-paragraph-hover: #13181B7A;
11
11
  --text-paragraph-active: #13181BA3;
12
12
  --text-accent-hover: #0D96F2FF;
@@ -15,10 +15,10 @@
15
15
  --text-accent-minor-active: #29A9FFFF;
16
16
  --text-positive-hover: #14B32EFF;
17
17
  --text-positive-active: #0C6A1BFF;
18
- --text-warning-hover: #FD6B17FF;
19
- --text-warning-active: #C04802FF;
20
- --text-negative-hover: #F54254FF;
21
- --text-negative-active: #DA0B20FF;
18
+ --text-warning-hover: #FB782DFF;
19
+ --text-warning-active: #D25004FF;
20
+ --text-negative-hover: #EE2F43FF;
21
+ --text-negative-active: #BD0F21FF;
22
22
  --text-info-hover: #0D96F2FF;
23
23
  --text-info-active: #0966A5FF;
24
24
  --text-positive-minor-hover: #47DC62FF;
@@ -31,25 +31,25 @@
31
31
  --text-info-minor-active: #29A9FFFF;
32
32
  --text-primary: #13181BF5;
33
33
  --text-primary-brightness: #212629FF;
34
- --text-secondary: #13181B8F;
35
- --text-tertiary: #13181B47;
36
34
  --text-paragraph: #13181BCC;
37
35
  --text-accent: #0B7ECB;
38
36
  --text-accent-minor: #52BAFF;
39
37
  --text-positive: #108E26;
40
- --text-warning: #E85702;
41
- --text-negative: #F31B31;
42
38
  --text-info: #0B7ECB;
43
39
  --text-positive-minor: #28D247;
44
40
  --text-warning-minor: #FD9C68;
45
41
  --text-negative-minor: #FF8F9A;
46
42
  --text-info-minor: #52BAFF;
43
+ --text-secondary: #485056B0;
44
+ --text-tertiary: #707C847A;
45
+ --text-warning: #FA5F05;
46
+ --text-negative: #E31227;
47
47
  --on-dark-text-primary-hover: #F2F5F893;
48
48
  --on-dark-text-primary-active: #F2F5F8C4;
49
- --on-dark-text-secondary-hover: #F2F5F8FF;
50
- --on-dark-text-secondary-active: #F2F5F8AB;
51
- --on-dark-text-tertiary-hover: #F2F5F8FF;
52
- --on-dark-text-tertiary-active: #F2F5F856;
49
+ --on-dark-text-secondary-hover: #D6DFE6FF;
50
+ --on-dark-text-secondary-active: #D6DFE6BE;
51
+ --on-dark-text-tertiary-hover: #D6DFE6FF;
52
+ --on-dark-text-tertiary-active: #D6DFE65C;
53
53
  --on-dark-text-paragraph-hover: #F2F5F87A;
54
54
  --on-dark-text-paragraph-active: #F2F5F8A3;
55
55
  --on-dark-text-accent-hover: #3FABF3FF;
@@ -74,8 +74,6 @@
74
74
  --on-dark-text-info-minor-active: #116BA7FF;
75
75
  --on-dark-text-primary: #F2F5F8F5;
76
76
  --on-dark-text-primary-brightness: #F3F6F8FF;
77
- --on-dark-text-secondary: #F2F5F88F;
78
- --on-dark-text-tertiary: #F2F5F847;
79
77
  --on-dark-text-paragraph: #F2F5F8CC;
80
78
  --on-dark-text-accent: #199AF0;
81
79
  --on-dark-text-accent-minor: #0D5382;
@@ -87,12 +85,14 @@
87
85
  --on-dark-text-warning-minor: #85380C;
88
86
  --on-dark-text-negative-minor: #9C1422;
89
87
  --on-dark-text-info-minor: #0D5382;
88
+ --on-dark-text-secondary: #D5DFE69E;
89
+ --on-dark-text-tertiary: #D5DFE64D;
90
90
  --on-light-text-primary-hover: #13181B93;
91
91
  --on-light-text-primary-active: #13181BC4;
92
- --on-light-text-secondary-hover: #13181BFF;
93
- --on-light-text-secondary-active: #13181BAB;
94
- --on-light-text-tertiary-hover: #13181BFF;
95
- --on-light-text-tertiary-active: #13181B56;
92
+ --on-light-text-secondary-hover: #485056FF;
93
+ --on-light-text-secondary-active: #485056D3;
94
+ --on-light-text-tertiary-hover: #717C84FF;
95
+ --on-light-text-tertiary-active: #717C8493;
96
96
  --on-light-text-paragraph-hover: #13181B7A;
97
97
  --on-light-text-paragraph-active: #13181BA3;
98
98
  --on-light-text-accent-hover: #0D96F2FF;
@@ -101,10 +101,10 @@
101
101
  --on-light-text-accent-minor-active: #29A9FFFF;
102
102
  --on-light-text-positive-hover: #14B32EFF;
103
103
  --on-light-text-positive-active: #0C6A1BFF;
104
- --on-light-text-warning-hover: #FD6B17FF;
105
- --on-light-text-warning-active: #C04802FF;
106
- --on-light-text-negative-hover: #F54254FF;
107
- --on-light-text-negative-active: #DA0B20FF;
104
+ --on-light-text-warning-hover: #FB782DFF;
105
+ --on-light-text-warning-active: #D25004FF;
106
+ --on-light-text-negative-hover: #EE2F43FF;
107
+ --on-light-text-negative-active: #BD0F21FF;
108
108
  --on-light-text-info-hover: #0D96F2FF;
109
109
  --on-light-text-info-active: #0966A5FF;
110
110
  --on-light-text-positive-minor-hover: #47DC62FF;
@@ -117,25 +117,25 @@
117
117
  --on-light-text-info-minor-active: #29A9FFFF;
118
118
  --on-light-text-primary: #13181BF5;
119
119
  --on-light-text-primary-brightness: #212629FF;
120
- --on-light-text-secondary: #13181B8F;
121
- --on-light-text-tertiary: #13181B47;
122
120
  --on-light-text-paragraph: #13181BCC;
123
121
  --on-light-text-accent: #0B7ECB;
124
122
  --on-light-text-accent-minor: #52BAFF;
125
123
  --on-light-text-positive: #108E26;
126
- --on-light-text-warning: #E85702;
127
- --on-light-text-negative: #F31B31;
128
124
  --on-light-text-info: #0B7ECB;
129
125
  --on-light-text-positive-minor: #28D247;
130
126
  --on-light-text-warning-minor: #FD9C68;
131
127
  --on-light-text-negative-minor: #FF8F9A;
132
128
  --on-light-text-info-minor: #52BAFF;
129
+ --on-light-text-secondary: #485056B0;
130
+ --on-light-text-tertiary: #707C847A;
131
+ --on-light-text-warning: #FA5F05;
132
+ --on-light-text-negative: #E31227;
133
133
  --inverse-text-primary-hover: #F2F5F893;
134
134
  --inverse-text-primary-active: #F2F5F8C4;
135
- --inverse-text-secondary-hover: #F2F5F8FF;
136
- --inverse-text-secondary-active: #F2F5F8AB;
137
- --inverse-text-tertiary-hover: #F2F5F8FF;
138
- --inverse-text-tertiary-active: #F2F5F856;
135
+ --inverse-text-secondary-hover: #D6DFE6FF;
136
+ --inverse-text-secondary-active: #D6DFE6BE;
137
+ --inverse-text-tertiary-hover: #D6DFE6FF;
138
+ --inverse-text-tertiary-active: #D6DFE65C;
139
139
  --inverse-text-paragraph-hover: #F2F5F87A;
140
140
  --inverse-text-paragraph-active: #F2F5F8A3;
141
141
  --inverse-text-accent-hover: #3FABF3FF;
@@ -160,8 +160,6 @@
160
160
  --inverse-text-info-minor-active: #116BA7FF;
161
161
  --inverse-text-primary: #F2F5F8F5;
162
162
  --inverse-text-primary-brightness: #F3F6F8FF;
163
- --inverse-text-secondary: #F2F5F88F;
164
- --inverse-text-tertiary: #F2F5F847;
165
163
  --inverse-text-paragraph: #F2F5F8CC;
166
164
  --inverse-text-accent: #199AF0;
167
165
  --inverse-text-accent-minor: #0D5382;
@@ -173,34 +171,36 @@
173
171
  --inverse-text-warning-minor: #85380C;
174
172
  --inverse-text-negative-minor: #9C1422;
175
173
  --inverse-text-info-minor: #0D5382;
176
- --surface-solid-primary-hover: #F8FAFBFF;
174
+ --inverse-text-secondary: #D5DFE69E;
175
+ --inverse-text-tertiary: #D5DFE64D;
176
+ --surface-solid-primary-hover: #EEF2F6FF;
177
177
  --surface-solid-primary-active: #EBF0F4FF;
178
- --surface-solid-secondary-hover: #F5F8F9FF;
179
- --surface-solid-secondary-active: #E2E9EEFF;
180
- --surface-solid-tertiary-hover: #E2E9EEFF;
181
- --surface-solid-tertiary-active: #C9D5DEFF;
178
+ --surface-solid-secondary-hover: #E2E9EEFF;
179
+ --surface-solid-secondary-active: #DEE7EDFF;
180
+ --surface-solid-tertiary-hover: #CFDAE2FF;
181
+ --surface-solid-tertiary-active: #C9D6DFFF;
182
182
  --surface-solid-card-hover: #FFFFFFFF;
183
183
  --surface-solid-card-active: #FFFFFFFF;
184
184
  --surface-solid-default-hover: #111C22FF;
185
185
  --surface-solid-default-active: #030607FF;
186
- --surface-transparent-primary-hover: #070B0E00;
187
- --surface-transparent-primary-active: #070B0E0A;
188
- --surface-transparent-secondary-hover: #070B0E05;
189
- --surface-transparent-secondary-active: #070B0E1A;
190
- --surface-transparent-tertiary-hover: #070B0E0A;
191
- --surface-transparent-tertiary-active: #070B0E29;
192
- --surface-transparent-deep-hover: #070B0E8F;
193
- --surface-transparent-deep-active: #070B0EAD;
186
+ --surface-transparent-primary-hover: #D5DFE652;
187
+ --surface-transparent-primary-active: #D5DFE657;
188
+ --surface-transparent-secondary-hover: #ADB9C247;
189
+ --surface-transparent-secondary-active: #ADB9C24D;
190
+ --surface-transparent-tertiary-hover: #8A959D57;
191
+ --surface-transparent-tertiary-active: #8A959D5C;
192
+ --surface-transparent-deep-hover: #30373CAD;
193
+ --surface-transparent-deep-active: #30373CCC;
194
194
  --surface-transparent-card-hover: #FFFFFFFF;
195
195
  --surface-transparent-card-active: #FFFFFFFF;
196
196
  --surface-clear-hover: #FFFFFF00;
197
197
  --surface-clear-active: #FFFFFF00;
198
198
  --surface-accent-hover: #1798EEFF;
199
199
  --surface-accent-active: #0F81CCFF;
200
- --surface-accent-minor-hover: #E5F5FFFF;
201
- --surface-accent-minor-active: #C7E9FFFF;
202
- --surface-transparent-accent-hover: #118CDF0A;
203
- --surface-transparent-accent-active: #118CDF29;
200
+ --surface-accent-minor-hover: #C7E9FFFF;
201
+ --surface-accent-minor-active: #C2E7FFFF;
202
+ --surface-transparent-accent-hover: #118CDF2E;
203
+ --surface-transparent-accent-active: #118CDF33;
204
204
  --surface-positive-hover: #1EB83AFF;
205
205
  --surface-positive-active: #178C2CFF;
206
206
  --surface-warning-hover: #FB782DFF;
@@ -209,22 +209,22 @@
209
209
  --surface-negative-active: #FF142CFF;
210
210
  --surface-info-hover: #1798EEFF;
211
211
  --surface-info-active: #0F81CCFF;
212
- --surface-positive-minor-hover: #B1FBBFFF;
212
+ --surface-positive-minor-hover: #94FAA7FF;
213
213
  --surface-positive-minor-active: #8BF99FFF;
214
- --surface-warning-minor-hover: #FEEFE6FF;
215
- --surface-warning-minor-active: #FEDCC8FF;
216
- --surface-negative-minor-hover: #FFF5F6FF;
217
- --surface-negative-minor-active: #FFD6DAFF;
218
- --surface-info-minor-hover: #E5F5FFFF;
219
- --surface-info-minor-active: #C7E9FFFF;
220
- --surface-transparent-positive-hover: #1A9E320A;
221
- --surface-transparent-positive-active: #1A9E3229;
222
- --surface-transparent-warning-hover: #FA5F050A;
223
- --surface-transparent-warning-active: #FA5F0529;
224
- --surface-transparent-negative-hover: #FF293E0A;
225
- --surface-transparent-negative-active: #FF293E29;
226
- --surface-transparent-info-hover: #118CDF0A;
227
- --surface-transparent-info-active: #118CDF29;
214
+ --surface-warning-minor-hover: #FEDCC8FF;
215
+ --surface-warning-minor-active: #FED8C3FF;
216
+ --surface-negative-minor-hover: #FFD6DAFF;
217
+ --surface-negative-minor-active: #FFD1D6FF;
218
+ --surface-info-minor-hover: #C7E9FFFF;
219
+ --surface-info-minor-active: #C2E7FFFF;
220
+ --surface-transparent-positive-hover: #1A9E322E;
221
+ --surface-transparent-positive-active: #1A9E3233;
222
+ --surface-transparent-warning-hover: #FA5F052E;
223
+ --surface-transparent-warning-active: #FA5F0533;
224
+ --surface-transparent-negative-hover: #FF293E2E;
225
+ --surface-transparent-negative-active: #FF293E33;
226
+ --surface-transparent-info-hover: #118CDF2E;
227
+ --surface-transparent-info-active: #118CDF33;
228
228
  --surface-solid-card: #FFFFFFFF;
229
229
  --surface-solid-card-brightness: #FFFFFFFF;
230
230
  --surface-solid-primary: #F2F5F8;
@@ -232,10 +232,6 @@
232
232
  --surface-solid-secondary: #E8EEF2;
233
233
  --surface-solid-tertiary: #D5DFE6;
234
234
  --surface-solid-default: #060A0C;
235
- --surface-transparent-primary: #060A0C05;
236
- --surface-transparent-secondary: #060A0C0F;
237
- --surface-transparent-tertiary: #060A0C1F;
238
- --surface-transparent-deep: #060A0CA3;
239
235
  --surface-transparent-card: #FFFFFFFF;
240
236
  --surface-transparent-card-brightness: #FFFFFFFF;
241
237
  --surface-clear: #FFFFFF00;
@@ -254,24 +250,28 @@
254
250
  --surface-transparent-warning: #FA5F051F;
255
251
  --surface-transparent-negative: #FF293E1F;
256
252
  --surface-transparent-info: #118CDF1F;
253
+ --surface-transparent-primary: #D5DFE642;
254
+ --surface-transparent-secondary: #ADB9C238;
255
+ --surface-transparent-tertiary: #8A959D47;
256
+ --surface-transparent-deep: #30373CC7;
257
257
  --on-dark-surface-solid-primary-hover: #20282DFF;
258
258
  --on-dark-surface-solid-primary-active: #0B0D0FFF;
259
259
  --on-dark-surface-solid-secondary-hover: #2C343AFF;
260
260
  --on-dark-surface-solid-secondary-active: #1B1F23FF;
261
261
  --on-dark-surface-solid-tertiary-hover: #394147FF;
262
262
  --on-dark-surface-solid-tertiary-active: #272C30FF;
263
- --on-dark-surface-solid-card-hover: #20282DFF;
264
- --on-dark-surface-solid-card-active: #0B0D0FFF;
263
+ --on-dark-surface-solid-card-hover: #111C22FF;
264
+ --on-dark-surface-solid-card-active: #030607FF;
265
265
  --on-dark-surface-solid-default-hover: #FFFFFFFF;
266
266
  --on-dark-surface-solid-default-active: #F1F5F8FF;
267
267
  --on-dark-surface-transparent-primary-hover: #FFFFFF05;
268
268
  --on-dark-surface-transparent-primary-active: #FFFFFF1A;
269
- --on-dark-surface-transparent-secondary-hover: #FFFFFF0A;
270
- --on-dark-surface-transparent-secondary-active: #FFFFFF29;
271
- --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F;
272
- --on-dark-surface-transparent-tertiary-active: #FFFFFF3D;
273
- --on-dark-surface-transparent-deep-hover: #FFFFFF8F;
274
- --on-dark-surface-transparent-deep-active: #FFFFFFAD;
269
+ --on-dark-surface-transparent-secondary-hover: #D6DFE60F;
270
+ --on-dark-surface-transparent-secondary-active: #D6DFE62E;
271
+ --on-dark-surface-transparent-tertiary-hover: #D6DFE629;
272
+ --on-dark-surface-transparent-tertiary-active: #D6DFE647;
273
+ --on-dark-surface-transparent-deep-hover: #D6DFE6A8;
274
+ --on-dark-surface-transparent-deep-active: #D6DFE6C7;
275
275
  --on-dark-surface-transparent-card-hover: #FFFFFF05;
276
276
  --on-dark-surface-transparent-card-active: #FFFFFF1A;
277
277
  --on-dark-surface-clear: #FFFFFF00;
@@ -299,8 +299,8 @@
299
299
  --on-dark-surface-negative-minor-active: #380A0FFF;
300
300
  --on-dark-surface-info-minor-hover: #10344CFF;
301
301
  --on-dark-surface-info-minor-active: #091D2AFF;
302
- --on-dark-surface-transparent-positive-hover: #10344CFF;
303
- --on-dark-surface-transparent-positive-active: #091D2AFF;
302
+ --on-dark-surface-transparent-positive-hover: #1A9E321F ;
303
+ --on-dark-surface-transparent-positive-active: #1A9E323D;
304
304
  --on-dark-surface-transparent-warning-hover: #FA5F051F;
305
305
  --on-dark-surface-transparent-warning-active: #FA5F053D;
306
306
  --on-dark-surface-transparent-negative-hover: #FF293E1F;
@@ -311,13 +311,9 @@
311
311
  --on-dark-surface-solid-primary-brightness: #212629FF;
312
312
  --on-dark-surface-solid-secondary: #23292D;
313
313
  --on-dark-surface-solid-tertiary: #30373C;
314
- --on-dark-surface-solid-card: #13181B;
315
- --on-dark-surface-solid-card-brightness: #212629FF;
314
+ --on-dark-surface-solid-card-brightness: #111C22FF;
316
315
  --on-dark-surface-solid-default: #F7F9FB;
317
316
  --on-dark-surface-transparent-primary: #FFFFFF0F;
318
- --on-dark-surface-transparent-secondary: #FFFFFF1F;
319
- --on-dark-surface-transparent-tertiary: #FFFFFF33;
320
- --on-dark-surface-transparent-deep: #FFFFFFA3;
321
317
  --on-dark-surface-transparent-card: #FFFFFF0F;
322
318
  --on-dark-surface-transparent-card-brightness: #FFFFFFFF;
323
319
  --on-dark-surface-accent: #118CDF;
@@ -331,28 +327,32 @@
331
327
  --on-dark-surface-warning-minor: #3D1D0A;
332
328
  --on-dark-surface-negative-minor: #4A0D13;
333
329
  --on-dark-surface-info-minor: #0C283B;
334
- --on-dark-surface-transparent-positive: #0C283B;
330
+ --on-dark-surface-transparent-positive: #1A9E3233;
335
331
  --on-dark-surface-transparent-warning: #FA5F0533;
336
332
  --on-dark-surface-transparent-negative: #FF293E33;
337
333
  --on-dark-surface-transparent-info: #118CDF33;
338
- --on-light-surface-solid-primary-hover: #F8FAFBFF;
334
+ --on-dark-surface-solid-card: #060A0C;
335
+ --on-dark-surface-transparent-secondary: #D5DFE624;
336
+ --on-dark-surface-transparent-tertiary: #D5DFE63D;
337
+ --on-dark-surface-transparent-deep: #D5DFE6BD;
338
+ --on-light-surface-solid-primary-hover: #EEF2F6FF;
339
339
  --on-light-surface-solid-primary-active: #EBF0F4FF;
340
- --on-light-surface-solid-secondary-hover: #F5F8F9FF;
341
- --on-light-surface-solid-secondary-active: #E2E9EEFF;
342
- --on-light-surface-solid-tertiary-hover: #E2E9EEFF;
343
- --on-light-surface-solid-tertiary-active: #C9D5DEFF;
340
+ --on-light-surface-solid-secondary-hover: #E2E9EEFF;
341
+ --on-light-surface-solid-secondary-active: #DEE7EDFF;
342
+ --on-light-surface-solid-tertiary-hover: #CFDAE2FF;
343
+ --on-light-surface-solid-tertiary-active: #C9D6DFFF;
344
344
  --on-light-surface-solid-card-hover: #FFFFFFFF;
345
345
  --on-light-surface-solid-card-active: #FFFFFFFF;
346
346
  --on-light-surface-solid-default-hover: #111C22FF;
347
347
  --on-light-surface-solid-default-active: #030607FF;
348
- --on-light-surface-transparent-primary-hover: #070B0E00;
349
- --on-light-surface-transparent-primary-active: #070B0E0A;
350
- --on-light-surface-transparent-secondary-hover: #070B0E05;
351
- --on-light-surface-transparent-secondary-active: #070B0E1A;
352
- --on-light-surface-transparent-tertiary-hover: #070B0E0A;
353
- --on-light-surface-transparent-tertiary-active: #070B0E29;
354
- --on-light-surface-transparent-deep-hover: #070B0E8F;
355
- --on-light-surface-transparent-deep-active: #070B0EAD;
348
+ --on-light-surface-transparent-primary-hover: #D5DFE652;
349
+ --on-light-surface-transparent-primary-active: #D5DFE657;
350
+ --on-light-surface-transparent-secondary-hover: #ADB9C247;
351
+ --on-light-surface-transparent-secondary-active: #ADB9C24D;
352
+ --on-light-surface-transparent-tertiary-hover: #8A959D57;
353
+ --on-light-surface-transparent-tertiary-active: #8A959D5C;
354
+ --on-light-surface-transparent-deep-hover: #30373CAD;
355
+ --on-light-surface-transparent-deep-active: #30373CCC;
356
356
  --on-light-surface-transparent-card-hover: #FFFFFFFF;
357
357
  --on-light-surface-transparent-card-active: #FFFFFFFF;
358
358
  --on-light-surface-clear: #FFFFFF00;
@@ -360,10 +360,10 @@
360
360
  --on-light-surface-clear-active: #FFFFFF00;
361
361
  --on-light-surface-accent-hover: #1798EEFF;
362
362
  --on-light-surface-accent-active: #0F81CCFF;
363
- --on-light-surface-accent-minor-hover: #E5F5FFFF;
364
- --on-light-surface-accent-minor-active: #C7E9FFFF;
365
- --on-light-surface-transparent-accent-hover: #118CDF0A;
366
- --on-light-surface-transparent-accent-active: #118CDF29;
363
+ --on-light-surface-accent-minor-hover: #C7E9FFFF;
364
+ --on-light-surface-accent-minor-active: #C2E7FFFF;
365
+ --on-light-surface-transparent-accent-hover: #118CDF2E;
366
+ --on-light-surface-transparent-accent-active: #118CDF33;
367
367
  --on-light-surface-positive-hover: #1EB83AFF;
368
368
  --on-light-surface-positive-active: #178C2CFF;
369
369
  --on-light-surface-warning-hover: #FB782DFF;
@@ -372,22 +372,22 @@
372
372
  --on-light-surface-negative-active: #FF142CFF;
373
373
  --on-light-surface-info-hover: #1798EEFF;
374
374
  --on-light-surface-info-active: #0F81CCFF;
375
- --on-light-surface-positive-minor-hover: #B1FBBFFF;
375
+ --on-light-surface-positive-minor-hover: #94FAA7FF;
376
376
  --on-light-surface-positive-minor-active: #8BF99FFF;
377
- --on-light-surface-warning-minor-hover: #FEEFE6FF;
378
- --on-light-surface-warning-minor-active: #FEDCC8FF;
379
- --on-light-surface-negative-minor-hover: #FFF5F6FF;
380
- --on-light-surface-negative-minor-active: #FFD6DAFF;
381
- --on-light-surface-info-minor-hover: #E5F5FFFF;
382
- --on-light-surface-info-minor-active: #C7E9FFFF;
383
- --on-light-surface-transparent-positive-hover: #1A9E320A;
384
- --on-light-surface-transparent-positive-active: #1A9E3229;
385
- --on-light-surface-transparent-warning-hover: #FA5F050A;
386
- --on-light-surface-transparent-warning-active: #FA5F0529;
387
- --on-light-surface-transparent-negative-hover: #FF293E0A;
388
- --on-light-surface-transparent-negative-active: #FF293E29;
389
- --on-light-surface-transparent-info-hover: #118CDF0A;
390
- --on-light-surface-transparent-info-active: #118CDF29;
377
+ --on-light-surface-warning-minor-hover: #FEDCC8FF;
378
+ --on-light-surface-warning-minor-active: #FED8C3FF;
379
+ --on-light-surface-negative-minor-hover: #FFD6DAFF;
380
+ --on-light-surface-negative-minor-active: #FFD1D6FF;
381
+ --on-light-surface-info-minor-hover: #C7E9FFFF;
382
+ --on-light-surface-info-minor-active: #C2E7FFFF;
383
+ --on-light-surface-transparent-positive-hover: #1A9E322E;
384
+ --on-light-surface-transparent-positive-active: #1A9E3233;
385
+ --on-light-surface-transparent-warning-hover: #FA5F052E;
386
+ --on-light-surface-transparent-warning-active: #FA5F0533;
387
+ --on-light-surface-transparent-negative-hover: #FF293E2E;
388
+ --on-light-surface-transparent-negative-active: #FF293E33;
389
+ --on-light-surface-transparent-info-hover: #118CDF2E;
390
+ --on-light-surface-transparent-info-active: #118CDF33;
391
391
  --on-light-surface-solid-card: #FFFFFFFF;
392
392
  --on-light-surface-solid-card-brightness: #FFFFFFFF;
393
393
  --on-light-surface-solid-primary: #F2F5F8;
@@ -395,10 +395,6 @@
395
395
  --on-light-surface-solid-secondary: #E8EEF2;
396
396
  --on-light-surface-solid-tertiary: #D5DFE6;
397
397
  --on-light-surface-solid-default: #060A0C;
398
- --on-light-surface-transparent-primary: #060A0C05;
399
- --on-light-surface-transparent-secondary: #060A0C0F;
400
- --on-light-surface-transparent-tertiary: #060A0C1F;
401
- --on-light-surface-transparent-deep: #060A0CA3;
402
398
  --on-light-surface-transparent-card: #FFFFFFFF;
403
399
  --on-light-surface-transparent-card-brightness: #FFFFFFFF;
404
400
  --on-light-surface-accent: #118CDF;
@@ -416,24 +412,28 @@
416
412
  --on-light-surface-transparent-warning: #FA5F051F;
417
413
  --on-light-surface-transparent-negative: #FF293E1F;
418
414
  --on-light-surface-transparent-info: #118CDF1F;
415
+ --on-light-surface-transparent-primary: #D5DFE642;
416
+ --on-light-surface-transparent-secondary: #ADB9C238;
417
+ --on-light-surface-transparent-tertiary: #8A959D47;
418
+ --on-light-surface-transparent-deep: #30373CC7;
419
419
  --inverse-surface-solid-primary-hover: #20282DFF;
420
420
  --inverse-surface-solid-primary-active: #0B0D0FFF;
421
421
  --inverse-surface-solid-secondary-hover: #2C343AFF;
422
422
  --inverse-surface-solid-secondary-active: #1B1F23FF;
423
423
  --inverse-surface-solid-tertiary-hover: #394147FF;
424
424
  --inverse-surface-solid-tertiary-active: #272C30FF;
425
- --inverse-surface-solid-card-hover: #20282DFF;
426
- --inverse-surface-solid-card-active: #0B0D0FFF;
425
+ --inverse-surface-solid-card-hover: #111C22FF;
426
+ --inverse-surface-solid-card-active: #030607FF;
427
427
  --inverse-surface-solid-default-hover: #FFFFFFFF;
428
428
  --inverse-surface-solid-default-active: #F1F5F8FF;
429
429
  --inverse-surface-transparent-primary-hover: #FFFFFF05;
430
430
  --inverse-surface-transparent-primary-active: #FFFFFF1A;
431
- --inverse-surface-transparent-secondary-hover: #FFFFFF0A;
432
- --inverse-surface-transparent-secondary-active: #FFFFFF29;
433
- --inverse-surface-transparent-tertiary-hover: #FFFFFF1F;
434
- --inverse-surface-transparent-tertiary-active: #FFFFFF3D;
435
- --inverse-surface-transparent-deep-hover: #FFFFFF8F;
436
- --inverse-surface-transparent-deep-active: #FFFFFFAD;
431
+ --inverse-surface-transparent-secondary-hover: #D6DFE60F;
432
+ --inverse-surface-transparent-secondary-active: #D6DFE62E;
433
+ --inverse-surface-transparent-tertiary-hover: #D6DFE629;
434
+ --inverse-surface-transparent-tertiary-active: #D6DFE647;
435
+ --inverse-surface-transparent-deep-hover: #D6DFE6A8;
436
+ --inverse-surface-transparent-deep-active: #D6DFE6C7;
437
437
  --inverse-surface-transparent-card-hover: #FFFFFF05;
438
438
  --inverse-surface-transparent-card-active: #FFFFFF1A;
439
439
  --inverse-surface-clear: #FFFFFF00;
@@ -469,17 +469,13 @@
469
469
  --inverse-surface-transparent-negative-active: #FF293E3D;
470
470
  --inverse-surface-transparent-info-hover: #118CDF1F;
471
471
  --inverse-surface-transparent-info-active: #118CDF3D;
472
- --inverse-surface-solid-card: #13181B;
473
- --inverse-surface-solid-card-brightness: #212629FF;
472
+ --inverse-surface-solid-card-brightness: #111C22FF;
474
473
  --inverse-surface-solid-primary: #13181B;
475
474
  --inverse-surface-solid-primary-brightness: #212629FF;
476
475
  --inverse-surface-solid-secondary: #23292D;
477
476
  --inverse-surface-solid-tertiary: #30373C;
478
477
  --inverse-surface-solid-default: #F7F9FB;
479
478
  --inverse-surface-transparent-primary: #FFFFFF0F;
480
- --inverse-surface-transparent-secondary: #FFFFFF1F;
481
- --inverse-surface-transparent-tertiary: #FFFFFF33;
482
- --inverse-surface-transparent-deep: #FFFFFFA3;
483
479
  --inverse-surface-transparent-card: #FFFFFF0F;
484
480
  --inverse-surface-transparent-card-brightness: #FFFFFFFF;
485
481
  --inverse-surface-accent: #118CDF;
@@ -497,45 +493,34 @@
497
493
  --inverse-surface-transparent-warning: #FA5F0533;
498
494
  --inverse-surface-transparent-negative: #FF293E33;
499
495
  --inverse-surface-transparent-info: #118CDF33;
496
+ --inverse-surface-solid-card: #060A0C;
497
+ --inverse-surface-transparent-secondary: #D5DFE624;
498
+ --inverse-surface-transparent-tertiary: #D5DFE63D;
499
+ --inverse-surface-transparent-deep: #D5DFE6BD;
500
500
  --background-primary: #F7F9FB;
501
501
  --background-primary-brightness: #F7F9FBFF;
502
502
  --dark-background-primary: #060A0C;
503
- --light-background-primary: #F9F9F9;
504
- --inverse-background-primary: #080808;
503
+ --light-background-primary: #F7F9FB;
505
504
  --inverse-background-primary-brightness: #171717FF;
505
+ --inverse-background-primary: #060A0C;
506
506
  --overlay-hard: #F7F9FBF5;
507
507
  --overlay-soft: #F7F9FB8F;
508
508
  --overlay-blur: #F7F9FB47;
509
509
  --on-dark-overlay-hard: #060A0CF5;
510
510
  --on-dark-overlay-soft: #060A0C8F;
511
511
  --on-dark-overlay-blur: #060A0C47;
512
- --on-light-overlay-hard: #F9F9F9F5;
513
512
  --on-light-overlay-soft: #F7F9FB8F;
514
513
  --on-light-overlay-blur: #F7F9FB47;
515
- --inverse-overlay-hard: #080808F5;
516
- --inverse-overlay-soft: #0808088F;
517
- --inverse-overlay-blur: #08080847;
514
+ --on-light-overlay-hard: #F7F9FBF5;
515
+ --inverse-overlay-hard: #060A0CF5;
516
+ --inverse-overlay-soft: #060A0C8F;
517
+ --inverse-overlay-blur: #060A0C47;
518
518
  --outline-solid-primary-hover: #000000FF;
519
519
  --outline-solid-primary-active: #9FB6C6FF;
520
520
  --outline-solid-secondary-hover: #000000FF;
521
521
  --outline-solid-secondary-active: #6B7780FF;
522
522
  --outline-solid-tertiary-hover: #000000FF;
523
523
  --outline-solid-tertiary-active: #515B61FF;
524
- --outline-transparent-default: #060A0CF5;
525
- --outline-transparent-default-hover: #070B0E93;
526
- --outline-transparent-default-active: #070B0EC4;
527
- --outline-transparent-primary: #060A0C1F;
528
- --outline-transparent-primary-hover: #070B0EFF;
529
- --outline-transparent-primary-active: #070B0E25;
530
- --outline-transparent-secondary: #060A0C47;
531
- --outline-transparent-secondary-hover: #070B0EFF;
532
- --outline-transparent-secondary-active: #070B0E56;
533
- --outline-transparent-tertiary: #060A0C8F;
534
- --outline-transparent-tertiary-hover: #070B0EFF;
535
- --outline-transparent-tertiary-active: #070B0EAB;
536
- --outline-clear: #FFFFFF00;
537
- --outline-clear-hover: #FFFFFF00;
538
- --outline-clear-active: #FFFFFF00;
539
524
  --outline-accent-hover: #0D96F2FF;
540
525
  --outline-accent-active: #0966A5FF;
541
526
  --outline-accent-minor-hover: #7ACAFFFF;
@@ -544,10 +529,10 @@
544
529
  --outline-transparent-accent-active: #0B7ECB3D;
545
530
  --outline-positive-hover: #14B32EFF;
546
531
  --outline-positive-active: #0C6A1BFF;
547
- --outline-warning-hover: #FD6B17FF;
548
- --outline-warning-active: #C04802FF;
549
- --outline-negative-hover: #F54254FF;
550
- --outline-negative-active: #DA0B20FF;
532
+ --outline-warning-hover: #FB782DFF;
533
+ --outline-warning-active: #D25004FF;
534
+ --outline-negative-hover: #EE2F43FF;
535
+ --outline-negative-active: #BD0F21FF;
551
536
  --outline-info-hover: #0D96F2FF;
552
537
  --outline-info-active: #0966A5FF;
553
538
  --outline-positive-minor-hover: #47DC62FF;
@@ -573,8 +558,6 @@
573
558
  --outline-transparent-accent: #0B7ECB33;
574
559
  --outline-accent-minor: #52BAFF;
575
560
  --outline-positive: #108E26;
576
- --outline-warning: #E85702;
577
- --outline-negative: #F31B31;
578
561
  --outline-info: #0B7ECB;
579
562
  --outline-positive-minor: #28D247;
580
563
  --outline-warning-minor: #FD9C68;
@@ -584,26 +567,17 @@
584
567
  --outline-transparent-warning: #E8570233;
585
568
  --outline-transparent-negative: #F31B3133;
586
569
  --outline-transparent-info: #0B7ECB33;
570
+ --outline-warning: #FA5F05;
571
+ --outline-negative: #E31227;
572
+ --outline-solid-default: #060A0C;
573
+ --outline-solid-default-hover: #223944FF;
574
+ --outline-solid-default-active: #152229FF;
587
575
  --on-dark-outline-solid-primary-hover: #6A7E8AFF;
588
576
  --on-dark-outline-solid-primary-active: #47545CFF;
589
577
  --on-dark-outline-solid-secondary-hover: #7A8994FF;
590
578
  --on-dark-outline-solid-secondary-active: #546069FF;
591
579
  --on-dark-outline-solid-tertiary-hover: #000000FF;
592
580
  --on-dark-outline-solid-tertiary-active: #515B61FF;
593
- --on-dark-outline-transparent-default-hover: #000000FF;
594
- --on-dark-outline-transparent-default-active: #C7C7C7FF;
595
- --on-dark-outline-transparent-primary: #F7F9FB1F;
596
- --on-dark-outline-transparent-primary-hover: #F8FAFCFF;
597
- --on-dark-outline-transparent-primary-active: #F8FAFC25;
598
- --on-dark-outline-transparent-secondary: #F7F9FB33;
599
- --on-dark-outline-transparent-secondary-hover: #F8FAFCFF;
600
- --on-dark-outline-transparent-secondary-active: #F8FAFC3D;
601
- --on-dark-outline-transparent-tertiary: #F7F9FB47;
602
- --on-dark-outline-transparent-tertiary-hover: #F8FAFCFF;
603
- --on-dark-outline-transparent-tertiary-active: #F8FAFC56;
604
- --on-dark-outline-clear: #FFFFFF00;
605
- --on-dark-outline-clear-hover: #FFFFFF00;
606
- --on-dark-outline-clear-active: #FFFFFF00;
607
581
  --on-dark-outline-accent-hover: #3FABF3FF;
608
582
  --on-dark-outline-accent-active: #0D84D3FF;
609
583
  --on-dark-outline-accent-minor-hover: #1483CCFF;
@@ -637,7 +611,6 @@
637
611
  --on-dark-outline-solid-primary: #23292D;
638
612
  --on-dark-outline-solid-secondary: #30373C;
639
613
  --on-dark-outline-solid-tertiary: #657179;
640
- --on-dark-outline-transparent-default: #F9F9F9;
641
614
  --on-dark-outline-accent: #199AF0;
642
615
  --on-dark-outline-accent-minor: #0D5382;
643
616
  --on-dark-outline-transparent-accent: #199AF047;
@@ -653,27 +626,15 @@
653
626
  --on-dark-outline-transparent-warning: #FF702447;
654
627
  --on-dark-outline-transparent-negative: #FF3D5147;
655
628
  --on-dark-outline-transparent-info: #199AF047;
629
+ --on-dark-outline-solid-default: #F7F9FB;
630
+ --on-dark-outline-solid-default-hover: #FFFFFFFF;
631
+ --on-dark-outline-solid-default-active: #B4C7D9FF;
656
632
  --on-light-outline-solid-primary-hover: #000000FF;
657
633
  --on-light-outline-solid-primary-active: #9FB6C6FF;
658
634
  --on-light-outline-solid-secondary-hover: #000000FF;
659
635
  --on-light-outline-solid-secondary-active: #6B7780FF;
660
636
  --on-light-outline-solid-tertiary-hover: #000000FF;
661
637
  --on-light-outline-solid-tertiary-active: #515B61FF;
662
- --on-light-outline-transparent-default: #060A0CF5;
663
- --on-light-outline-transparent-default-hover: #070B0E93;
664
- --on-light-outline-transparent-default-active: #070B0EC4;
665
- --on-light-outline-transparent-primary: #060A0C1F;
666
- --on-light-outline-transparent-primary-hover: #070B0EFF;
667
- --on-light-outline-transparent-primary-active: #070B0E25;
668
- --on-light-outline-transparent-secondary: #060A0C47;
669
- --on-light-outline-transparent-secondary-hover: #070B0EFF;
670
- --on-light-outline-transparent-secondary-active: #070B0E56;
671
- --on-light-outline-transparent-tertiary: #060A0C8F;
672
- --on-light-outline-transparent-tertiary-hover: #070B0EFF;
673
- --on-light-outline-transparent-tertiary-active: #070B0EAB;
674
- --on-light-outline-clear: #FFFFFF00;
675
- --on-light-outline-clear-hover: #FFFFFF00;
676
- --on-light-outline-clear-active: #FFFFFF00;
677
638
  --on-light-outline-accent-hover: #0D96F2FF;
678
639
  --on-light-outline-accent-active: #0966A5FF;
679
640
  --on-light-outline-accent-minor-hover: #7ACAFFFF;
@@ -682,10 +643,10 @@
682
643
  --on-light-outline-transparent-accent-active: #0B7ECB3D;
683
644
  --on-light-outline-positive-hover: #14B32EFF;
684
645
  --on-light-outline-positive-active: #0C6A1BFF;
685
- --on-light-outline-warning-hover: #FD6B17FF;
686
- --on-light-outline-warning-active: #C04802FF;
687
- --on-light-outline-negative-hover: #F54254FF;
688
- --on-light-outline-negative-active: #DA0B20FF;
646
+ --on-light-outline-warning-hover: #FB782DFF;
647
+ --on-light-outline-warning-active: #D25004FF;
648
+ --on-light-outline-negative-hover: #EE2F43FF;
649
+ --on-light-outline-negative-active: #BD0F21FF;
689
650
  --on-light-outline-info-hover: #0D96F2FF;
690
651
  --on-light-outline-info-active: #0966A5FF;
691
652
  --on-light-outline-positive-minor-hover: #47DC62FF;
@@ -711,8 +672,6 @@
711
672
  --on-light-outline-transparent-accent: #0B7ECB33;
712
673
  --on-light-outline-accent-minor: #52BAFF;
713
674
  --on-light-outline-positive: #108E26;
714
- --on-light-outline-warning: #E85702;
715
- --on-light-outline-negative: #F31B31;
716
675
  --on-light-outline-info: #0B7ECB;
717
676
  --on-light-outline-positive-minor: #28D247;
718
677
  --on-light-outline-warning-minor: #FD9C68;
@@ -722,27 +681,17 @@
722
681
  --on-light-outline-transparent-warning: #E8570233;
723
682
  --on-light-outline-transparent-negative: #F31B3133;
724
683
  --on-light-outline-transparent-info: #0B7ECB33;
684
+ --on-light-outline-warning: #FA5F05;
685
+ --on-light-outline-negative: #E31227;
686
+ --on-light-outline-solid-default: #060A0C;
687
+ --on-light-outline-solid-default-hover: #223944FF;
688
+ --on-light-outline-solid-default-active: #152229FF;
725
689
  --inverse-outline-solid-primary-hover: #6A7E8AFF;
726
690
  --inverse-outline-solid-primary-active: #47545CFF;
727
691
  --inverse-outline-solid-secondary-hover: #7A8994FF;
728
692
  --inverse-outline-solid-secondary-active: #546069FF;
729
693
  --inverse-outline-solid-tertiary-hover: #000000FF;
730
694
  --inverse-outline-solid-tertiary-active: #515B61FF;
731
- --inverse-outline-transparent-default: #F7F9FBF5;
732
- --inverse-outline-transparent-default-hover: #F8FAFC93;
733
- --inverse-outline-transparent-default-active: #F8FAFCC4;
734
- --inverse-outline-transparent-primary: #F7F9FB1F;
735
- --inverse-outline-transparent-primary-hover: #F8FAFCFF;
736
- --inverse-outline-transparent-primary-active: #F8FAFC25;
737
- --inverse-outline-transparent-secondary: #F7F9FB33;
738
- --inverse-outline-transparent-secondary-hover: #F8FAFCFF;
739
- --inverse-outline-transparent-secondary-active: #F8FAFC3D;
740
- --inverse-outline-transparent-tertiary: #F7F9FB47;
741
- --inverse-outline-transparent-tertiary-hover: #F8FAFCFF;
742
- --inverse-outline-transparent-tertiary-active: #F8FAFC56;
743
- --inverse-outline-clear: #FFFFFF00;
744
- --inverse-outline-clear-hover: #FFFFFF00;
745
- --inverse-outline-clear-active: #FFFFFF00;
746
695
  --inverse-outline-accent-hover: #3FABF3FF;
747
696
  --inverse-outline-accent-active: #0D84D3FF;
748
697
  --inverse-outline-accent-minor-hover: #1483CCFF;
@@ -791,15 +740,24 @@
791
740
  --inverse-outline-transparent-warning: #FF702447;
792
741
  --inverse-outline-transparent-negative: #FF3D5147;
793
742
  --inverse-outline-transparent-info: #199AF047;
743
+ --inverse-outline-solid-default-hover: #FFFFFFFF;
744
+ --inverse-outline-solid-default-active: #B4C7D9FF;
745
+ --inverse-outline-solid-default: #F7F9FB;
794
746
  --data-yellow: #F3A912;
795
747
  --data-yellow-hover: #F5B638FF;
796
748
  --data-yellow-active: #E49C0CFF;
797
749
  --data-yellow-minor: #FFD37A;
798
- --data-yellow-minor-hover: #FFDA8FFF;
750
+ --data-yellow-minor-hover: #FFD070FF;
799
751
  --data-yellow-minor-active: #FFCC66FF;
800
752
  --data-yellow-transparent: #F3A9128F;
801
- --data-yellow-transparent-hover: #F3A8127A;
802
- --data-yellow-transparent-active: #F3A81299;
753
+ --data-yellow-transparent-hover: #F3A9129E;
754
+ --data-yellow-transparent-active: #F3A912A3;
755
+ --data-yellow-light: #FFF6E5;
756
+ --data-yellow-light-hover: #FFF4E0FF;
757
+ --data-yellow-light-active: #FFF3DBFF;
758
+ --data-sky-blue-light: #E8FAFF;
759
+ --data-sky-blue-light-hover: #E0F8FFFF;
760
+ --data-sky-blue-light-active: #DBF7FFFF;
803
761
  --on-dark-data-yellow: #F3A912;
804
762
  --on-dark-data-yellow-hover: #F5B638FF;
805
763
  --on-dark-data-yellow-active: #E49C0CFF;
@@ -809,15 +767,27 @@
809
767
  --on-dark-data-yellow-transparent: #F3A9128F;
810
768
  --on-dark-data-yellow-transparent-hover: #F3A8127A;
811
769
  --on-dark-data-yellow-transparent-active: #F3A81299;
770
+ --on-dark-data-yellow-light: #332200;
771
+ --on-dark-data-yellow-light-hover: #FFF4E0FF;
772
+ --on-dark-data-yellow-light-active: #FFF3DBFF;
773
+ --on-dark-data-sky-blue-light: #0C283B;
774
+ --on-dark-data-sky-blue-light-hover: #E0F8FFFF;
775
+ --on-dark-data-sky-blue-light-active: #DBF7FFFF;
812
776
  --on-light-data-yellow: #F3A912;
813
777
  --on-light-data-yellow-hover: #F5B638FF;
814
778
  --on-light-data-yellow-active: #E49C0CFF;
815
779
  --on-light-data-yellow-minor: #FFD37A;
816
- --on-light-data-yellow-minor-hover: #FFDA8FFF;
780
+ --on-light-data-yellow-minor-hover: #FFD070FF;
817
781
  --on-light-data-yellow-minor-active: #FFCC66FF;
818
782
  --on-light-data-yellow-transparent: #F3A9128F;
819
- --on-light-data-yellow-transparent-hover: #F3A8127A;
820
- --on-light-data-yellow-transparent-active: #F3A81299;
783
+ --on-light-data-yellow-transparent-hover: #F3A9129E;
784
+ --on-light-data-yellow-transparent-active: #F3A912A3;
785
+ --on-light-data-yellow-light: #FFF6E5;
786
+ --on-light-data-yellow-light-hover: #FFF4E0FF;
787
+ --on-light-data-yellow-light-active: #FFF3DBFF;
788
+ --on-light-data-sky-blue-light: #E8FAFF;
789
+ --on-light-data-sky-blue-light-hover: #E0F8FFFF;
790
+ --on-light-data-sky-blue-light-active: #DBF7FFFF;
821
791
  --inverse-data-yellow: #F3A912;
822
792
  --inverse-data-yellow-hover: #F5B638FF;
823
793
  --inverse-data-yellow-active: #E49C0CFF;
@@ -827,6 +797,12 @@
827
797
  --inverse-data-yellow-transparent: #F3A9128F;
828
798
  --inverse-data-yellow-transparent-hover: #F3A8127A;
829
799
  --inverse-data-yellow-transparent-active: #F3A81299;
800
+ --inverse-data-yellow-light: #332200;
801
+ --inverse-data-yellow-light-hover: #FFF4E0FF;
802
+ --inverse-data-yellow-light-active: #FFF3DBFF;
803
+ --inverse-data-sky-blue-light: #0C283B;
804
+ --inverse-data-sky-blue-light-hover: #E0F8FFFF;
805
+ --inverse-data-sky-blue-light-active: #DBF7FFFF;
830
806
  color: var(--text-primary);
831
807
  background-color: var(--background-primary);
832
808
  }