@salutejs/plasma-tokens 1.115.0-canary.2047.15976223953.0 → 1.115.0-canary.2052.15928155772.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 (24) hide show
  1. package/es/themes/index.js +0 -2
  2. package/es/themes/index.js.map +1 -1
  3. package/package.json +2 -2
  4. package/themes/index.d.ts +0 -2
  5. package/themes/index.js +2 -8
  6. package/themes/index.js.map +1 -1
  7. package/brands/sdds_procom/index.d.ts +0 -1668
  8. package/brands/sdds_procom/index.js +0 -1689
  9. package/brands/sdds_procom/index.js.map +0 -1
  10. package/css/sdds_procom.module.css +0 -1681
  11. package/css/sdds_procom__dark.css +0 -841
  12. package/css/sdds_procom__light.css +0 -841
  13. package/es/brands/sdds_procom/index.js +0 -1670
  14. package/es/brands/sdds_procom/index.js.map +0 -1
  15. package/es/themes/sdds_procom__dark.js +0 -845
  16. package/es/themes/sdds_procom__dark.js.map +0 -1
  17. package/es/themes/sdds_procom__light.js +0 -845
  18. package/es/themes/sdds_procom__light.js.map +0 -1
  19. package/themes/sdds_procom__dark.d.ts +0 -1683
  20. package/themes/sdds_procom__dark.js +0 -848
  21. package/themes/sdds_procom__dark.js.map +0 -1
  22. package/themes/sdds_procom__light.d.ts +0 -1683
  23. package/themes/sdds_procom__light.js +0 -848
  24. package/themes/sdds_procom__light.js.map +0 -1
package/css/sdds_procom.module.css DELETED
@@ -1,1681 +0,0 @@
1
- /* Generated by robots, do not change this manually! */
2
-
3
- .dark {
4
- --text-primary-hover: #F5F5F593;
5
- --text-primary-active: #F5F5F5C4;
6
- --text-primary-brightness: #F5F5F5F5;
7
- --text-secondary-hover: #F5F5F5FF;
8
- --text-secondary-active: #F5F5F5AB;
9
- --text-tertiary-hover: #F5F5F5FF;
10
- --text-tertiary-active: #F5F5F556;
11
- --text-paragraph-hover: #F5F5F57A;
12
- --text-paragraph-active: #F5F5F5A3;
13
- --text-accent: #00AC7B;
14
- --text-accent-hover: #00CC92FF;
15
- --text-accent-active: #008F66FF;
16
- --text-accent-minor: #0E5944;
17
- --text-accent-minor-hover: #168D6BFF;
18
- --text-accent-minor-active: #127357FF;
19
- --text-positive: #24B23E;
20
- --text-positive-hover: #2ACB47FF;
21
- --text-positive-active: #1F9835FF;
22
- --text-warning: #FF7024;
23
- --text-warning-hover: #FF8442FF;
24
- --text-warning-active: #FF5D05FF;
25
- --text-negative: #FF3D51;
26
- --text-negative-hover: #FF5C6CFF;
27
- --text-negative-active: #FF1F35FF;
28
- --text-info: #199AF0;
29
- --text-info-hover: #66BCF5FF;
30
- --text-info-active: #0E8ADDFF;
31
- --text-positive-minor: #095C18;
32
- --text-positive-minor-hover: #0F9527FF;
33
- --text-positive-minor-active: #0C7920FF;
34
- --text-warning-minor: #85380C;
35
- --text-warning-minor-hover: #BB4F11FF;
36
- --text-warning-minor-active: #9F440FFF;
37
- --text-negative-minor: #9C1422;
38
- --text-negative-minor-hover: #B91828FF;
39
- --text-negative-minor-active: #83111CFF;
40
- --text-info-minor: #0D5382;
41
- --text-info-minor-hover: #1277BAFF;
42
- --text-info-minor-active: #10659EFF;
43
- --text-primary: #F5F5F5F5;
44
- --text-secondary: #F5F5F58F;
45
- --text-tertiary: #F5F5F547;
46
- --text-paragraph: #F5F5F5CC;
47
- --on-dark-text-primary-hover: #F5F5F593;
48
- --on-dark-text-primary-active: #F5F5F5C4;
49
- --on-dark-text-primary-brightness: #F5F5F5F5;
50
- --on-dark-text-secondary-hover: #F5F5F5FF;
51
- --on-dark-text-secondary-active: #F5F5F5AB;
52
- --on-dark-text-tertiary-hover: #F5F5F5FF;
53
- --on-dark-text-tertiary-active: #F5F5F556;
54
- --on-dark-text-paragraph-hover: #F5F5F57A;
55
- --on-dark-text-paragraph-active: #F5F5F5A3;
56
- --on-dark-text-accent: #00AC7B;
57
- --on-dark-text-accent-hover: #00CC92FF;
58
- --on-dark-text-accent-active: #008F66FF;
59
- --on-dark-text-accent-minor: #0E5944;
60
- --on-dark-text-accent-minor-hover: #168D6BFF;
61
- --on-dark-text-accent-minor-active: #127357FF;
62
- --on-dark-text-positive: #24B23E;
63
- --on-dark-text-positive-hover: #2ACB47FF;
64
- --on-dark-text-positive-active: #1F9835FF;
65
- --on-dark-text-warning: #FF7024;
66
- --on-dark-text-warning-hover: #FF8442FF;
67
- --on-dark-text-warning-active: #FF5D05FF;
68
- --on-dark-text-negative: #FF3D51;
69
- --on-dark-text-negative-hover: #FF5C6CFF;
70
- --on-dark-text-negative-active: #FF1F35FF;
71
- --on-dark-text-info: #199AF0;
72
- --on-dark-text-info-hover: #66BCF5FF;
73
- --on-dark-text-info-active: #0E8ADDFF;
74
- --on-dark-text-positive-minor: #095C18;
75
- --on-dark-text-positive-minor-hover: #0F9527FF;
76
- --on-dark-text-positive-minor-active: #0C7920FF;
77
- --on-dark-text-warning-minor: #85380C;
78
- --on-dark-text-warning-minor-hover: #BB4F11FF;
79
- --on-dark-text-warning-minor-active: #9F440FFF;
80
- --on-dark-text-negative-minor: #9C1422;
81
- --on-dark-text-negative-minor-hover: #B91828FF;
82
- --on-dark-text-negative-minor-active: #83111CFF;
83
- --on-dark-text-info-minor: #0D5382;
84
- --on-dark-text-info-minor-hover: #1277BAFF;
85
- --on-dark-text-info-minor-active: #10659EFF;
86
- --on-dark-text-primary: #F5F5F5F5;
87
- --on-dark-text-secondary: #F5F5F58F;
88
- --on-dark-text-tertiary: #F5F5F547;
89
- --on-dark-text-paragraph: #F5F5F5CC;
90
- --on-light-text-primary: #171717F5;
91
- --on-light-text-primary-hover: #17171793;
92
- --on-light-text-primary-active: #171717C4;
93
- --on-light-text-primary-brightness: #171717F5;
94
- --on-light-text-secondary: #1717178F;
95
- --on-light-text-secondary-hover: #171717FF;
96
- --on-light-text-secondary-active: #171717AB;
97
- --on-light-text-tertiary: #17171747;
98
- --on-light-text-tertiary-hover: #171717FF;
99
- --on-light-text-tertiary-active: #17171756;
100
- --on-light-text-paragraph: #171717CC;
101
- --on-light-text-paragraph-hover: #1717177A;
102
- --on-light-text-paragraph-active: #171717A3;
103
- --on-light-text-accent: #0A8A66;
104
- --on-light-text-accent-hover: #0FC290FF;
105
- --on-light-text-accent-active: #0CA67BFF;
106
- --on-light-text-accent-minor: #14CC98;
107
- --on-light-text-accent-minor-hover: #17E8ADFF;
108
- --on-light-text-accent-minor-active: #11B083FF;
109
- --on-light-text-positive: #108E26;
110
- --on-light-text-positive-hover: #13AA2CFF;
111
- --on-light-text-positive-active: #0D731EFF;
112
- --on-light-text-warning: #E85702;
113
- --on-light-text-warning-hover: #FD650DFF;
114
- --on-light-text-warning-active: #CA4B02FF;
115
- --on-light-text-negative: #F31B31;
116
- --on-light-text-negative-hover: #F5384BFF;
117
- --on-light-text-negative-active: #E40C22FF;
118
- --on-light-text-info: #0B7ECB;
119
- --on-light-text-info-hover: #34A7F4FF;
120
- --on-light-text-info-active: #096CAEFF;
121
- --on-light-text-positive-minor: #28D247;
122
- --on-light-text-positive-minor-hover: #3EDA5BFF;
123
- --on-light-text-positive-minor-active: #23B83EFF;
124
- --on-light-text-warning-minor: #FD9C68;
125
- --on-light-text-warning-minor-hover: #FDB086FF;
126
- --on-light-text-warning-minor-active: #FC884AFF;
127
- --on-light-text-negative-minor: #FF8F9A;
128
- --on-light-text-negative-minor-hover: #FFADB6FF;
129
- --on-light-text-negative-minor-active: #FF707EFF;
130
- --on-light-text-info-minor: #52BAFF;
131
- --on-light-text-info-minor-hover: #A3DAFFFF;
132
- --on-light-text-info-minor-active: #33ADFFFF;
133
- --inverse-text-primary: #171717F5;
134
- --inverse-text-primary-hover: #17171793;
135
- --inverse-text-primary-active: #171717C4;
136
- --inverse-text-primary-brightness: #171717F5;
137
- --inverse-text-secondary: #1717178F;
138
- --inverse-text-secondary-hover: #171717FF;
139
- --inverse-text-secondary-active: #171717AB;
140
- --inverse-text-tertiary: #17171747;
141
- --inverse-text-tertiary-hover: #171717FF;
142
- --inverse-text-tertiary-active: #17171756;
143
- --inverse-text-paragraph: #171717CC;
144
- --inverse-text-paragraph-hover: #1717177A;
145
- --inverse-text-paragraph-active: #171717A3;
146
- --inverse-text-accent: #0A8A66;
147
- --inverse-text-accent-hover: #0FC290FF;
148
- --inverse-text-accent-active: #0CA67BFF;
149
- --inverse-text-accent-minor: #14CC98;
150
- --inverse-text-accent-minor-hover: #17E8ADFF;
151
- --inverse-text-accent-minor-active: #11B083FF;
152
- --inverse-text-positive: #108E26;
153
- --inverse-text-positive-hover: #13AA2CFF;
154
- --inverse-text-positive-active: #0D731EFF;
155
- --inverse-text-warning: #E85702;
156
- --inverse-text-warning-hover: #FD650DFF;
157
- --inverse-text-warning-active: #CA4B02FF;
158
- --inverse-text-negative: #F31B31;
159
- --inverse-text-negative-hover: #F5384BFF;
160
- --inverse-text-negative-active: #E40C22FF;
161
- --inverse-text-info: #0B7ECB;
162
- --inverse-text-info-hover: #34A7F4FF;
163
- --inverse-text-info-active: #096CAEFF;
164
- --inverse-text-positive-minor: #28D247;
165
- --inverse-text-positive-minor-hover: #3EDA5BFF;
166
- --inverse-text-positive-minor-active: #23B83EFF;
167
- --inverse-text-warning-minor: #FD9C68;
168
- --inverse-text-warning-minor-hover: #FDB086FF;
169
- --inverse-text-warning-minor-active: #FC884AFF;
170
- --inverse-text-negative-minor: #FF8F9A;
171
- --inverse-text-negative-minor-hover: #FFADB6FF;
172
- --inverse-text-negative-minor-active: #FF707EFF;
173
- --inverse-text-info-minor: #52BAFF;
174
- --inverse-text-info-minor-hover: #A3DAFFFF;
175
- --inverse-text-info-minor-active: #33ADFFFF;
176
- --surface-solid-primary: #171717;
177
- --surface-solid-primary-hover: #1C1C1CFF;
178
- --surface-solid-primary-active: #121212FF;
179
- --surface-solid-primary-brightness: #262626FF;
180
- --surface-solid-secondary: #262626;
181
- --surface-solid-secondary-hover: #303030FF;
182
- --surface-solid-secondary-active: #212121FF;
183
- --surface-solid-tertiary: #363636;
184
- --surface-solid-tertiary-hover: #404040FF;
185
- --surface-solid-tertiary-active: #303030FF;
186
- --surface-solid-card: #171717;
187
- --surface-solid-card-hover: #1C1C1CFF;
188
- --surface-solid-card-active: #121212FF;
189
- --surface-solid-card-brightness: #262626FF;
190
- --surface-solid-default: #F9F9F9;
191
- --surface-solid-default-hover: #FFFFFFFF;
192
- --surface-solid-default-active: #F5F5F5FF;
193
- --surface-transparent-primary: rgba(255, 255, 255, 0.06);
194
- --surface-transparent-primary-hover: #FFFFFF1F;
195
- --surface-transparent-primary-active: #FFFFFF0A;
196
- --surface-transparent-secondary: rgba(255, 255, 255, 0.12);
197
- --surface-transparent-secondary-hover: #FFFFFF3D;
198
- --surface-transparent-secondary-active: #FFFFFF0F;
199
- --surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
200
- --surface-transparent-tertiary-hover: #FFFFFF52;
201
- --surface-transparent-tertiary-active: #FFFFFF24;
202
- --surface-transparent-deep: rgba(255, 255, 255, 0.64);
203
- --surface-transparent-deep-hover: #FFFFFFC2;
204
- --surface-transparent-deep-active: #FFFFFF94;
205
- --surface-transparent-card: rgba(255, 255, 255, 0.06);
206
- --surface-transparent-card-hover: #FFFFFF1F;
207
- --surface-transparent-card-active: #FFFFFF0A;
208
- --surface-transparent-card-brightness: #FFFFFF0F;
209
- --surface-clear: #FFFFFF00;
210
- --surface-clear-hover: #FFFFFFFF;
211
- --surface-clear-active: #FFFFFFFF;
212
- --surface-accent: #05996F;
213
- --surface-accent-hover: #05AD7EFF;
214
- --surface-accent-active: #048F68FF;
215
- --surface-accent-minor: #072B21;
216
- --surface-accent-minor-hover: #0A3D2FFF;
217
- --surface-accent-minor-active: #06231BFF;
218
- --surface-transparent-accent: #05996F33;
219
- --surface-transparent-accent-hover: #05996F52;
220
- --surface-transparent-accent-active: #05996F24;
221
- --surface-positive: #1A9E32;
222
- --surface-positive-hover: #1DAF37FF;
223
- --surface-positive-active: #18952FFF;
224
- --surface-warning: #FA5F05;
225
- --surface-warning-hover: #FB7223FF;
226
- --surface-warning-active: #F05B05FF;
227
- --surface-negative: #FF293E;
228
- --surface-negative-hover: #FF475AFF;
229
- --surface-negative-active: #FF1F35FF;
230
- --surface-info: #118CDF;
231
- --surface-info-hover: #1798EEFF;
232
- --surface-info-active: #1086D5FF;
233
- --surface-positive-minor: #0A2B10;
234
- --surface-positive-minor-hover: #0E3A16FF;
235
- --surface-positive-minor-active: #08210CFF;
236
- --surface-warning-minor: #3D1D0A;
237
- --surface-warning-minor-hover: #4F250DFF;
238
- --surface-warning-minor-active: #351909FF;
239
- --surface-negative-minor: #4A0D13;
240
- --surface-negative-minor-hover: #5B1018FF;
241
- --surface-negative-minor-active: #410B11FF;
242
- --surface-info-minor: #0C283B;
243
- --surface-info-minor-hover: #10344CFF;
244
- --surface-info-minor-active: #0A2333FF;
245
- --surface-transparent-positive: #1A9E3233;
246
- --surface-transparent-positive-hover: #1A9E3252;
247
- --surface-transparent-positive-active: #1A9E3224;
248
- --surface-transparent-warning: #FA5F0533;
249
- --surface-transparent-warning-hover: #FA5F0552;
250
- --surface-transparent-warning-active: #FA5F0524;
251
- --surface-transparent-negative: #FF293E33;
252
- --surface-transparent-negative-hover: #FF293E52;
253
- --surface-transparent-negative-active: #FF293E24;
254
- --surface-transparent-info: #118CDF33;
255
- --surface-transparent-info-hover: #118CDF52;
256
- --surface-transparent-info-active: #118CDF24;
257
- --on-dark-surface-solid-primary: #171717;
258
- --on-dark-surface-solid-primary-hover: #1C1C1CFF;
259
- --on-dark-surface-solid-primary-active: #121212FF;
260
- --on-dark-surface-solid-primary-brightness: #262626FF;
261
- --on-dark-surface-solid-secondary: #262626;
262
- --on-dark-surface-solid-secondary-hover: #303030FF;
263
- --on-dark-surface-solid-secondary-active: #212121FF;
264
- --on-dark-surface-solid-tertiary: #363636;
265
- --on-dark-surface-solid-tertiary-hover: #404040FF;
266
- --on-dark-surface-solid-tertiary-active: #303030FF;
267
- --on-dark-surface-solid-card: #171717;
268
- --on-dark-surface-solid-card-hover: #1C1C1CFF;
269
- --on-dark-surface-solid-card-active: #121212FF;
270
- --on-dark-surface-solid-card-brightness: #262626FF;
271
- --on-dark-surface-solid-default: #F9F9F9;
272
- --on-dark-surface-solid-default-hover: #FFFFFFFF;
273
- --on-dark-surface-solid-default-active: #F5F5F5FF;
274
- --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
275
- --on-dark-surface-transparent-primary-hover: #FFFFFF1F;
276
- --on-dark-surface-transparent-primary-active: #FFFFFF0A;
277
- --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
278
- --on-dark-surface-transparent-secondary-hover: #FFFFFF3D;
279
- --on-dark-surface-transparent-secondary-active: #FFFFFF0F;
280
- --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
281
- --on-dark-surface-transparent-tertiary-hover: #FFFFFF52;
282
- --on-dark-surface-transparent-tertiary-active: #FFFFFF24;
283
- --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64);
284
- --on-dark-surface-transparent-deep-hover: #FFFFFFC2;
285
- --on-dark-surface-transparent-deep-active: #FFFFFF94;
286
- --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.06);
287
- --on-dark-surface-transparent-card-hover: #FFFFFF1F;
288
- --on-dark-surface-transparent-card-active: #FFFFFF0A;
289
- --on-dark-surface-transparent-card-brightness: #FFFFFF0F;
290
- --on-dark-surface-clear: #FFFFFF00;
291
- --on-dark-surface-clear-hover: #FFFFFFFF;
292
- --on-dark-surface-clear-active: #FFFFFFFF;
293
- --on-dark-surface-accent: #05996F;
294
- --on-dark-surface-accent-hover: #05AD7EFF;
295
- --on-dark-surface-accent-active: #048F68FF;
296
- --on-dark-surface-accent-minor: #072B21;
297
- --on-dark-surface-accent-minor-hover: #0A3D2FFF;
298
- --on-dark-surface-accent-minor-active: #06231BFF;
299
- --on-dark-surface-transparent-accent: #05996F33;
300
- --on-dark-surface-transparent-accent-hover: #05996F52;
301
- --on-dark-surface-transparent-accent-active: #05996F24;
302
- --on-dark-surface-positive: #1A9E32;
303
- --on-dark-surface-positive-hover: #1DAF37FF;
304
- --on-dark-surface-positive-active: #18952FFF;
305
- --on-dark-surface-warning: #FA5F05;
306
- --on-dark-surface-warning-hover: #FB7223FF;
307
- --on-dark-surface-warning-active: #F05B05FF;
308
- --on-dark-surface-negative: #FF293E;
309
- --on-dark-surface-negative-hover: #FF475AFF;
310
- --on-dark-surface-negative-active: #FF1F35FF;
311
- --on-dark-surface-info: #118CDF;
312
- --on-dark-surface-info-hover: #1798EEFF;
313
- --on-dark-surface-info-active: #1086D5FF;
314
- --on-dark-surface-positive-minor: #0A2B10;
315
- --on-dark-surface-positive-minor-hover: #0E3A16FF;
316
- --on-dark-surface-positive-minor-active: #08210CFF;
317
- --on-dark-surface-warning-minor: #3D1D0A;
318
- --on-dark-surface-warning-minor-hover: #4F250DFF;
319
- --on-dark-surface-warning-minor-active: #351909FF;
320
- --on-dark-surface-negative-minor: #4A0D13;
321
- --on-dark-surface-negative-minor-hover: #5B1018FF;
322
- --on-dark-surface-negative-minor-active: #410B11FF;
323
- --on-dark-surface-info-minor: #0C283B;
324
- --on-dark-surface-info-minor-hover: #10344CFF;
325
- --on-dark-surface-info-minor-active: #0A2333FF;
326
- --on-dark-surface-transparent-positive: #1A9E3233;
327
- --on-dark-surface-transparent-positive-hover: #1A9E3252;
328
- --on-dark-surface-transparent-positive-active: #1A9E3224;
329
- --on-dark-surface-transparent-warning: #FA5F0533;
330
- --on-dark-surface-transparent-warning-hover: #FA5F0552;
331
- --on-dark-surface-transparent-warning-active: #FA5F0524;
332
- --on-dark-surface-transparent-negative: #FF293E33;
333
- --on-dark-surface-transparent-negative-hover: #FF293E52;
334
- --on-dark-surface-transparent-negative-active: #FF293E24;
335
- --on-dark-surface-transparent-info: #118CDF33;
336
- --on-dark-surface-transparent-info-hover: #118CDF52;
337
- --on-dark-surface-transparent-info-active: #118CDF24;
338
- --on-light-surface-solid-primary: #F5F5F5;
339
- --on-light-surface-solid-primary-hover: #FAFAFAFF;
340
- --on-light-surface-solid-primary-active: #F0F0F0FF;
341
- --on-light-surface-solid-primary-brightness: #FFFFFFFF;
342
- --on-light-surface-solid-secondary: #ECECEC;
343
- --on-light-surface-solid-secondary-hover: #F7F7F7FF;
344
- --on-light-surface-solid-secondary-active: #E8E8E8FF;
345
- --on-light-surface-solid-tertiary: #DDDDDD;
346
- --on-light-surface-solid-tertiary-hover: #E8E8E8FF;
347
- --on-light-surface-solid-tertiary-active: #D9D9D9FF;
348
- --on-light-surface-solid-card: #FFFFFF;
349
- --on-light-surface-solid-card-hover: #FFFFFFFF;
350
- --on-light-surface-solid-card-active: #FFFFFFFF;
351
- --on-light-surface-solid-card-brightness: #FFFFFFFF;
352
- --on-light-surface-solid-default: #080808;
353
- --on-light-surface-solid-default-hover: #0D0D0DFF;
354
- --on-light-surface-solid-default-active: #030303FF;
355
- --on-light-surface-transparent-primary-hover: #08080812;
356
- --on-light-surface-transparent-primary-active: #08080803;
357
- --on-light-surface-transparent-secondary-hover: #0808081F;
358
- --on-light-surface-transparent-secondary-active: #0808080A;
359
- --on-light-surface-transparent-tertiary: #0808081F;
360
- --on-light-surface-transparent-tertiary-hover: #0808083D;
361
- --on-light-surface-transparent-tertiary-active: #0808080F;
362
- --on-light-surface-transparent-deep: #080808A3;
363
- --on-light-surface-transparent-deep-hover: #080808C2;
364
- --on-light-surface-transparent-deep-active: #08080894;
365
- --on-light-surface-transparent-card: #FFFFFF;
366
- --on-light-surface-transparent-card-hover: #FFFFFFFF;
367
- --on-light-surface-transparent-card-active: #FFFFFFFF;
368
- --on-light-surface-transparent-card-brightness: #FFFFFFFF;
369
- --on-light-surface-clear: #FFFFFF00;
370
- --on-light-surface-clear-hover: #FFFFFFFF;
371
- --on-light-surface-clear-active: #FFFFFFFF;
372
- --on-light-surface-accent: #05996F;
373
- --on-light-surface-accent-hover: #05AD7EFF;
374
- --on-light-surface-accent-active: #048F68FF;
375
- --on-light-surface-accent-minor: #8DFBDC;
376
- --on-light-surface-accent-minor-hover: #A1FCE2FF;
377
- --on-light-surface-accent-minor-active: #84FBD9FF;
378
- --on-light-surface-transparent-accent: #05996F1F;
379
- --on-light-surface-transparent-accent-hover: #05996F3D;
380
- --on-light-surface-transparent-accent-active: #05996F0F;
381
- --on-light-surface-positive: #1A9E32;
382
- --on-light-surface-positive-hover: #1DAF37FF;
383
- --on-light-surface-positive-active: #18952FFF;
384
- --on-light-surface-warning: #FA5F05;
385
- --on-light-surface-warning-hover: #FB7223FF;
386
- --on-light-surface-warning-active: #F05B05FF;
387
- --on-light-surface-negative: #FF293E;
388
- --on-light-surface-negative-hover: #FF475AFF;
389
- --on-light-surface-negative-active: #FF1F35FF;
390
- --on-light-surface-info: #118CDF;
391
- --on-light-surface-info-hover: #1798EEFF;
392
- --on-light-surface-info-active: #1086D5FF;
393
- --on-light-surface-positive-minor: #9EFAAF;
394
- --on-light-surface-positive-minor-hover: #B1FBBFFF;
395
- --on-light-surface-positive-minor-active: #94F9A7FF;
396
- --on-light-surface-warning-minor: #FEE2D2;
397
- --on-light-surface-warning-minor-hover: #FEE9DCFF;
398
- --on-light-surface-warning-minor-active: #FEDCC8FF;
399
- --on-light-surface-negative-minor: #FFE0E3;
400
- --on-light-surface-negative-minor-hover: #FFEBEDFF;
401
- --on-light-surface-negative-minor-active: #FFD6DAFF;
402
- --on-light-surface-info-minor: #CFECFF;
403
- --on-light-surface-info-minor-hover: #DBF1FFFF;
404
- --on-light-surface-info-minor-active: #C7E9FFFF;
405
- --on-light-surface-transparent-positive: #1A9E321F;
406
- --on-light-surface-transparent-positive-hover: #1A9E323D;
407
- --on-light-surface-transparent-positive-active: #1A9E320F;
408
- --on-light-surface-transparent-warning: #FA5F051F;
409
- --on-light-surface-transparent-warning-hover: #FA5F053D;
410
- --on-light-surface-transparent-warning-active: #FA5F050F;
411
- --on-light-surface-transparent-negative: #FF293E1F;
412
- --on-light-surface-transparent-negative-hover: #FF293E3D;
413
- --on-light-surface-transparent-negative-active: #FF293E0F;
414
- --on-light-surface-transparent-info: #118CDF1F;
415
- --on-light-surface-transparent-info-hover: #118CDF3D;
416
- --on-light-surface-transparent-info-active: #118CDF0F;
417
- --on-light-surface-transparent-primary: #08080808;
418
- --on-light-surface-transparent-secondary: #0808080F;
419
- --inverse-surface-solid-primary: #F5F5F5;
420
- --inverse-surface-solid-primary-hover: #FAFAFAFF;
421
- --inverse-surface-solid-primary-active: #F0F0F0FF;
422
- --inverse-surface-solid-primary-brightness: #FFFFFFFF;
423
- --inverse-surface-solid-secondary: #ECECEC;
424
- --inverse-surface-solid-secondary-hover: #F7F7F7FF;
425
- --inverse-surface-solid-secondary-active: #E8E8E8FF;
426
- --inverse-surface-solid-tertiary: #DDDDDD;
427
- --inverse-surface-solid-tertiary-hover: #E8E8E8FF;
428
- --inverse-surface-solid-tertiary-active: #D9D9D9FF;
429
- --inverse-surface-solid-card: #FFFFFF;
430
- --inverse-surface-solid-card-hover: #FFFFFFFF;
431
- --inverse-surface-solid-card-active: #FFFFFFFF;
432
- --inverse-surface-solid-card-brightness: #FFFFFFFF;
433
- --inverse-surface-solid-default: #080808;
434
- --inverse-surface-solid-default-hover: #0D0D0DFF;
435
- --inverse-surface-solid-default-active: #030303FF;
436
- --inverse-surface-transparent-primary-hover: #08080812;
437
- --inverse-surface-transparent-primary-active: #08080803;
438
- --inverse-surface-transparent-secondary-hover: #0808081F;
439
- --inverse-surface-transparent-secondary-active: #0808080A;
440
- --inverse-surface-transparent-tertiary: #0808081F;
441
- --inverse-surface-transparent-tertiary-hover: #0808083D;
442
- --inverse-surface-transparent-tertiary-active: #0808080F;
443
- --inverse-surface-transparent-deep: #080808A3;
444
- --inverse-surface-transparent-deep-hover: #080808C2;
445
- --inverse-surface-transparent-deep-active: #08080894;
446
- --inverse-surface-transparent-card: #FFFFFF;
447
- --inverse-surface-transparent-card-hover: #FFFFFFFF;
448
- --inverse-surface-transparent-card-active: #FFFFFFFF;
449
- --inverse-surface-transparent-card-brightness: #FFFFFFFF;
450
- --inverse-surface-clear: #FFFFFF00;
451
- --inverse-surface-clear-hover: #FFFFFFFF;
452
- --inverse-surface-clear-active: #FFFFFFFF;
453
- --inverse-surface-accent: #05996F;
454
- --inverse-surface-accent-hover: #05AD7EFF;
455
- --inverse-surface-accent-active: #048F68FF;
456
- --inverse-surface-accent-minor: #8DFBDC;
457
- --inverse-surface-accent-minor-hover: #A1FCE2FF;
458
- --inverse-surface-accent-minor-active: #84FBD9FF;
459
- --inverse-surface-transparent-accent: #05996F1F;
460
- --inverse-surface-transparent-accent-hover: #05996F3D;
461
- --inverse-surface-transparent-accent-active: #05996F0F;
462
- --inverse-surface-positive: #1A9E32;
463
- --inverse-surface-positive-hover: #1DAF37FF;
464
- --inverse-surface-positive-active: #18952FFF;
465
- --inverse-surface-warning: #FA5F05;
466
- --inverse-surface-warning-hover: #FB7223FF;
467
- --inverse-surface-warning-active: #F05B05FF;
468
- --inverse-surface-negative: #FF293E;
469
- --inverse-surface-negative-hover: #FF475AFF;
470
- --inverse-surface-negative-active: #FF1F35FF;
471
- --inverse-surface-info: #118CDF;
472
- --inverse-surface-info-hover: #1798EEFF;
473
- --inverse-surface-info-active: #1086D5FF;
474
- --inverse-surface-positive-minor: #9EFAAF;
475
- --inverse-surface-positive-minor-hover: #B1FBBFFF;
476
- --inverse-surface-positive-minor-active: #94F9A7FF;
477
- --inverse-surface-warning-minor: #FEE2D2;
478
- --inverse-surface-warning-minor-hover: #FEE9DCFF;
479
- --inverse-surface-warning-minor-active: #FEDCC8FF;
480
- --inverse-surface-negative-minor: #FFE0E3;
481
- --inverse-surface-negative-minor-hover: #FFEBEDFF;
482
- --inverse-surface-negative-minor-active: #FFD6DAFF;
483
- --inverse-surface-info-minor: #CFECFF;
484
- --inverse-surface-info-minor-hover: #DBF1FFFF;
485
- --inverse-surface-info-minor-active: #C7E9FFFF;
486
- --inverse-surface-transparent-positive: #1A9E321F;
487
- --inverse-surface-transparent-positive-hover: #1A9E323D;
488
- --inverse-surface-transparent-positive-active: #1A9E320F;
489
- --inverse-surface-transparent-warning: #FA5F051F;
490
- --inverse-surface-transparent-warning-hover: #FA5F053D;
491
- --inverse-surface-transparent-warning-active: #FA5F050F;
492
- --inverse-surface-transparent-negative: #FF293E1F;
493
- --inverse-surface-transparent-negative-hover: #FF293E3D;
494
- --inverse-surface-transparent-negative-active: #FF293E0F;
495
- --inverse-surface-transparent-info: #118CDF1F;
496
- --inverse-surface-transparent-info-hover: #118CDF3D;
497
- --inverse-surface-transparent-info-active: #118CDF0F;
498
- --inverse-surface-transparent-primary: #08080808;
499
- --inverse-surface-transparent-secondary: #0808080F;
500
- --background-primary: #080808;
501
- --dark-background-primary: #080808;
502
- --light-background-primary: #F9F9F9;
503
- --inverse-background-primary: #F9F9F9;
504
- --overlay-soft: #0808088F;
505
- --overlay-hard: #080808F5;
506
- --overlay-blur: #08080847;
507
- --on-dark-overlay-soft: #0808088F;
508
- --on-dark-overlay-hard: #080808F5;
509
- --on-dark-overlay-blur: #08080847;
510
- --on-light-overlay-soft: #F9F9F98F;
511
- --on-light-overlay-hard: #F9F9F9F5;
512
- --on-light-overlay-blur: #F9F9F947;
513
- --inverse-overlay-soft: #F9F9F98F;
514
- --inverse-overlay-hard: #F9F9F9F5;
515
- --inverse-overlay-blur: #F9F9F947;
516
- --outline-default-outline-solid-primary: #262626;
517
- --outline-default-outline-solid-primary-hover: #FFFFFFFF;
518
- --outline-default-outline-solid-primary-active: #ADADADFF;
519
- --outline-default-outline-solid-secondary: #4E4E4E;
520
- --outline-default-outline-solid-secondary-hover: #FFFFFFFF;
521
- --outline-default-outline-solid-secondary-active: #8C8C8CFF;
522
- --outline-default-outline-solid-tertiary: #858585;
523
- --outline-default-outline-solid-tertiary-hover: #FFFFFFFF;
524
- --outline-default-outline-solid-tertiary-active: #616161FF;
525
- --outline-default-outline-solid-default: #F9F9F9;
526
- --outline-default-outline-solid-default-hover: #C7C7C7FF;
527
- --outline-default-outline-solid-default-active: #E0E0E0FF;
528
- --outline-default-outline-transparent-primary: rgba(255, 255, 255, 0.12);
529
- --outline-default-outline-transparent-primary-hover: #FFFFFFFF;
530
- --outline-default-outline-transparent-primary-active: #FFFFFF25;
531
- --outline-default-outline-transparent-secondary: rgba(255, 255, 255, 0.28);
532
- --outline-default-outline-transparent-secondary-hover: #FFFFFFFF;
533
- --outline-default-outline-transparent-secondary-active: #FFFFFF56;
534
- --outline-default-outline-transparent-tertiary: rgba(255, 255, 255, 0.56);
535
- --outline-default-outline-transparent-tertiary-hover: #FFFFFFFF;
536
- --outline-default-outline-transparent-tertiary-active: #FFFFFFAB;
537
- --outline-default-outline-clear: #FFFFFF00;
538
- --outline-default-outline-clear-hover: #FFFFFFFF;
539
- --outline-default-outline-clear-active: #FFFFFFFF;
540
- --outline-default-outline-accent: #00AC7B;
541
- --outline-default-outline-accent-hover: #00CC92FF;
542
- --outline-default-outline-accent-active: #008F66FF;
543
- --outline-default-outline-accent-minor: #0E5944;
544
- --outline-default-outline-accent-minor-hover: #168D6BFF;
545
- --outline-default-outline-accent-minor-active: #127357FF;
546
- --outline-default-outline-transparent-accent: #00AC7B47;
547
- --outline-default-outline-transparent-accent-hover: #00AD7CFF;
548
- --outline-default-outline-transparent-accent-active: #00AD7C56;
549
- --outline-default-outline-positive: #24B23E;
550
- --outline-default-outline-positive-hover: #2ACB47FF;
551
- --outline-default-outline-positive-active: #1F9835FF;
552
- --outline-default-outline-warning: #FF7024;
553
- --outline-default-outline-warning-hover: #FF8442FF;
554
- --outline-default-outline-warning-active: #FF5D05FF;
555
- --outline-default-outline-negative: #FF3D51;
556
- --outline-default-outline-negative-hover: #FF5C6CFF;
557
- --outline-default-outline-negative-active: #FF1F35FF;
558
- --outline-default-outline-info: #199AF0;
559
- --outline-default-outline-info-hover: #66BCF5FF;
560
- --outline-default-outline-info-active: #0E8ADDFF;
561
- --outline-default-outline-positive-minor: #095C18;
562
- --outline-default-outline-positive-minor-hover: #0F9527FF;
563
- --outline-default-outline-positive-minor-active: #0C7920FF;
564
- --outline-default-outline-warning-minor: #85380C;
565
- --outline-default-outline-warning-minor-hover: #BB4F11FF;
566
- --outline-default-outline-warning-minor-active: #9F440FFF;
567
- --outline-default-outline-negative-minor: #9C1422;
568
- --outline-default-outline-negative-minor-hover: #B91828FF;
569
- --outline-default-outline-negative-minor-active: #83111CFF;
570
- --outline-default-outline-info-minor: #0D5382;
571
- --outline-default-outline-info-minor-hover: #1277BAFF;
572
- --outline-default-outline-info-minor-active: #10659EFF;
573
- --outline-default-outline-transparent-positive: #24B23E47;
574
- --outline-default-outline-transparent-positive-hover: #24B23EFF;
575
- --outline-default-outline-transparent-positive-active: #24B23E56;
576
- --outline-default-outline-transparent-warning: #FF702447;
577
- --outline-default-outline-transparent-warning-hover: #FF7024FF;
578
- --outline-default-outline-transparent-warning-active: #FF702456;
579
- --outline-default-outline-transparent-negative: #FF3D5147;
580
- --outline-default-outline-transparent-negative-hover: #FF3D51FF;
581
- --outline-default-outline-transparent-negative-active: #FF3D5156;
582
- --outline-default-outline-transparent-info: #199AF047;
583
- --outline-default-outline-transparent-info-hover: #199AF0FF;
584
- --outline-default-outline-transparent-info-active: #199AF056;
585
- --outline-on-dark-outline-solid-primary: #262626;
586
- --outline-on-dark-outline-solid-primary-hover: #FFFFFFFF;
587
- --outline-on-dark-outline-solid-primary-active: #ADADADFF;
588
- --outline-on-dark-outline-solid-secondary: #4E4E4E;
589
- --outline-on-dark-outline-solid-secondary-hover: #FFFFFFFF;
590
- --outline-on-dark-outline-solid-secondary-active: #8C8C8CFF;
591
- --outline-on-dark-outline-solid-tertiary: #858585;
592
- --outline-on-dark-outline-solid-tertiary-hover: #FFFFFFFF;
593
- --outline-on-dark-outline-solid-tertiary-active: #616161FF;
594
- --outline-on-dark-outline-solid-default: #F9F9F9;
595
- --outline-on-dark-outline-solid-default-hover: #C7C7C7FF;
596
- --outline-on-dark-outline-solid-default-active: #E0E0E0FF;
597
- --outline-on-dark-outline-transparent-primary: rgba(255, 255, 255, 0.12);
598
- --outline-on-dark-outline-transparent-primary-hover: #FFFFFFFF;
599
- --outline-on-dark-outline-transparent-primary-active: #FFFFFF25;
600
- --outline-on-dark-outline-transparent-secondary: rgba(255, 255, 255, 0.28);
601
- --outline-on-dark-outline-transparent-secondary-hover: #FFFFFFFF;
602
- --outline-on-dark-outline-transparent-secondary-active: #FFFFFF56;
603
- --outline-on-dark-outline-transparent-tertiary: rgba(255, 255, 255, 0.56);
604
- --outline-on-dark-outline-transparent-tertiary-hover: #FFFFFFFF;
605
- --outline-on-dark-outline-transparent-tertiary-active: #FFFFFFAB;
606
- --outline-on-dark-outline-clear: #FFFFFF00;
607
- --outline-on-dark-outline-clear-hover: #FFFFFFFF;
608
- --outline-on-dark-outline-clear-active: #FFFFFFFF;
609
- --outline-on-dark-outline-accent: #00AC7B;
610
- --outline-on-dark-outline-accent-hover: #00CC92FF;
611
- --outline-on-dark-outline-accent-active: #008F66FF;
612
- --outline-on-dark-outline-accent-minor: #0E5944;
613
- --outline-on-dark-outline-accent-minor-hover: #168D6BFF;
614
- --outline-on-dark-outline-accent-minor-active: #127357FF;
615
- --outline-on-dark-outline-transparent-accent: #00AC7B47;
616
- --outline-on-dark-outline-transparent-accent-hover: #00AD7CFF;
617
- --outline-on-dark-outline-transparent-accent-active: #00AD7C56;
618
- --outline-on-dark-outline-positive: #24B23E;
619
- --outline-on-dark-outline-positive-hover: #2ACB47FF;
620
- --outline-on-dark-outline-positive-active: #1F9835FF;
621
- --outline-on-dark-outline-warning: #FF7024;
622
- --outline-on-dark-outline-warning-hover: #FF8442FF;
623
- --outline-on-dark-outline-warning-active: #FF5D05FF;
624
- --outline-on-dark-outline-negative: #FF3D51;
625
- --outline-on-dark-outline-negative-hover: #FF5C6CFF;
626
- --outline-on-dark-outline-negative-active: #FF1F35FF;
627
- --outline-on-dark-outline-info: #199AF0;
628
- --outline-on-dark-outline-info-hover: #66BCF5FF;
629
- --outline-on-dark-outline-info-active: #0E8ADDFF;
630
- --outline-on-dark-outline-positive-minor: #095C18;
631
- --outline-on-dark-outline-positive-minor-hover: #0F9527FF;
632
- --outline-on-dark-outline-positive-minor-active: #0C7920FF;
633
- --outline-on-dark-outline-warning-minor: #85380C;
634
- --outline-on-dark-outline-warning-minor-hover: #BB4F11FF;
635
- --outline-on-dark-outline-warning-minor-active: #9F440FFF;
636
- --outline-on-dark-outline-negative-minor: #9C1422;
637
- --outline-on-dark-outline-negative-minor-hover: #B91828FF;
638
- --outline-on-dark-outline-negative-minor-active: #83111CFF;
639
- --outline-on-dark-outline-info-minor: #0D5382;
640
- --outline-on-dark-outline-info-minor-hover: #1277BAFF;
641
- --outline-on-dark-outline-info-minor-active: #10659EFF;
642
- --outline-on-dark-outline-transparent-positive: #24B23E47;
643
- --outline-on-dark-outline-transparent-positive-hover: #24B23EFF;
644
- --outline-on-dark-outline-transparent-positive-active: #24B23E56;
645
- --outline-on-dark-outline-transparent-warning: #FF702447;
646
- --outline-on-dark-outline-transparent-warning-hover: #FF7024FF;
647
- --outline-on-dark-outline-transparent-warning-active: #FF702456;
648
- --outline-on-dark-outline-transparent-negative: #FF3D5147;
649
- --outline-on-dark-outline-transparent-negative-hover: #FF3D51FF;
650
- --outline-on-dark-outline-transparent-negative-active: #FF3D5156;
651
- --outline-on-dark-outline-transparent-info: #199AF047;
652
- --outline-on-dark-outline-transparent-info-hover: #199AF0FF;
653
- --outline-on-dark-outline-transparent-info-active: #199AF056;
654
- --outline-on-light-outline-solid-primary: #DDDDDD;
655
- --outline-on-light-outline-solid-primary-hover: #ABABABFF;
656
- --outline-on-light-outline-solid-primary-active: #C4C4C4FF;
657
- --outline-on-light-outline-solid-secondary: #B3B3B3;
658
- --outline-on-light-outline-solid-secondary-hover: #FFFFFFFF;
659
- --outline-on-light-outline-solid-secondary-active: #3D3D3DFF;
660
- --outline-on-light-outline-solid-tertiary: #707070;
661
- --outline-on-light-outline-solid-tertiary-hover: #FFFFFFFF;
662
- --outline-on-light-outline-solid-tertiary-active: #737373FF;
663
- --outline-on-light-outline-solid-default: #080808;
664
- --outline-on-light-outline-solid-default-hover: #FFFFFFFF;
665
- --outline-on-light-outline-solid-default-active: #C7C7C7FF;
666
- --outline-on-light-outline-transparent-primary: #0808081F;
667
- --outline-on-light-outline-transparent-primary-hover: #080808FF;
668
- --outline-on-light-outline-transparent-primary-active: #08080825;
669
- --outline-on-light-outline-transparent-secondary: #08080847;
670
- --outline-on-light-outline-transparent-secondary-hover: #080808FF;
671
- --outline-on-light-outline-transparent-secondary-active: #08080856;
672
- --outline-on-light-outline-transparent-tertiary: #0808088F;
673
- --outline-on-light-outline-transparent-tertiary-hover: #080808FF;
674
- --outline-on-light-outline-transparent-tertiary-active: #080808AB;
675
- --outline-on-light-outline-clear: #FFFFFF00;
676
- --outline-on-light-outline-clear-hover: #FFFFFFFF;
677
- --outline-on-light-outline-clear-active: #FFFFFFFF;
678
- --outline-on-light-outline-accent: #0A8A66;
679
- --outline-on-light-outline-accent-hover: #0FC290FF;
680
- --outline-on-light-outline-accent-active: #0CA67BFF;
681
- --outline-on-light-outline-accent-minor: #14CC98;
682
- --outline-on-light-outline-accent-minor-hover: #17E8ADFF;
683
- --outline-on-light-outline-accent-minor-active: #11B083FF;
684
- --outline-on-light-outline-transparent-accent: #0A8A6633;
685
- --outline-on-light-outline-transparent-accent-hover: #0A8A66FF;
686
- --outline-on-light-outline-transparent-accent-active: #0A8A663D;
687
- --outline-on-light-outline-positive: #108E26;
688
- --outline-on-light-outline-positive-hover: #13AA2CFF;
689
- --outline-on-light-outline-positive-active: #0D731EFF;
690
- --outline-on-light-outline-warning: #E85702;
691
- --outline-on-light-outline-warning-hover: #FD650DFF;
692
- --outline-on-light-outline-warning-active: #CA4B02FF;
693
- --outline-on-light-outline-negative: #F31B31;
694
- --outline-on-light-outline-negative-hover: #F5384BFF;
695
- --outline-on-light-outline-negative-active: #E40C22FF;
696
- --outline-on-light-outline-info: #0B7ECB;
697
- --outline-on-light-outline-info-hover: #34A7F4FF;
698
- --outline-on-light-outline-info-active: #096CAEFF;
699
- --outline-on-light-outline-positive-minor: #28D247;
700
- --outline-on-light-outline-positive-minor-hover: #3EDA5BFF;
701
- --outline-on-light-outline-positive-minor-active: #23B83EFF;
702
- --outline-on-light-outline-warning-minor: #FD9C68;
703
- --outline-on-light-outline-warning-minor-hover: #FDB086FF;
704
- --outline-on-light-outline-warning-minor-active: #FC884AFF;
705
- --outline-on-light-outline-negative-minor: #FF8F9A;
706
- --outline-on-light-outline-negative-minor-hover: #FFADB6FF;
707
- --outline-on-light-outline-negative-minor-active: #FF707EFF;
708
- --outline-on-light-outline-info-minor: #52BAFF;
709
- --outline-on-light-outline-info-minor-hover: #A3DAFFFF;
710
- --outline-on-light-outline-info-minor-active: #33ADFFFF;
711
- --outline-on-light-outline-transparent-positive: #108E2633;
712
- --outline-on-light-outline-transparent-positive-hover: #108E25FF;
713
- --outline-on-light-outline-transparent-positive-active: #108E253D;
714
- --outline-on-light-outline-transparent-warning: #E8570233;
715
- --outline-on-light-outline-transparent-warning-hover: #E85702FF;
716
- --outline-on-light-outline-transparent-warning-active: #E857023D;
717
- --outline-on-light-outline-transparent-negative: #F31B3133;
718
- --outline-on-light-outline-transparent-negative-hover: #F31B31FF;
719
- --outline-on-light-outline-transparent-negative-active: #F31B313D;
720
- --outline-on-light-outline-transparent-info: #0B7ECB33;
721
- --outline-on-light-outline-transparent-info-hover: #0B7ECBFF;
722
- --outline-on-light-outline-transparent-info-active: #0B7ECB3D;
723
- --outline-inverse-outline-solid-primary: #DDDDDD;
724
- --outline-inverse-outline-solid-primary-hover: #ABABABFF;
725
- --outline-inverse-outline-solid-primary-active: #C4C4C4FF;
726
- --outline-inverse-outline-solid-secondary: #B3B3B3;
727
- --outline-inverse-outline-solid-secondary-hover: #FFFFFFFF;
728
- --outline-inverse-outline-solid-secondary-active: #3D3D3DFF;
729
- --outline-inverse-outline-solid-tertiary: #707070;
730
- --outline-inverse-outline-solid-tertiary-hover: #FFFFFFFF;
731
- --outline-inverse-outline-solid-tertiary-active: #737373FF;
732
- --outline-inverse-outline-solid-default: #080808;
733
- --outline-inverse-outline-solid-default-hover: #FFFFFFFF;
734
- --outline-inverse-outline-solid-default-active: #C7C7C7FF;
735
- --outline-inverse-outline-transparent-primary: #0808081F;
736
- --outline-inverse-outline-transparent-primary-hover: #080808FF;
737
- --outline-inverse-outline-transparent-primary-active: #08080825;
738
- --outline-inverse-outline-transparent-secondary: #08080847;
739
- --outline-inverse-outline-transparent-secondary-hover: #080808FF;
740
- --outline-inverse-outline-transparent-secondary-active: #08080856;
741
- --outline-inverse-outline-transparent-tertiary: #0808088F;
742
- --outline-inverse-outline-transparent-tertiary-hover: #080808FF;
743
- --outline-inverse-outline-transparent-tertiary-active: #080808AB;
744
- --outline-inverse-outline-clear: #FFFFFF00;
745
- --outline-inverse-outline-clear-hover: #FFFFFFFF;
746
- --outline-inverse-outline-clear-active: #FFFFFFFF;
747
- --outline-inverse-outline-accent: #0A8A66;
748
- --outline-inverse-outline-accent-hover: #0FC290FF;
749
- --outline-inverse-outline-accent-active: #0CA67BFF;
750
- --outline-inverse-outline-accent-minor: #14CC98;
751
- --outline-inverse-outline-accent-minor-hover: #17E8ADFF;
752
- --outline-inverse-outline-accent-minor-active: #11B083FF;
753
- --outline-inverse-outline-transparent-accent: #0A8A6633;
754
- --outline-inverse-outline-transparent-accent-hover: #0A8A66FF;
755
- --outline-inverse-outline-transparent-accent-active: #0A8A663D;
756
- --outline-inverse-outline-positive: #108E26;
757
- --outline-inverse-outline-positive-hover: #13AA2CFF;
758
- --outline-inverse-outline-positive-active: #0D731EFF;
759
- --outline-inverse-outline-warning: #E85702;
760
- --outline-inverse-outline-warning-hover: #FD650DFF;
761
- --outline-inverse-outline-warning-active: #CA4B02FF;
762
- --outline-inverse-outline-negative: #F31B31;
763
- --outline-inverse-outline-negative-hover: #F5384BFF;
764
- --outline-inverse-outline-negative-active: #E40C22FF;
765
- --outline-inverse-outline-info: #0B7ECB;
766
- --outline-inverse-outline-info-hover: #34A7F4FF;
767
- --outline-inverse-outline-info-active: #096CAEFF;
768
- --outline-inverse-outline-positive-minor: #28D247;
769
- --outline-inverse-outline-positive-minor-hover: #3EDA5BFF;
770
- --outline-inverse-outline-positive-minor-active: #23B83EFF;
771
- --outline-inverse-outline-warning-minor: #FD9C68;
772
- --outline-inverse-outline-warning-minor-hover: #FDB086FF;
773
- --outline-inverse-outline-warning-minor-active: #FC884AFF;
774
- --outline-inverse-outline-negative-minor: #FF8F9A;
775
- --outline-inverse-outline-negative-minor-hover: #FFADB6FF;
776
- --outline-inverse-outline-negative-minor-active: #FF707EFF;
777
- --outline-inverse-outline-info-minor: #52BAFF;
778
- --outline-inverse-outline-info-minor-hover: #A3DAFFFF;
779
- --outline-inverse-outline-info-minor-active: #33ADFFFF;
780
- --outline-inverse-outline-transparent-positive: #108E2633;
781
- --outline-inverse-outline-transparent-positive-hover: #108E25FF;
782
- --outline-inverse-outline-transparent-positive-active: #108E253D;
783
- --outline-inverse-outline-transparent-warning: #E8570233;
784
- --outline-inverse-outline-transparent-warning-hover: #E85702FF;
785
- --outline-inverse-outline-transparent-warning-active: #E857023D;
786
- --outline-inverse-outline-transparent-negative: #F31B3133;
787
- --outline-inverse-outline-transparent-negative-hover: #F31B31FF;
788
- --outline-inverse-outline-transparent-negative-active: #F31B313D;
789
- --outline-inverse-outline-transparent-info: #0B7ECB33;
790
- --outline-inverse-outline-transparent-info-hover: #0B7ECBFF;
791
- --outline-inverse-outline-transparent-info-active: #0B7ECB3D;
792
- --data-default-data-yellow: #F3A912;
793
- --data-default-data-yellow-minor: #A16B00;
794
- --data-default-data-yellow-transparent: #F3A9128F;
795
- --data-on-dark-data-yellow: #F3A912;
796
- --data-on-dark-data-yellow-minor: #A16B00;
797
- --data-on-dark-data-yellow-transparent: #F3A9128F;
798
- --data-on-light-data-yellow: #F3A912;
799
- --data-on-light-data-yellow-minor: #FFD37A;
800
- --data-on-light-data-yellow-transparent: #F3A9128F;
801
- --data-inverse-data-yellow: #F3A912;
802
- --data-inverse-data-yellow-minor: #FFD37A;
803
- --data-inverse-data-yellow-transparent: #F3A9128F;
804
- --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
805
- --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
806
- --plasma-colors-white-primary: var(--on-dark-text-primary);
807
- --plasma-colors-white-secondary: var(--on-dark-text-secondary);
808
- --plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
809
- --plasma-colors-black-primary: var(--on-light-text-primary);
810
- --plasma-colors-black-secondary: var(--on-light-text-secondary);
811
- --plasma-colors-black-tertiary: var(--on-light-text-tertiary);
812
- --plasma-colors-button-black: var(--on-light-surface-solid-default);
813
- --plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
814
- --plasma-colors-button-white: var(--on-dark-surface-solid-default);
815
- --plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
816
- --plasma-colors-text: var(--text-primary);
817
- --plasma-colors-primary: var(--text-primary);
818
- --plasma-colors-secondary: var(--text-secondary);
819
- --plasma-colors-tertiary: var(--text-tertiary);
820
- --plasma-colors-paragraph: var(--text-paragraph);
821
- --plasma-colors-background: var(--background-primary);
822
- --plasma-colors-accent: var(--text-accent);
823
- --plasma-colors-success: var(--text-positive);
824
- --plasma-colors-warning: var(--text-warning);
825
- --plasma-colors-critical: var(--text-negative);
826
- --plasma-colors-overlay: var(--overlay-soft);
827
- --plasma-colors-surface-liquid01: var(--surface-transparent-primary);
828
- --plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
829
- --plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
830
- --plasma-colors-surface-solid01: var(--surface-solid-primary);
831
- --plasma-colors-surface-solid02: var(--surface-solid-secondary);
832
- --plasma-colors-surface-solid03: var(--surface-solid-tertiary);
833
- --plasma-colors-surface-card: var(--surface-transparent-card);
834
- --plasma-colors-button-secondary: var(--surface-transparent-secondary);
835
- --plasma-colors-button-accent: var(--text-accent);
836
- --plasma-colors-button-success: var(--surface-positive);
837
- --plasma-colors-button-warning: var(--surface-warning);
838
- --plasma-colors-button-critical: var(--surface-negative);
839
- color: var(--text-primary);
840
- background-color: var(--background-primary);
841
- }
842
-
843
- .light {
844
- --text-primary: #171717F5;
845
- --text-primary-hover: #17171793;
846
- --text-primary-active: #171717C4;
847
- --text-primary-brightness: #171717F5;
848
- --text-secondary: #1717178F;
849
- --text-secondary-hover: #171717FF;
850
- --text-secondary-active: #171717AB;
851
- --text-tertiary: #17171747;
852
- --text-tertiary-hover: #171717FF;
853
- --text-tertiary-active: #17171756;
854
- --text-paragraph: #171717CC;
855
- --text-paragraph-hover: #1717177A;
856
- --text-paragraph-active: #171717A3;
857
- --text-accent: #0A8A66;
858
- --text-accent-hover: #10D59EFF;
859
- --text-accent-active: #0DAF82FF;
860
- --text-accent-minor: #14CC98;
861
- --text-accent-minor-hover: #20E9B0FF;
862
- --text-accent-minor-active: #11A77CFF;
863
- --text-positive: #108E26;
864
- --text-positive-hover: #14B32EFF;
865
- --text-positive-active: #0C6A1BFF;
866
- --text-warning: #E85702;
867
- --text-warning-hover: #FD6B17FF;
868
- --text-warning-active: #C04802FF;
869
- --text-negative: #F31B31;
870
- --text-negative-hover: #F54254FF;
871
- --text-negative-active: #DA0B20FF;
872
- --text-info: #0B7ECB;
873
- --text-info-hover: #0D96F2FF;
874
- --text-info-active: #0966A5FF;
875
- --text-positive-minor: #28D247;
876
- --text-positive-minor-hover: #47DC62FF;
877
- --text-positive-minor-active: #21B03CFF;
878
- --text-warning-minor: #FD9C68;
879
- --text-warning-minor-hover: #FDB790FF;
880
- --text-warning-minor-active: #FC8240FF;
881
- --text-negative-minor: #FF8F9A;
882
- --text-negative-minor-hover: #FFB8BFFF;
883
- --text-negative-minor-active: #FF6675FF;
884
- --text-info-minor: #52BAFF;
885
- --text-info-minor-hover: #7ACAFFFF;
886
- --text-info-minor-active: #29A9FFFF;
887
- --on-dark-text-primary-hover: #F5F5F593;
888
- --on-dark-text-primary-active: #F5F5F5C4;
889
- --on-dark-text-primary-brightness: #F5F5F5F5;
890
- --on-dark-text-secondary-hover: #F5F5F5FF;
891
- --on-dark-text-secondary-active: #F5F5F5AB;
892
- --on-dark-text-tertiary-hover: #F5F5F5FF;
893
- --on-dark-text-tertiary-active: #F5F5F556;
894
- --on-dark-text-paragraph-hover: #F5F5F57A;
895
- --on-dark-text-paragraph-active: #F5F5F5A3;
896
- --on-dark-text-accent: #00AC7B;
897
- --on-dark-text-accent-hover: #00D69AFF;
898
- --on-dark-text-accent-active: #00855FFF;
899
- --on-dark-text-accent-minor: #0E5944;
900
- --on-dark-text-accent-minor-hover: #199F79FF;
901
- --on-dark-text-accent-minor-active: #137C5EFF;
902
- --on-dark-text-positive: #24B23E;
903
- --on-dark-text-positive-hover: #2BD44AFF;
904
- --on-dark-text-positive-active: #1D9032FF;
905
- --on-dark-text-warning: #FF7024;
906
- --on-dark-text-warning-hover: #FF8B4DFF;
907
- --on-dark-text-warning-active: #FA5700FF;
908
- --on-dark-text-negative: #FF3D51;
909
- --on-dark-text-negative-hover: #FF6675FF;
910
- --on-dark-text-negative-active: #FF142CFF;
911
- --on-dark-text-info: #199AF0;
912
- --on-dark-text-info-hover: #3FABF3FF;
913
- --on-dark-text-info-active: #0D84D3FF;
914
- --on-dark-text-positive-minor: #095C18;
915
- --on-dark-text-positive-minor-hover: #11A72CFF;
916
- --on-dark-text-positive-minor-active: #0D8222FF;
917
- --on-dark-text-warning-minor: #85380C;
918
- --on-dark-text-warning-minor-hover: #CD5713FF;
919
- --on-dark-text-warning-minor-active: #A84710FF;
920
- --on-dark-text-negative-minor: #9C1422;
921
- --on-dark-text-negative-minor-hover: #C2192AFF;
922
- --on-dark-text-negative-minor-active: #7A101AFF;
923
- --on-dark-text-info-minor: #0D5382;
924
- --on-dark-text-info-minor-hover: #1483CCFF;
925
- --on-dark-text-info-minor-active: #116BA7FF;
926
- --on-dark-text-primary: #F5F5F5F5;
927
- --on-dark-text-secondary: #F5F5F58F;
928
- --on-dark-text-tertiary: #F5F5F547;
929
- --on-dark-text-paragraph: #F5F5F5CC;
930
- --on-light-text-primary: #171717F5;
931
- --on-light-text-primary-hover: #17171793;
932
- --on-light-text-primary-active: #171717C4;
933
- --on-light-text-primary-brightness: #171717F5;
934
- --on-light-text-secondary: #1717178F;
935
- --on-light-text-secondary-hover: #171717FF;
936
- --on-light-text-secondary-active: #171717AB;
937
- --on-light-text-tertiary: #17171747;
938
- --on-light-text-tertiary-hover: #171717FF;
939
- --on-light-text-tertiary-active: #17171756;
940
- --on-light-text-paragraph: #171717CC;
941
- --on-light-text-paragraph-hover: #1717177A;
942
- --on-light-text-paragraph-active: #171717A3;
943
- --on-light-text-accent: #0A8A66;
944
- --on-light-text-accent-hover: #10D59EFF;
945
- --on-light-text-accent-active: #0DAF82FF;
946
- --on-light-text-accent-minor: #14CC98;
947
- --on-light-text-accent-minor-hover: #20E9B0FF;
948
- --on-light-text-accent-minor-active: #11A77CFF;
949
- --on-light-text-positive: #108E26;
950
- --on-light-text-positive-hover: #14B32EFF;
951
- --on-light-text-positive-active: #0C6A1BFF;
952
- --on-light-text-warning: #E85702;
953
- --on-light-text-warning-hover: #FD6B17FF;
954
- --on-light-text-warning-active: #C04802FF;
955
- --on-light-text-negative: #F31B31;
956
- --on-light-text-negative-hover: #F54254FF;
957
- --on-light-text-negative-active: #DA0B20FF;
958
- --on-light-text-info: #0B7ECB;
959
- --on-light-text-info-hover: #0D96F2FF;
960
- --on-light-text-info-active: #0966A5FF;
961
- --on-light-text-positive-minor: #28D247;
962
- --on-light-text-positive-minor-hover: #47DC62FF;
963
- --on-light-text-positive-minor-active: #21B03CFF;
964
- --on-light-text-warning-minor: #FD9C68;
965
- --on-light-text-warning-minor-hover: #FDB790FF;
966
- --on-light-text-warning-minor-active: #FC8240FF;
967
- --on-light-text-negative-minor: #FF8F9A;
968
- --on-light-text-negative-minor-hover: #FFB8BFFF;
969
- --on-light-text-negative-minor-active: #FF6675FF;
970
- --on-light-text-info-minor: #52BAFF;
971
- --on-light-text-info-minor-hover: #7ACAFFFF;
972
- --on-light-text-info-minor-active: #29A9FFFF;
973
- --inverse-text-primary-hover: #F5F5F593;
974
- --inverse-text-primary-active: #F5F5F5C4;
975
- --inverse-text-primary-brightness: #F5F5F5F5;
976
- --inverse-text-secondary-hover: #F5F5F5FF;
977
- --inverse-text-secondary-active: #F5F5F5AB;
978
- --inverse-text-tertiary-hover: #F5F5F5FF;
979
- --inverse-text-tertiary-active: #F5F5F556;
980
- --inverse-text-paragraph-hover: #F5F5F57A;
981
- --inverse-text-paragraph-active: #F5F5F5A3;
982
- --inverse-text-accent: #00AC7B;
983
- --inverse-text-accent-hover: #00D69AFF;
984
- --inverse-text-accent-active: #00855FFF;
985
- --inverse-text-accent-minor: #0E5944;
986
- --inverse-text-accent-minor-hover: #199F79FF;
987
- --inverse-text-accent-minor-active: #137C5EFF;
988
- --inverse-text-positive: #24B23E;
989
- --inverse-text-positive-hover: #2BD44AFF;
990
- --inverse-text-positive-active: #1D9032FF;
991
- --inverse-text-warning: #FF7024;
992
- --inverse-text-warning-hover: #FF8B4DFF;
993
- --inverse-text-warning-active: #FA5700FF;
994
- --inverse-text-negative: #FF3D51;
995
- --inverse-text-negative-hover: #FF6675FF;
996
- --inverse-text-negative-active: #FF142CFF;
997
- --inverse-text-info: #199AF0;
998
- --inverse-text-info-hover: #3FABF3FF;
999
- --inverse-text-info-active: #0D84D3FF;
1000
- --inverse-text-positive-minor: #095C18;
1001
- --inverse-text-positive-minor-hover: #11A72CFF;
1002
- --inverse-text-positive-minor-active: #0D8222FF;
1003
- --inverse-text-warning-minor: #85380C;
1004
- --inverse-text-warning-minor-hover: #CD5713FF;
1005
- --inverse-text-warning-minor-active: #A84710FF;
1006
- --inverse-text-negative-minor: #9C1422;
1007
- --inverse-text-negative-minor-hover: #C2192AFF;
1008
- --inverse-text-negative-minor-active: #7A101AFF;
1009
- --inverse-text-info-minor: #0D5382;
1010
- --inverse-text-info-minor-hover: #1483CCFF;
1011
- --inverse-text-info-minor-active: #116BA7FF;
1012
- --inverse-text-primary: #F5F5F5F5;
1013
- --inverse-text-secondary: #F5F5F58F;
1014
- --inverse-text-tertiary: #F5F5F547;
1015
- --inverse-text-paragraph: #F5F5F5CC;
1016
- --surface-solid-primary: #F5F5F5;
1017
- --surface-solid-primary-hover: #FAFAFAFF;
1018
- --surface-solid-primary-active: #F0F0F0FF;
1019
- --surface-solid-primary-brightness: #FFFFFFFF;
1020
- --surface-solid-secondary: #ECECEC;
1021
- --surface-solid-secondary-hover: #F7F7F7FF;
1022
- --surface-solid-secondary-active: #E8E8E8FF;
1023
- --surface-solid-tertiary: #DDDDDD;
1024
- --surface-solid-tertiary-hover: #EDEDEDFF;
1025
- --surface-solid-tertiary-active: #D4D4D4FF;
1026
- --surface-solid-card: #FFFFFF;
1027
- --surface-solid-card-hover: #FFFFFFFF;
1028
- --surface-solid-card-active: #FFFFFFFF;
1029
- --surface-solid-card-brightness: #FFFFFFFF;
1030
- --surface-solid-default: #080808;
1031
- --surface-solid-default-hover: #262626FF;
1032
- --surface-solid-default-active: #030303FF;
1033
- --surface-transparent-primary-hover: #08080803;
1034
- --surface-transparent-primary-active: #0808080D;
1035
- --surface-transparent-secondary-hover: #08080805;
1036
- --surface-transparent-secondary-active: #0808081A;
1037
- --surface-transparent-tertiary: #0808081F;
1038
- --surface-transparent-tertiary-hover: #0808080A;
1039
- --surface-transparent-tertiary-active: #08080829;
1040
- --surface-transparent-deep: #080808A3;
1041
- --surface-transparent-deep-hover: #0808088F;
1042
- --surface-transparent-deep-active: #080808AD;
1043
- --surface-transparent-card: #FFFFFF;
1044
- --surface-transparent-card-hover: #FFFFFFFF;
1045
- --surface-transparent-card-active: #FFFFFFFF;
1046
- --surface-transparent-card-brightness: #FFFFFFFF;
1047
- --surface-clear: #FFFFFF00;
1048
- --surface-clear-hover: #FFFFFFFF;
1049
- --surface-clear-active: #FFFFFFFF;
1050
- --surface-accent: #05996F;
1051
- --surface-accent-hover: #05AD7EFF;
1052
- --surface-accent-active: #048661FF;
1053
- --surface-accent-minor: #8DFBDC;
1054
- --surface-accent-minor-hover: #A1FCE2FF;
1055
- --surface-accent-minor-active: #7AFAD6FF;
1056
- --surface-transparent-accent: #05996F1F;
1057
- --surface-transparent-accent-hover: #05996F0A;
1058
- --surface-transparent-accent-active: #05996F29;
1059
- --surface-positive: #1A9E32;
1060
- --surface-positive-hover: #1EB83AFF;
1061
- --surface-positive-active: #178C2CFF;
1062
- --surface-warning: #FA5F05;
1063
- --surface-warning-hover: #FB782DFF;
1064
- --surface-warning-active: #E65705FF;
1065
- --surface-negative: #FF293E;
1066
- --surface-negative-hover: #FF5263FF;
1067
- --surface-negative-active: #FF142CFF;
1068
- --surface-info: #118CDF;
1069
- --surface-info-hover: #1798EEFF;
1070
- --surface-info-active: #0F81CCFF;
1071
- --surface-positive-minor: #9EFAAF;
1072
- --surface-positive-minor-hover: #B1FBBFFF;
1073
- --surface-positive-minor-active: #8BF99FFF;
1074
- --surface-warning-minor: #FEE2D2;
1075
- --surface-warning-minor-hover: #FEEFE6FF;
1076
- --surface-warning-minor-active: #FEDCC8FF;
1077
- --surface-negative-minor: #FFE0E3;
1078
- --surface-negative-minor-hover: #FFF5F6FF;
1079
- --surface-negative-minor-active: #FFD6DAFF;
1080
- --surface-info-minor: #CFECFF;
1081
- --surface-info-minor-hover: #E5F5FFFF;
1082
- --surface-info-minor-active: #C7E9FFFF;
1083
- --surface-transparent-positive: #1A9E321F;
1084
- --surface-transparent-positive-hover: #1A9E320A;
1085
- --surface-transparent-positive-active: #1A9E3229;
1086
- --surface-transparent-warning: #FA5F051F;
1087
- --surface-transparent-warning-hover: #FA5F050A;
1088
- --surface-transparent-warning-active: #FA5F0529;
1089
- --surface-transparent-negative: #FF293E1F;
1090
- --surface-transparent-negative-hover: #FF293E0A;
1091
- --surface-transparent-negative-active: #FF293E29;
1092
- --surface-transparent-info: #118CDF1F;
1093
- --surface-transparent-info-hover: #118CDF0A;
1094
- --surface-transparent-info-active: #118CDF29;
1095
- --surface-transparent-primary: #08080808;
1096
- --surface-transparent-secondary: #0808080F;
1097
- --on-dark-surface-solid-primary: #171717;
1098
- --on-dark-surface-solid-primary-hover: #363636FF;
1099
- --on-dark-surface-solid-primary-active: #0D0D0DFF;
1100
- --on-dark-surface-solid-primary-brightness: #262626FF;
1101
- --on-dark-surface-solid-secondary: #262626;
1102
- --on-dark-surface-solid-secondary-hover: #3B3B3BFF;
1103
- --on-dark-surface-solid-secondary-active: #1C1C1CFF;
1104
- --on-dark-surface-solid-tertiary: #363636;
1105
- --on-dark-surface-solid-tertiary-hover: #4A4A4AFF;
1106
- --on-dark-surface-solid-tertiary-active: #2B2B2BFF;
1107
- --on-dark-surface-solid-card: #171717;
1108
- --on-dark-surface-solid-card-hover: #363636FF;
1109
- --on-dark-surface-solid-card-active: #0D0D0DFF;
1110
- --on-dark-surface-solid-card-brightness: #262626FF;
1111
- --on-dark-surface-solid-default: #F9F9F9;
1112
- --on-dark-surface-solid-default-hover: #FFFFFFFF;
1113
- --on-dark-surface-solid-default-active: #F5F5F5FF;
1114
- --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
1115
- --on-dark-surface-transparent-primary-hover: #FFFFFF05;
1116
- --on-dark-surface-transparent-primary-active: #FFFFFF1A;
1117
- --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
1118
- --on-dark-surface-transparent-secondary-hover: #FFFFFF0A;
1119
- --on-dark-surface-transparent-secondary-active: #FFFFFF29;
1120
- --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
1121
- --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F;
1122
- --on-dark-surface-transparent-tertiary-active: #FFFFFF3D;
1123
- --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64);
1124
- --on-dark-surface-transparent-deep-hover: #FFFFFF8F;
1125
- --on-dark-surface-transparent-deep-active: #FFFFFFAD;
1126
- --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.06);
1127
- --on-dark-surface-transparent-card-hover: #FFFFFF05;
1128
- --on-dark-surface-transparent-card-active: #FFFFFF1A;
1129
- --on-dark-surface-transparent-card-brightness: #FFFFFF0F;
1130
- --on-dark-surface-clear: #FFFFFF00;
1131
- --on-dark-surface-clear-hover: #FFFFFFFF;
1132
- --on-dark-surface-clear-active: #FFFFFFFF;
1133
- --on-dark-surface-accent: #05996F;
1134
- --on-dark-surface-accent-hover: #05AD7EFF;
1135
- --on-dark-surface-accent-active: #048661FF;
1136
- --on-dark-surface-accent-minor: #072B21;
1137
- --on-dark-surface-accent-minor-hover: #0B4636FF;
1138
- --on-dark-surface-accent-minor-active: #041A14FF;
1139
- --on-dark-surface-transparent-accent: #05996F33;
1140
- --on-dark-surface-transparent-accent-hover: #05996F1F;
1141
- --on-dark-surface-transparent-accent-active: #05996F3D;
1142
- --on-dark-surface-positive: #1A9E32;
1143
- --on-dark-surface-positive-hover: #1EB83AFF;
1144
- --on-dark-surface-positive-active: #178C2CFF;
1145
- --on-dark-surface-warning: #FA5F05;
1146
- --on-dark-surface-warning-hover: #FB782DFF;
1147
- --on-dark-surface-warning-active: #E65705FF;
1148
- --on-dark-surface-negative: #FF293E;
1149
- --on-dark-surface-negative-hover: #FF5263FF;
1150
- --on-dark-surface-negative-active: #FF142CFF;
1151
- --on-dark-surface-info: #118CDF;
1152
- --on-dark-surface-info-hover: #1798EEFF;
1153
- --on-dark-surface-info-active: #0F81CCFF;
1154
- --on-dark-surface-positive-minor: #0A2B10;
1155
- --on-dark-surface-positive-minor-hover: #0E3A16FF;
1156
- --on-dark-surface-positive-minor-active: #061909FF;
1157
- --on-dark-surface-warning-minor: #3D1D0A;
1158
- --on-dark-surface-warning-minor-hover: #58290EFF;
1159
- --on-dark-surface-warning-minor-active: #2C1507FF;
1160
- --on-dark-surface-negative-minor: #4A0D13;
1161
- --on-dark-surface-negative-minor-hover: #64121AFF;
1162
- --on-dark-surface-negative-minor-active: #380A0FFF;
1163
- --on-dark-surface-info-minor: #0C283B;
1164
- --on-dark-surface-info-minor-hover: #10344CFF;
1165
- --on-dark-surface-info-minor-active: #091D2AFF;
1166
- --on-dark-surface-transparent-positive: #1A9E3233;
1167
- --on-dark-surface-transparent-positive-hover: #1A9E321F;
1168
- --on-dark-surface-transparent-positive-active: #1A9E323D;
1169
- --on-dark-surface-transparent-warning: #FA5F0533;
1170
- --on-dark-surface-transparent-warning-hover: #FA5F051F;
1171
- --on-dark-surface-transparent-warning-active: #FA5F053D;
1172
- --on-dark-surface-transparent-negative: #FF293E33;
1173
- --on-dark-surface-transparent-negative-hover: #FF293E1F;
1174
- --on-dark-surface-transparent-negative-active: #FF293E3D;
1175
- --on-dark-surface-transparent-info: #118CDF33;
1176
- --on-dark-surface-transparent-info-hover: #118CDF1F;
1177
- --on-dark-surface-transparent-info-active: #118CDF3D;
1178
- --on-light-surface-solid-primary: #F5F5F5;
1179
- --on-light-surface-solid-primary-hover: #FAFAFAFF;
1180
- --on-light-surface-solid-primary-active: #F0F0F0FF;
1181
- --on-light-surface-solid-primary-brightness: #FFFFFFFF;
1182
- --on-light-surface-solid-secondary: #ECECEC;
1183
- --on-light-surface-solid-secondary-hover: #F7F7F7FF;
1184
- --on-light-surface-solid-secondary-active: #E8E8E8FF;
1185
- --on-light-surface-solid-tertiary: #DDDDDD;
1186
- --on-light-surface-solid-tertiary-hover: #EDEDEDFF;
1187
- --on-light-surface-solid-tertiary-active: #D4D4D4FF;
1188
- --on-light-surface-solid-card: #FFFFFF;
1189
- --on-light-surface-solid-card-hover: #FFFFFFFF;
1190
- --on-light-surface-solid-card-active: #FFFFFFFF;
1191
- --on-light-surface-solid-card-brightness: #FFFFFFFF;
1192
- --on-light-surface-solid-default: #080808;
1193
- --on-light-surface-solid-default-hover: #262626FF;
1194
- --on-light-surface-solid-default-active: #030303FF;
1195
- --on-light-surface-transparent-primary-hover: #08080803;
1196
- --on-light-surface-transparent-primary-active: #0808080D;
1197
- --on-light-surface-transparent-secondary-hover: #08080805;
1198
- --on-light-surface-transparent-secondary-active: #0808081A;
1199
- --on-light-surface-transparent-tertiary: #0808081F;
1200
- --on-light-surface-transparent-tertiary-hover: #0808080A;
1201
- --on-light-surface-transparent-tertiary-active: #08080829;
1202
- --on-light-surface-transparent-deep: #080808A3;
1203
- --on-light-surface-transparent-deep-hover: #0808088F;
1204
- --on-light-surface-transparent-deep-active: #080808AD;
1205
- --on-light-surface-transparent-card: #FFFFFF;
1206
- --on-light-surface-transparent-card-hover: #FFFFFFFF;
1207
- --on-light-surface-transparent-card-active: #FFFFFFFF;
1208
- --on-light-surface-transparent-card-brightness: #FFFFFFFF;
1209
- --on-light-surface-clear: #FFFFFF00;
1210
- --on-light-surface-clear-hover: #FFFFFFFF;
1211
- --on-light-surface-clear-active: #FFFFFFFF;
1212
- --on-light-surface-accent: #05996F;
1213
- --on-light-surface-accent-hover: #05AD7EFF;
1214
- --on-light-surface-accent-active: #048661FF;
1215
- --on-light-surface-accent-minor: #8DFBDC;
1216
- --on-light-surface-accent-minor-hover: #A1FCE2FF;
1217
- --on-light-surface-accent-minor-active: #7AFAD6FF;
1218
- --on-light-surface-transparent-accent: #05996F1F;
1219
- --on-light-surface-transparent-accent-hover: #05996F0A;
1220
- --on-light-surface-transparent-accent-active: #05996F29;
1221
- --on-light-surface-positive: #1A9E32;
1222
- --on-light-surface-positive-hover: #1EB83AFF;
1223
- --on-light-surface-positive-active: #178C2CFF;
1224
- --on-light-surface-warning: #FA5F05;
1225
- --on-light-surface-warning-hover: #FB782DFF;
1226
- --on-light-surface-warning-active: #E65705FF;
1227
- --on-light-surface-negative: #FF293E;
1228
- --on-light-surface-negative-hover: #FF5263FF;
1229
- --on-light-surface-negative-active: #FF142CFF;
1230
- --on-light-surface-info: #118CDF;
1231
- --on-light-surface-info-hover: #1798EEFF;
1232
- --on-light-surface-info-active: #0F81CCFF;
1233
- --on-light-surface-positive-minor: #9EFAAF;
1234
- --on-light-surface-positive-minor-hover: #B1FBBFFF;
1235
- --on-light-surface-positive-minor-active: #8BF99FFF;
1236
- --on-light-surface-warning-minor: #FEE2D2;
1237
- --on-light-surface-warning-minor-hover: #FEEFE6FF;
1238
- --on-light-surface-warning-minor-active: #FEDCC8FF;
1239
- --on-light-surface-negative-minor: #FFE0E3;
1240
- --on-light-surface-negative-minor-hover: #FFF5F6FF;
1241
- --on-light-surface-negative-minor-active: #FFD6DAFF;
1242
- --on-light-surface-info-minor: #CFECFF;
1243
- --on-light-surface-info-minor-hover: #E5F5FFFF;
1244
- --on-light-surface-info-minor-active: #C7E9FFFF;
1245
- --on-light-surface-transparent-positive: #1A9E321F;
1246
- --on-light-surface-transparent-positive-hover: #1A9E320A;
1247
- --on-light-surface-transparent-positive-active: #1A9E3229;
1248
- --on-light-surface-transparent-warning: #FA5F051F;
1249
- --on-light-surface-transparent-warning-hover: #FA5F050A;
1250
- --on-light-surface-transparent-warning-active: #FA5F0529;
1251
- --on-light-surface-transparent-negative: #FF293E1F;
1252
- --on-light-surface-transparent-negative-hover: #FF293E0A;
1253
- --on-light-surface-transparent-negative-active: #FF293E29;
1254
- --on-light-surface-transparent-info: #118CDF1F;
1255
- --on-light-surface-transparent-info-hover: #118CDF0A;
1256
- --on-light-surface-transparent-info-active: #118CDF29;
1257
- --on-light-surface-transparent-primary: #08080808;
1258
- --on-light-surface-transparent-secondary: #0808080F;
1259
- --inverse-surface-solid-primary: #171717;
1260
- --inverse-surface-solid-primary-hover: #363636FF;
1261
- --inverse-surface-solid-primary-active: #0D0D0DFF;
1262
- --inverse-surface-solid-primary-brightness: #262626FF;
1263
- --inverse-surface-solid-secondary: #262626;
1264
- --inverse-surface-solid-secondary-hover: #3B3B3BFF;
1265
- --inverse-surface-solid-secondary-active: #1C1C1CFF;
1266
- --inverse-surface-solid-tertiary: #363636;
1267
- --inverse-surface-solid-tertiary-hover: #4A4A4AFF;
1268
- --inverse-surface-solid-tertiary-active: #2B2B2BFF;
1269
- --inverse-surface-solid-card: #171717;
1270
- --inverse-surface-solid-card-hover: #363636FF;
1271
- --inverse-surface-solid-card-active: #0D0D0DFF;
1272
- --inverse-surface-solid-card-brightness: #262626FF;
1273
- --inverse-surface-solid-default: #F9F9F9;
1274
- --inverse-surface-solid-default-hover: #FFFFFFFF;
1275
- --inverse-surface-solid-default-active: #F5F5F5FF;
1276
- --inverse-surface-transparent-primary: rgba(255, 255, 255, 0.06);
1277
- --inverse-surface-transparent-primary-hover: #FFFFFF05;
1278
- --inverse-surface-transparent-primary-active: #FFFFFF1A;
1279
- --inverse-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
1280
- --inverse-surface-transparent-secondary-hover: #FFFFFF0A;
1281
- --inverse-surface-transparent-secondary-active: #FFFFFF29;
1282
- --inverse-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
1283
- --inverse-surface-transparent-tertiary-hover: #FFFFFF1F;
1284
- --inverse-surface-transparent-tertiary-active: #FFFFFF3D;
1285
- --inverse-surface-transparent-deep: rgba(255, 255, 255, 0.64);
1286
- --inverse-surface-transparent-deep-hover: #FFFFFF8F;
1287
- --inverse-surface-transparent-deep-active: #FFFFFFAD;
1288
- --inverse-surface-transparent-card: rgba(255, 255, 255, 0.06);
1289
- --inverse-surface-transparent-card-hover: #FFFFFF05;
1290
- --inverse-surface-transparent-card-active: #FFFFFF1A;
1291
- --inverse-surface-transparent-card-brightness: #FFFFFF0F;
1292
- --inverse-surface-clear: #FFFFFF00;
1293
- --inverse-surface-clear-hover: #FFFFFFFF;
1294
- --inverse-surface-clear-active: #FFFFFFFF;
1295
- --inverse-surface-accent: #05996F;
1296
- --inverse-surface-accent-hover: #05AD7EFF;
1297
- --inverse-surface-accent-active: #048661FF;
1298
- --inverse-surface-accent-minor: #072B21;
1299
- --inverse-surface-accent-minor-hover: #0B4636FF;
1300
- --inverse-surface-accent-minor-active: #041A14FF;
1301
- --inverse-surface-transparent-accent: #05996F33;
1302
- --inverse-surface-transparent-accent-hover: #05996F1F;
1303
- --inverse-surface-transparent-accent-active: #05996F3D;
1304
- --inverse-surface-positive: #1A9E32;
1305
- --inverse-surface-positive-hover: #1EB83AFF;
1306
- --inverse-surface-positive-active: #178C2CFF;
1307
- --inverse-surface-warning: #FA5F05;
1308
- --inverse-surface-warning-hover: #FB782DFF;
1309
- --inverse-surface-warning-active: #E65705FF;
1310
- --inverse-surface-negative: #FF293E;
1311
- --inverse-surface-negative-hover: #FF5263FF;
1312
- --inverse-surface-negative-active: #FF142CFF;
1313
- --inverse-surface-info: #118CDF;
1314
- --inverse-surface-info-hover: #1798EEFF;
1315
- --inverse-surface-info-active: #0F81CCFF;
1316
- --inverse-surface-positive-minor: #0A2B10;
1317
- --inverse-surface-positive-minor-hover: #0E3A16FF;
1318
- --inverse-surface-positive-minor-active: #061909FF;
1319
- --inverse-surface-warning-minor: #3D1D0A;
1320
- --inverse-surface-warning-minor-hover: #58290EFF;
1321
- --inverse-surface-warning-minor-active: #2C1507FF;
1322
- --inverse-surface-negative-minor: #4A0D13;
1323
- --inverse-surface-negative-minor-hover: #64121AFF;
1324
- --inverse-surface-negative-minor-active: #380A0FFF;
1325
- --inverse-surface-info-minor: #0C283B;
1326
- --inverse-surface-info-minor-hover: #10344CFF;
1327
- --inverse-surface-info-minor-active: #091D2AFF;
1328
- --inverse-surface-transparent-positive: #1A9E3233;
1329
- --inverse-surface-transparent-positive-hover: #1A9E321F;
1330
- --inverse-surface-transparent-positive-active: #1A9E323D;
1331
- --inverse-surface-transparent-warning: #FA5F0533;
1332
- --inverse-surface-transparent-warning-hover: #FA5F051F;
1333
- --inverse-surface-transparent-warning-active: #FA5F053D;
1334
- --inverse-surface-transparent-negative: #FF293E33;
1335
- --inverse-surface-transparent-negative-hover: #FF293E1F;
1336
- --inverse-surface-transparent-negative-active: #FF293E3D;
1337
- --inverse-surface-transparent-info: #118CDF33;
1338
- --inverse-surface-transparent-info-hover: #118CDF1F;
1339
- --inverse-surface-transparent-info-active: #118CDF3D;
1340
- --background-primary: #F9F9F9;
1341
- --dark-background-primary: #080808;
1342
- --light-background-primary: #F9F9F9;
1343
- --inverse-background-primary: #080808;
1344
- --overlay-soft: #F9F9F98F;
1345
- --overlay-hard: #F9F9F9F5;
1346
- --overlay-blur: #F9F9F947;
1347
- --on-dark-overlay-soft: #0808088F;
1348
- --on-dark-overlay-hard: #080808F5;
1349
- --on-dark-overlay-blur: #08080847;
1350
- --on-light-overlay-soft: #F9F9F98F;
1351
- --on-light-overlay-hard: #F9F9F9F5;
1352
- --on-light-overlay-blur: #F9F9F947;
1353
- --inverse-overlay-soft: #0808088F;
1354
- --inverse-overlay-hard: #080808F5;
1355
- --inverse-overlay-blur: #08080847;
1356
- --outline-default-outline-solid-primary: #DDDDDD;
1357
- --outline-default-outline-solid-primary-hover: #FFFFFFFF;
1358
- --outline-default-outline-solid-primary-active: #B3B3B3FF;
1359
- --outline-default-outline-solid-secondary: #B3B3B3;
1360
- --outline-default-outline-solid-secondary-hover: #FFFFFFFF;
1361
- --outline-default-outline-solid-secondary-active: #8F8F8FFF;
1362
- --outline-default-outline-solid-tertiary: #707070;
1363
- --outline-default-outline-solid-tertiary-hover: #FFFFFFFF;
1364
- --outline-default-outline-solid-tertiary-active: #595959FF;
1365
- --outline-default-outline-solid-default: #080808;
1366
- --outline-default-outline-solid-default-hover: #595959FF;
1367
- --outline-default-outline-solid-default-active: #303030FF;
1368
- --outline-default-outline-transparent-primary: #0808081F;
1369
- --outline-default-outline-transparent-primary-hover: #080808FF;
1370
- --outline-default-outline-transparent-primary-active: #08080825;
1371
- --outline-default-outline-transparent-secondary: #08080847;
1372
- --outline-default-outline-transparent-secondary-hover: #080808FF;
1373
- --outline-default-outline-transparent-secondary-active: #08080856;
1374
- --outline-default-outline-transparent-tertiary: #0808088F;
1375
- --outline-default-outline-transparent-tertiary-hover: #080808FF;
1376
- --outline-default-outline-transparent-tertiary-active: #080808AB;
1377
- --outline-default-outline-clear: #FFFFFF00;
1378
- --outline-default-outline-clear-hover: #FFFFFFFF;
1379
- --outline-default-outline-clear-active: #FFFFFFFF;
1380
- --outline-default-outline-accent: #0A8A66;
1381
- --outline-default-outline-accent-hover: #10D59EFF;
1382
- --outline-default-outline-accent-active: #0DAF82FF;
1383
- --outline-default-outline-accent-minor: #14CC98;
1384
- --outline-default-outline-accent-minor-hover: #20E9B0FF;
1385
- --outline-default-outline-accent-minor-active: #11A77CFF;
1386
- --outline-default-outline-transparent-accent: #0A8A6633;
1387
- --outline-default-outline-transparent-accent-hover: #0A8A66FF;
1388
- --outline-default-outline-transparent-accent-active: #0A8A663D;
1389
- --outline-default-outline-positive: #108E26;
1390
- --outline-default-outline-positive-hover: #14B32EFF;
1391
- --outline-default-outline-positive-active: #0C6A1BFF;
1392
- --outline-default-outline-warning: #E85702;
1393
- --outline-default-outline-warning-hover: #FD6B17FF;
1394
- --outline-default-outline-warning-active: #C04802FF;
1395
- --outline-default-outline-negative: #F31B31;
1396
- --outline-default-outline-negative-hover: #F54254FF;
1397
- --outline-default-outline-negative-active: #DA0B20FF;
1398
- --outline-default-outline-info: #0B7ECB;
1399
- --outline-default-outline-info-hover: #0D96F2FF;
1400
- --outline-default-outline-info-active: #0966A5FF;
1401
- --outline-default-outline-positive-minor: #28D247;
1402
- --outline-default-outline-positive-minor-hover: #47DC62FF;
1403
- --outline-default-outline-positive-minor-active: #21B03CFF;
1404
- --outline-default-outline-warning-minor: #FD9C68;
1405
- --outline-default-outline-warning-minor-hover: #FDB790FF;
1406
- --outline-default-outline-warning-minor-active: #FC8240FF;
1407
- --outline-default-outline-negative-minor: #FF8F9A;
1408
- --outline-default-outline-negative-minor-hover: #FFB8BFFF;
1409
- --outline-default-outline-negative-minor-active: #FF6675FF;
1410
- --outline-default-outline-info-minor: #52BAFF;
1411
- --outline-default-outline-info-minor-hover: #7ACAFFFF;
1412
- --outline-default-outline-info-minor-active: #29A9FFFF;
1413
- --outline-default-outline-transparent-positive: #108E2633;
1414
- --outline-default-outline-transparent-positive-hover: #108E25FF;
1415
- --outline-default-outline-transparent-positive-active: #108E253D;
1416
- --outline-default-outline-transparent-warning: #E8570233;
1417
- --outline-default-outline-transparent-warning-hover: #E85702FF;
1418
- --outline-default-outline-transparent-warning-active: #E857023D;
1419
- --outline-default-outline-transparent-negative: #F31B3133;
1420
- --outline-default-outline-transparent-negative-hover: #F31B31FF;
1421
- --outline-default-outline-transparent-negative-active: #F31B313D;
1422
- --outline-default-outline-transparent-info: #0B7ECB33;
1423
- --outline-default-outline-transparent-info-hover: #0B7ECBFF;
1424
- --outline-default-outline-transparent-info-active: #0B7ECB3D;
1425
- --outline-on-dark-outline-solid-primary: #262626;
1426
- --outline-on-dark-outline-solid-primary-hover: #787878FF;
1427
- --outline-on-dark-outline-solid-primary-active: #4F4F4FFF;
1428
- --outline-on-dark-outline-solid-secondary: #4E4E4E;
1429
- --outline-on-dark-outline-solid-secondary-hover: #FFFFFFFF;
1430
- --outline-on-dark-outline-solid-secondary-active: #404040FF;
1431
- --outline-on-dark-outline-solid-tertiary: #858585;
1432
- --outline-on-dark-outline-solid-tertiary-hover: #FFFFFFFF;
1433
- --outline-on-dark-outline-solid-tertiary-active: #6B6B6BFF;
1434
- --outline-on-dark-outline-solid-default: #F9F9F9;
1435
- --outline-on-dark-outline-solid-default-hover: #FFFFFFFF;
1436
- --outline-on-dark-outline-solid-default-active: #C7C7C7FF;
1437
- --outline-on-dark-outline-transparent-primary: rgba(255, 255, 255, 0.12);
1438
- --outline-on-dark-outline-transparent-primary-hover: #FFFFFFFF;
1439
- --outline-on-dark-outline-transparent-primary-active: #FFFFFF25;
1440
- --outline-on-dark-outline-transparent-secondary: rgba(255, 255, 255, 0.28);
1441
- --outline-on-dark-outline-transparent-secondary-hover: #FFFFFFFF;
1442
- --outline-on-dark-outline-transparent-secondary-active: #FFFFFF56;
1443
- --outline-on-dark-outline-transparent-tertiary: rgba(255, 255, 255, 0.56);
1444
- --outline-on-dark-outline-transparent-tertiary-hover: #FFFFFFFF;
1445
- --outline-on-dark-outline-transparent-tertiary-active: #FFFFFFAB;
1446
- --outline-on-dark-outline-clear: #FFFFFF00;
1447
- --outline-on-dark-outline-clear-hover: #FFFFFFFF;
1448
- --outline-on-dark-outline-clear-active: #FFFFFFFF;
1449
- --outline-on-dark-outline-accent: #00AC7B;
1450
- --outline-on-dark-outline-accent-hover: #00D69AFF;
1451
- --outline-on-dark-outline-accent-active: #00855FFF;
1452
- --outline-on-dark-outline-accent-minor: #0E5944;
1453
- --outline-on-dark-outline-accent-minor-hover: #199F79FF;
1454
- --outline-on-dark-outline-accent-minor-active: #137C5EFF;
1455
- --outline-on-dark-outline-transparent-accent: #00AC7B47;
1456
- --outline-on-dark-outline-transparent-accent-hover: #00AD7CFF;
1457
- --outline-on-dark-outline-transparent-accent-active: #00AD7C56;
1458
- --outline-on-dark-outline-positive: #24B23E;
1459
- --outline-on-dark-outline-positive-hover: #2BD44AFF;
1460
- --outline-on-dark-outline-positive-active: #1D9032FF;
1461
- --outline-on-dark-outline-warning: #FF7024;
1462
- --outline-on-dark-outline-warning-hover: #FF8B4DFF;
1463
- --outline-on-dark-outline-warning-active: #FA5700FF;
1464
- --outline-on-dark-outline-negative: #FF3D51;
1465
- --outline-on-dark-outline-negative-hover: #FF6675FF;
1466
- --outline-on-dark-outline-negative-active: #FF142CFF;
1467
- --outline-on-dark-outline-info: #199AF0;
1468
- --outline-on-dark-outline-info-hover: #3FABF3FF;
1469
- --outline-on-dark-outline-info-active: #0D84D3FF;
1470
- --outline-on-dark-outline-positive-minor: #095C18;
1471
- --outline-on-dark-outline-positive-minor-hover: #11A72CFF;
1472
- --outline-on-dark-outline-positive-minor-active: #0D8222FF;
1473
- --outline-on-dark-outline-warning-minor: #85380C;
1474
- --outline-on-dark-outline-warning-minor-hover: #CD5713FF;
1475
- --outline-on-dark-outline-warning-minor-active: #A84710FF;
1476
- --outline-on-dark-outline-negative-minor: #9C1422;
1477
- --outline-on-dark-outline-negative-minor-hover: #C2192AFF;
1478
- --outline-on-dark-outline-negative-minor-active: #7A101AFF;
1479
- --outline-on-dark-outline-info-minor: #0D5382;
1480
- --outline-on-dark-outline-info-minor-hover: #1483CCFF;
1481
- --outline-on-dark-outline-info-minor-active: #116BA7FF;
1482
- --outline-on-dark-outline-transparent-positive: #24B23E47;
1483
- --outline-on-dark-outline-transparent-positive-hover: #24B23EFF;
1484
- --outline-on-dark-outline-transparent-positive-active: #24B23E56;
1485
- --outline-on-dark-outline-transparent-warning: #FF702447;
1486
- --outline-on-dark-outline-transparent-warning-hover: #FF7024FF;
1487
- --outline-on-dark-outline-transparent-warning-active: #FF702456;
1488
- --outline-on-dark-outline-transparent-negative: #FF3D5147;
1489
- --outline-on-dark-outline-transparent-negative-hover: #FF3D51FF;
1490
- --outline-on-dark-outline-transparent-negative-active: #FF3D5156;
1491
- --outline-on-dark-outline-transparent-info: #199AF047;
1492
- --outline-on-dark-outline-transparent-info-hover: #199AF0FF;
1493
- --outline-on-dark-outline-transparent-info-active: #199AF056;
1494
- --outline-on-light-outline-solid-primary: #DDDDDD;
1495
- --outline-on-light-outline-solid-primary-hover: #FFFFFFFF;
1496
- --outline-on-light-outline-solid-primary-active: #B3B3B3FF;
1497
- --outline-on-light-outline-solid-secondary: #B3B3B3;
1498
- --outline-on-light-outline-solid-secondary-hover: #FFFFFFFF;
1499
- --outline-on-light-outline-solid-secondary-active: #8F8F8FFF;
1500
- --outline-on-light-outline-solid-tertiary: #707070;
1501
- --outline-on-light-outline-solid-tertiary-hover: #FFFFFFFF;
1502
- --outline-on-light-outline-solid-tertiary-active: #595959FF;
1503
- --outline-on-light-outline-solid-default: #080808;
1504
- --outline-on-light-outline-solid-default-hover: #595959FF;
1505
- --outline-on-light-outline-solid-default-active: #303030FF;
1506
- --outline-on-light-outline-transparent-primary: #0808081F;
1507
- --outline-on-light-outline-transparent-primary-hover: #080808FF;
1508
- --outline-on-light-outline-transparent-primary-active: #08080825;
1509
- --outline-on-light-outline-transparent-secondary: #08080847;
1510
- --outline-on-light-outline-transparent-secondary-hover: #080808FF;
1511
- --outline-on-light-outline-transparent-secondary-active: #08080856;
1512
- --outline-on-light-outline-transparent-tertiary: #0808088F;
1513
- --outline-on-light-outline-transparent-tertiary-hover: #080808FF;
1514
- --outline-on-light-outline-transparent-tertiary-active: #080808AB;
1515
- --outline-on-light-outline-clear: #FFFFFF00;
1516
- --outline-on-light-outline-clear-hover: #FFFFFFFF;
1517
- --outline-on-light-outline-clear-active: #FFFFFFFF;
1518
- --outline-on-light-outline-accent: #0A8A66;
1519
- --outline-on-light-outline-accent-hover: #10D59EFF;
1520
- --outline-on-light-outline-accent-active: #0DAF82FF;
1521
- --outline-on-light-outline-accent-minor: #14CC98;
1522
- --outline-on-light-outline-accent-minor-hover: #20E9B0FF;
1523
- --outline-on-light-outline-accent-minor-active: #11A77CFF;
1524
- --outline-on-light-outline-transparent-accent: #0A8A6633;
1525
- --outline-on-light-outline-transparent-accent-hover: #0A8A66FF;
1526
- --outline-on-light-outline-transparent-accent-active: #0A8A663D;
1527
- --outline-on-light-outline-positive: #108E26;
1528
- --outline-on-light-outline-positive-hover: #14B32EFF;
1529
- --outline-on-light-outline-positive-active: #0C6A1BFF;
1530
- --outline-on-light-outline-warning: #E85702;
1531
- --outline-on-light-outline-warning-hover: #FD6B17FF;
1532
- --outline-on-light-outline-warning-active: #C04802FF;
1533
- --outline-on-light-outline-negative: #F31B31;
1534
- --outline-on-light-outline-negative-hover: #F54254FF;
1535
- --outline-on-light-outline-negative-active: #DA0B20FF;
1536
- --outline-on-light-outline-info: #0B7ECB;
1537
- --outline-on-light-outline-info-hover: #0D96F2FF;
1538
- --outline-on-light-outline-info-active: #0966A5FF;
1539
- --outline-on-light-outline-positive-minor: #28D247;
1540
- --outline-on-light-outline-positive-minor-hover: #47DC62FF;
1541
- --outline-on-light-outline-positive-minor-active: #21B03CFF;
1542
- --outline-on-light-outline-warning-minor: #FD9C68;
1543
- --outline-on-light-outline-warning-minor-hover: #FDB790FF;
1544
- --outline-on-light-outline-warning-minor-active: #FC8240FF;
1545
- --outline-on-light-outline-negative-minor: #FF8F9A;
1546
- --outline-on-light-outline-negative-minor-hover: #FFB8BFFF;
1547
- --outline-on-light-outline-negative-minor-active: #FF6675FF;
1548
- --outline-on-light-outline-info-minor: #52BAFF;
1549
- --outline-on-light-outline-info-minor-hover: #7ACAFFFF;
1550
- --outline-on-light-outline-info-minor-active: #29A9FFFF;
1551
- --outline-on-light-outline-transparent-positive: #108E2633;
1552
- --outline-on-light-outline-transparent-positive-hover: #108E25FF;
1553
- --outline-on-light-outline-transparent-positive-active: #108E253D;
1554
- --outline-on-light-outline-transparent-warning: #E8570233;
1555
- --outline-on-light-outline-transparent-warning-hover: #E85702FF;
1556
- --outline-on-light-outline-transparent-warning-active: #E857023D;
1557
- --outline-on-light-outline-transparent-negative: #F31B3133;
1558
- --outline-on-light-outline-transparent-negative-hover: #F31B31FF;
1559
- --outline-on-light-outline-transparent-negative-active: #F31B313D;
1560
- --outline-on-light-outline-transparent-info: #0B7ECB33;
1561
- --outline-on-light-outline-transparent-info-hover: #0B7ECBFF;
1562
- --outline-on-light-outline-transparent-info-active: #0B7ECB3D;
1563
- --outline-inverse-outline-solid-primary: #262626;
1564
- --outline-inverse-outline-solid-primary-hover: #787878FF;
1565
- --outline-inverse-outline-solid-primary-active: #4F4F4FFF;
1566
- --outline-inverse-outline-solid-secondary: #4E4E4E;
1567
- --outline-inverse-outline-solid-secondary-hover: #FFFFFFFF;
1568
- --outline-inverse-outline-solid-secondary-active: #404040FF;
1569
- --outline-inverse-outline-solid-tertiary: #858585;
1570
- --outline-inverse-outline-solid-tertiary-hover: #FFFFFFFF;
1571
- --outline-inverse-outline-solid-tertiary-active: #6B6B6BFF;
1572
- --outline-inverse-outline-solid-default: #F9F9F9;
1573
- --outline-inverse-outline-solid-default-hover: #FFFFFFFF;
1574
- --outline-inverse-outline-solid-default-active: #C7C7C7FF;
1575
- --outline-inverse-outline-transparent-primary: rgba(255, 255, 255, 0.12);
1576
- --outline-inverse-outline-transparent-primary-hover: #FFFFFFFF;
1577
- --outline-inverse-outline-transparent-primary-active: #FFFFFF25;
1578
- --outline-inverse-outline-transparent-secondary: rgba(255, 255, 255, 0.28);
1579
- --outline-inverse-outline-transparent-secondary-hover: #FFFFFFFF;
1580
- --outline-inverse-outline-transparent-secondary-active: #FFFFFF56;
1581
- --outline-inverse-outline-transparent-tertiary: rgba(255, 255, 255, 0.56);
1582
- --outline-inverse-outline-transparent-tertiary-hover: #FFFFFFFF;
1583
- --outline-inverse-outline-transparent-tertiary-active: #FFFFFFAB;
1584
- --outline-inverse-outline-clear: #FFFFFF00;
1585
- --outline-inverse-outline-clear-hover: #FFFFFFFF;
1586
- --outline-inverse-outline-clear-active: #FFFFFFFF;
1587
- --outline-inverse-outline-accent: #00AC7B;
1588
- --outline-inverse-outline-accent-hover: #00D69AFF;
1589
- --outline-inverse-outline-accent-active: #00855FFF;
1590
- --outline-inverse-outline-accent-minor: #0E5944;
1591
- --outline-inverse-outline-accent-minor-hover: #199F79FF;
1592
- --outline-inverse-outline-accent-minor-active: #137C5EFF;
1593
- --outline-inverse-outline-transparent-accent: #00AC7B47;
1594
- --outline-inverse-outline-transparent-accent-hover: #00AD7CFF;
1595
- --outline-inverse-outline-transparent-accent-active: #00AD7C56;
1596
- --outline-inverse-outline-positive: #24B23E;
1597
- --outline-inverse-outline-positive-hover: #2BD44AFF;
1598
- --outline-inverse-outline-positive-active: #1D9032FF;
1599
- --outline-inverse-outline-warning: #FF7024;
1600
- --outline-inverse-outline-warning-hover: #FF8B4DFF;
1601
- --outline-inverse-outline-warning-active: #FA5700FF;
1602
- --outline-inverse-outline-negative: #FF3D51;
1603
- --outline-inverse-outline-negative-hover: #FF6675FF;
1604
- --outline-inverse-outline-negative-active: #FF142CFF;
1605
- --outline-inverse-outline-info: #199AF0;
1606
- --outline-inverse-outline-info-hover: #3FABF3FF;
1607
- --outline-inverse-outline-info-active: #0D84D3FF;
1608
- --outline-inverse-outline-positive-minor: #095C18;
1609
- --outline-inverse-outline-positive-minor-hover: #11A72CFF;
1610
- --outline-inverse-outline-positive-minor-active: #0D8222FF;
1611
- --outline-inverse-outline-warning-minor: #85380C;
1612
- --outline-inverse-outline-warning-minor-hover: #CD5713FF;
1613
- --outline-inverse-outline-warning-minor-active: #A84710FF;
1614
- --outline-inverse-outline-negative-minor: #9C1422;
1615
- --outline-inverse-outline-negative-minor-hover: #C2192AFF;
1616
- --outline-inverse-outline-negative-minor-active: #7A101AFF;
1617
- --outline-inverse-outline-info-minor: #0D5382;
1618
- --outline-inverse-outline-info-minor-hover: #1483CCFF;
1619
- --outline-inverse-outline-info-minor-active: #116BA7FF;
1620
- --outline-inverse-outline-transparent-positive: #24B23E47;
1621
- --outline-inverse-outline-transparent-positive-hover: #24B23EFF;
1622
- --outline-inverse-outline-transparent-positive-active: #24B23E56;
1623
- --outline-inverse-outline-transparent-warning: #FF702447;
1624
- --outline-inverse-outline-transparent-warning-hover: #FF7024FF;
1625
- --outline-inverse-outline-transparent-warning-active: #FF702456;
1626
- --outline-inverse-outline-transparent-negative: #FF3D5147;
1627
- --outline-inverse-outline-transparent-negative-hover: #FF3D51FF;
1628
- --outline-inverse-outline-transparent-negative-active: #FF3D5156;
1629
- --outline-inverse-outline-transparent-info: #199AF047;
1630
- --outline-inverse-outline-transparent-info-hover: #199AF0FF;
1631
- --outline-inverse-outline-transparent-info-active: #199AF056;
1632
- --data-default-data-yellow: #F3A912;
1633
- --data-default-data-yellow-minor: #FFD37A;
1634
- --data-default-data-yellow-transparent: #F3A9128F;
1635
- --data-on-dark-data-yellow: #F3A912;
1636
- --data-on-dark-data-yellow-minor: #A16B00;
1637
- --data-on-dark-data-yellow-transparent: #F3A9128F;
1638
- --data-on-light-data-yellow: #F3A912;
1639
- --data-on-light-data-yellow-minor: #FFD37A;
1640
- --data-on-light-data-yellow-transparent: #F3A9128F;
1641
- --data-inverse-data-yellow: #F3A912;
1642
- --data-inverse-data-yellow-minor: #A16B00;
1643
- --data-inverse-data-yellow-transparent: #F3A9128F;
1644
- --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
1645
- --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
1646
- --plasma-colors-white-primary: var(--on-dark-text-primary);
1647
- --plasma-colors-white-secondary: var(--on-dark-text-secondary);
1648
- --plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
1649
- --plasma-colors-black-primary: var(--on-light-text-primary);
1650
- --plasma-colors-black-secondary: var(--on-light-text-secondary);
1651
- --plasma-colors-black-tertiary: var(--on-light-text-tertiary);
1652
- --plasma-colors-button-black: var(--on-light-surface-solid-default);
1653
- --plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
1654
- --plasma-colors-button-white: var(--on-dark-surface-solid-default);
1655
- --plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
1656
- --plasma-colors-text: var(--text-primary);
1657
- --plasma-colors-primary: var(--text-primary);
1658
- --plasma-colors-secondary: var(--text-secondary);
1659
- --plasma-colors-tertiary: var(--text-tertiary);
1660
- --plasma-colors-paragraph: var(--text-paragraph);
1661
- --plasma-colors-background: var(--background-primary);
1662
- --plasma-colors-accent: var(--text-accent);
1663
- --plasma-colors-success: var(--text-positive);
1664
- --plasma-colors-warning: var(--text-warning);
1665
- --plasma-colors-critical: var(--text-negative);
1666
- --plasma-colors-overlay: var(--overlay-soft);
1667
- --plasma-colors-surface-liquid01: var(--surface-transparent-primary);
1668
- --plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
1669
- --plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
1670
- --plasma-colors-surface-solid01: var(--surface-solid-primary);
1671
- --plasma-colors-surface-solid02: var(--surface-solid-secondary);
1672
- --plasma-colors-surface-solid03: var(--surface-solid-tertiary);
1673
- --plasma-colors-surface-card: var(--surface-transparent-card);
1674
- --plasma-colors-button-secondary: var(--surface-transparent-secondary);
1675
- --plasma-colors-button-accent: var(--text-accent);
1676
- --plasma-colors-button-success: var(--surface-positive);
1677
- --plasma-colors-button-warning: var(--surface-warning);
1678
- --plasma-colors-button-critical: var(--surface-negative);
1679
- color: var(--text-primary);
1680
- background-color: var(--background-primary);
1681
- }