@db-ux/core-foundations 2.0.0-0-custom-select-16b8cce → 2.0.1

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 (103) hide show
  1. package/build/ide/db.ide.css +10 -10
  2. package/build/styles/_screen-sizes.scss +62 -6
  3. package/build/styles/_variables.scss +9 -9
  4. package/build/styles/absolute.css +9015 -593
  5. package/build/styles/absolute.scss +1 -1
  6. package/build/styles/colors/_default-color-icons.scss +11 -0
  7. package/build/styles/colors/_default-color-mappings.scss +2944 -0
  8. package/build/styles/colors/_placeholder.scss +160 -153
  9. package/build/styles/colors/_variables.scss +20 -19
  10. package/build/styles/colors/classes/all.css +2205 -2115
  11. package/build/styles/colors/classes/blue.css +175 -141
  12. package/build/styles/colors/classes/brand.css +175 -141
  13. package/build/styles/colors/classes/critical.css +175 -141
  14. package/build/styles/colors/classes/cyan.css +175 -141
  15. package/build/styles/colors/classes/green.css +175 -141
  16. package/build/styles/colors/classes/informational.css +175 -141
  17. package/build/styles/colors/classes/neutral.css +175 -141
  18. package/build/styles/colors/classes/orange.css +175 -141
  19. package/build/styles/colors/classes/pink.css +175 -141
  20. package/build/styles/colors/classes/red.css +175 -141
  21. package/build/styles/colors/classes/successful.css +175 -141
  22. package/build/styles/colors/classes/turquoise.css +175 -141
  23. package/build/styles/colors/classes/violet.css +175 -141
  24. package/build/styles/colors/classes/warning.css +175 -141
  25. package/build/styles/colors/classes/yellow.css +175 -141
  26. package/build/styles/colors/speaking-colors/additional/_blue.speaking-colors.scss +9 -0
  27. package/build/styles/colors/speaking-colors/additional/_cyan.speaking-colors.scss +9 -0
  28. package/build/styles/colors/speaking-colors/additional/_green.speaking-colors.scss +9 -0
  29. package/build/styles/colors/speaking-colors/additional/_orange.speaking-colors.scss +9 -0
  30. package/build/styles/colors/speaking-colors/additional/_pink.speaking-colors.scss +9 -0
  31. package/build/styles/colors/speaking-colors/additional/_red.speaking-colors.scss +9 -0
  32. package/build/styles/colors/speaking-colors/additional/_turquoise.speaking-colors.scss +9 -0
  33. package/build/styles/colors/speaking-colors/additional/_violet.speaking-colors.scss +9 -0
  34. package/build/styles/colors/speaking-colors/additional/_yellow.speaking-colors.scss +9 -0
  35. package/build/styles/colors/speaking-colors/semantic/_brand.speaking-colors.scss +9 -0
  36. package/build/styles/colors/speaking-colors/semantic/_critical.speaking-colors.scss +9 -0
  37. package/build/styles/colors/speaking-colors/semantic/_informational.speaking-colors.scss +15 -0
  38. package/build/styles/colors/speaking-colors/semantic/_neutral.speaking-colors.scss +9 -0
  39. package/build/styles/colors/speaking-colors/semantic/_successful.speaking-colors.scss +9 -0
  40. package/build/styles/colors/speaking-colors/semantic/_warning.speaking-colors.scss +9 -0
  41. package/build/styles/colors/speaking-colors/vibrant.js +43 -0
  42. package/build/styles/defaults/_default-properties.scss +6770 -0
  43. package/build/styles/defaults/default-code.css +93 -93
  44. package/build/styles/defaults/default-code.scss +6 -4
  45. package/build/styles/defaults/default-elevation.css +1 -1
  46. package/build/styles/defaults/default-fonts.css +7 -7
  47. package/build/styles/defaults/default-fonts.scss +15 -18
  48. package/build/styles/defaults/default-icons.css +1 -1
  49. package/build/styles/defaults/default-required.css +1 -1
  50. package/build/styles/defaults/default-required.scss +33 -13
  51. package/build/styles/defaults/default-root.css +93 -93
  52. package/build/styles/defaults/default-theme.css +93 -93
  53. package/build/styles/defaults/default-theme.scss +9 -854
  54. package/build/styles/density/_scaling-placeholder.scss +57 -38
  55. package/build/styles/density/_typography-placeholder.scss +66 -42
  56. package/build/styles/density/classes/all.css +944 -951
  57. package/build/styles/density/classes/expressive.css +396 -327
  58. package/build/styles/density/classes/functional.css +396 -327
  59. package/build/styles/density/classes/regular.css +396 -327
  60. package/build/styles/fonts/_font-sizes.scss +18 -12
  61. package/build/styles/fonts/classes/all.css +236 -90
  62. package/build/styles/fonts/classes/body/2xl.css +100 -5
  63. package/build/styles/fonts/classes/body/2xs.css +100 -5
  64. package/build/styles/fonts/classes/body/3xl.css +100 -5
  65. package/build/styles/fonts/classes/body/3xs.css +100 -5
  66. package/build/styles/fonts/classes/body/all.css +164 -45
  67. package/build/styles/fonts/classes/body/lg.css +100 -5
  68. package/build/styles/fonts/classes/body/md.css +100 -5
  69. package/build/styles/fonts/classes/body/sm.css +100 -5
  70. package/build/styles/fonts/classes/body/xl.css +100 -5
  71. package/build/styles/fonts/classes/body/xs.css +100 -5
  72. package/build/styles/fonts/classes/headline/2xl.css +100 -5
  73. package/build/styles/fonts/classes/headline/2xs.css +100 -5
  74. package/build/styles/fonts/classes/headline/3xl.css +100 -5
  75. package/build/styles/fonts/classes/headline/3xs.css +100 -5
  76. package/build/styles/fonts/classes/headline/all.css +164 -45
  77. package/build/styles/fonts/classes/headline/lg.css +100 -5
  78. package/build/styles/fonts/classes/headline/md.css +100 -5
  79. package/build/styles/fonts/classes/headline/sm.css +100 -5
  80. package/build/styles/fonts/classes/headline/xl.css +100 -5
  81. package/build/styles/fonts/classes/headline/xs.css +100 -5
  82. package/build/styles/helpers/_divider.scss +5 -5
  83. package/build/styles/helpers/_focus.scss +3 -3
  84. package/build/styles/helpers/_index.scss +1 -0
  85. package/build/styles/helpers/_layer.scss +1 -0
  86. package/build/styles/helpers/classes/all.css +49 -19
  87. package/build/styles/helpers/classes/divider.css +46 -16
  88. package/build/styles/helpers/classes/focus.css +33 -3
  89. package/build/styles/icons/absolute.css +1 -1
  90. package/build/styles/icons/relative.css +1 -1
  91. package/build/styles/icons/rollup.css +1 -1
  92. package/build/styles/icons/webpack.css +1 -1
  93. package/build/styles/index.css +3570 -517
  94. package/build/styles/relative.css +7819 -5560
  95. package/build/styles/rollup.css +9015 -593
  96. package/build/styles/rollup.scss +1 -1
  97. package/build/styles/webpack.css +9015 -593
  98. package/build/styles/webpack.scss +1 -1
  99. package/build/tailwind/tailwind-tokens.json +10 -10
  100. package/build/tailwind/theme/index.css +10 -10
  101. package/package.json +4 -4
  102. package/build/styles/colors/_default-color-scheme.scss +0 -2961
  103. package/build/styles/colors/_default-palette.scss +0 -2523
@@ -1,2961 +0,0 @@
1
- @mixin get-color-scheme {
2
- --db-neutral-origin-default: light-dark(
3
- var(--db-neutral-origin-light-default),
4
- var(--db-neutral-origin-dark-default)
5
- );
6
- --db-neutral-origin-hovered: light-dark(
7
- var(--db-neutral-origin-light-hovered),
8
- var(--db-neutral-origin-dark-hovered)
9
- );
10
- --db-neutral-origin-pressed: light-dark(
11
- var(--db-neutral-origin-light-pressed),
12
- var(--db-neutral-origin-dark-pressed)
13
- );
14
- --db-neutral-on-origin-default: light-dark(
15
- var(--db-neutral-on-origin-light-default),
16
- var(--db-neutral-on-origin-dark-default)
17
- );
18
- --db-neutral-on-origin-hovered: light-dark(
19
- var(--db-neutral-on-origin-light-hovered),
20
- var(--db-neutral-on-origin-dark-hovered)
21
- );
22
- --db-neutral-on-origin-pressed: light-dark(
23
- var(--db-neutral-on-origin-light-pressed),
24
- var(--db-neutral-on-origin-dark-pressed)
25
- );
26
- --db-neutral-bg-basic-level-1-default: light-dark(
27
- var(--db-neutral-14),
28
- var(--db-neutral-3)
29
- );
30
- --db-neutral-bg-basic-level-1-hovered: light-dark(
31
- var(--db-neutral-13),
32
- var(--db-neutral-4)
33
- );
34
- --db-neutral-bg-basic-level-1-pressed: light-dark(
35
- var(--db-neutral-12),
36
- var(--db-neutral-5)
37
- );
38
- --db-neutral-bg-basic-level-2-default: light-dark(
39
- var(--db-neutral-13),
40
- var(--db-neutral-2)
41
- );
42
- --db-neutral-bg-basic-level-2-hovered: light-dark(
43
- var(--db-neutral-12),
44
- var(--db-neutral-3)
45
- );
46
- --db-neutral-bg-basic-level-2-pressed: light-dark(
47
- var(--db-neutral-11),
48
- var(--db-neutral-4)
49
- );
50
- --db-neutral-bg-basic-level-3-default: light-dark(
51
- var(--db-neutral-12),
52
- var(--db-neutral-1)
53
- );
54
- --db-neutral-bg-basic-level-3-hovered: light-dark(
55
- var(--db-neutral-11),
56
- var(--db-neutral-2)
57
- );
58
- --db-neutral-bg-basic-level-3-pressed: light-dark(
59
- var(--db-neutral-10),
60
- var(--db-neutral-3)
61
- );
62
- --db-neutral-bg-basic-transparent-full-default: light-dark(
63
- color-mix(in srgb, transparent 100%, var(--db-neutral-6)),
64
- color-mix(in srgb, transparent 100%, var(--db-neutral-9))
65
- );
66
- --db-neutral-bg-basic-transparent-semi-default: light-dark(
67
- color-mix(in srgb, transparent 92%, var(--db-neutral-6)),
68
- color-mix(in srgb, transparent 84%, var(--db-neutral-9))
69
- );
70
- --db-neutral-bg-basic-transparent-hovered: light-dark(
71
- color-mix(in srgb, transparent 84%, var(--db-neutral-6)),
72
- color-mix(in srgb, transparent 76%, var(--db-neutral-9))
73
- );
74
- --db-neutral-bg-basic-transparent-pressed: light-dark(
75
- color-mix(in srgb, transparent 76%, var(--db-neutral-6)),
76
- color-mix(in srgb, transparent 68%, var(--db-neutral-9))
77
- );
78
- --db-neutral-on-bg-basic-emphasis-100-default: light-dark(
79
- var(--db-neutral-3),
80
- var(--db-neutral-12)
81
- );
82
- --db-neutral-on-bg-basic-emphasis-100-hovered: light-dark(
83
- var(--db-neutral-4),
84
- var(--db-neutral-11)
85
- );
86
- --db-neutral-on-bg-basic-emphasis-100-pressed: light-dark(
87
- var(--db-neutral-5),
88
- var(--db-neutral-10)
89
- );
90
- --db-neutral-on-bg-basic-emphasis-90-default: light-dark(
91
- var(--db-neutral-5),
92
- var(--db-neutral-10)
93
- );
94
- --db-neutral-on-bg-basic-emphasis-90-hovered: light-dark(
95
- var(--db-neutral-6),
96
- var(--db-neutral-9)
97
- );
98
- --db-neutral-on-bg-basic-emphasis-90-pressed: light-dark(
99
- var(--db-neutral-7),
100
- var(--db-neutral-8)
101
- );
102
- --db-neutral-on-bg-basic-emphasis-80-default: light-dark(
103
- var(--db-neutral-6),
104
- var(--db-neutral-9)
105
- );
106
- --db-neutral-on-bg-basic-emphasis-80-hovered: light-dark(
107
- var(--db-neutral-5),
108
- var(--db-neutral-8)
109
- );
110
- --db-neutral-on-bg-basic-emphasis-80-pressed: light-dark(
111
- var(--db-neutral-4),
112
- var(--db-neutral-7)
113
- );
114
- --db-neutral-on-bg-basic-emphasis-70-default: light-dark(
115
- var(--db-neutral-7),
116
- var(--db-neutral-8)
117
- );
118
- --db-neutral-on-bg-basic-emphasis-70-hovered: light-dark(
119
- var(--db-neutral-6),
120
- var(--db-neutral-7)
121
- );
122
- --db-neutral-on-bg-basic-emphasis-70-pressed: light-dark(
123
- var(--db-neutral-5),
124
- var(--db-neutral-6)
125
- );
126
- --db-neutral-on-bg-basic-emphasis-60-default: light-dark(
127
- var(--db-neutral-10),
128
- var(--db-neutral-6)
129
- );
130
- --db-neutral-on-bg-basic-emphasis-60-hovered: light-dark(
131
- var(--db-neutral-9),
132
- var(--db-neutral-5)
133
- );
134
- --db-neutral-on-bg-basic-emphasis-60-pressed: light-dark(
135
- var(--db-neutral-8),
136
- var(--db-neutral-4)
137
- );
138
- --db-neutral-on-bg-basic-emphasis-50-default: light-dark(
139
- var(--db-neutral-9),
140
- var(--db-neutral-5)
141
- );
142
- --db-neutral-on-bg-basic-emphasis-50-hovered: light-dark(
143
- var(--db-neutral-8),
144
- var(--db-neutral-4)
145
- );
146
- --db-neutral-on-bg-basic-emphasis-50-pressed: light-dark(
147
- var(--db-neutral-7),
148
- var(--db-neutral-3)
149
- );
150
- --db-neutral-bg-inverted-contrast-max-default: light-dark(
151
- var(--db-neutral-3),
152
- var(--db-neutral-12)
153
- );
154
- --db-neutral-bg-inverted-contrast-max-hovered: light-dark(
155
- var(--db-neutral-4),
156
- var(--db-neutral-11)
157
- );
158
- --db-neutral-bg-inverted-contrast-max-pressed: light-dark(
159
- var(--db-neutral-5),
160
- var(--db-neutral-10)
161
- );
162
- --db-neutral-bg-inverted-contrast-high-default: light-dark(
163
- var(--db-neutral-6),
164
- var(--db-neutral-9)
165
- );
166
- --db-neutral-bg-inverted-contrast-high-hovered: light-dark(
167
- var(--db-neutral-5),
168
- var(--db-neutral-8)
169
- );
170
- --db-neutral-bg-inverted-contrast-high-pressed: light-dark(
171
- var(--db-neutral-4),
172
- var(--db-neutral-7)
173
- );
174
- --db-neutral-bg-inverted-contrast-low-default: light-dark(
175
- var(--db-neutral-7),
176
- var(--db-neutral-8)
177
- );
178
- --db-neutral-bg-inverted-contrast-low-hovered: light-dark(
179
- var(--db-neutral-6),
180
- var(--db-neutral-7)
181
- );
182
- --db-neutral-bg-inverted-contrast-low-pressed: light-dark(
183
- var(--db-neutral-5),
184
- var(--db-neutral-6)
185
- );
186
- --db-neutral-on-bg-inverted-default: light-dark(
187
- var(--db-neutral-14),
188
- var(--db-neutral-3)
189
- );
190
- --db-neutral-on-bg-inverted-hovered: light-dark(
191
- var(--db-neutral-13),
192
- var(--db-neutral-4)
193
- );
194
- --db-neutral-on-bg-inverted-pressed: light-dark(
195
- var(--db-neutral-12),
196
- var(--db-neutral-5)
197
- );
198
- --db-brand-origin-default: light-dark(
199
- var(--db-brand-origin-light-default),
200
- var(--db-brand-origin-dark-default)
201
- );
202
- --db-brand-origin-hovered: light-dark(
203
- var(--db-brand-origin-light-hovered),
204
- var(--db-brand-origin-dark-hovered)
205
- );
206
- --db-brand-origin-pressed: light-dark(
207
- var(--db-brand-origin-light-pressed),
208
- var(--db-brand-origin-dark-pressed)
209
- );
210
- --db-brand-on-origin-default: light-dark(
211
- var(--db-brand-on-origin-light-default),
212
- var(--db-brand-on-origin-dark-default)
213
- );
214
- --db-brand-on-origin-hovered: light-dark(
215
- var(--db-brand-on-origin-light-hovered),
216
- var(--db-brand-on-origin-dark-hovered)
217
- );
218
- --db-brand-on-origin-pressed: light-dark(
219
- var(--db-brand-on-origin-light-pressed),
220
- var(--db-brand-on-origin-dark-pressed)
221
- );
222
- --db-brand-bg-basic-level-1-default: light-dark(
223
- var(--db-brand-14),
224
- var(--db-brand-3)
225
- );
226
- --db-brand-bg-basic-level-1-hovered: light-dark(
227
- var(--db-brand-13),
228
- var(--db-brand-4)
229
- );
230
- --db-brand-bg-basic-level-1-pressed: light-dark(
231
- var(--db-brand-12),
232
- var(--db-brand-5)
233
- );
234
- --db-brand-bg-basic-level-2-default: light-dark(
235
- var(--db-brand-13),
236
- var(--db-brand-2)
237
- );
238
- --db-brand-bg-basic-level-2-hovered: light-dark(
239
- var(--db-brand-12),
240
- var(--db-brand-3)
241
- );
242
- --db-brand-bg-basic-level-2-pressed: light-dark(
243
- var(--db-brand-11),
244
- var(--db-brand-4)
245
- );
246
- --db-brand-bg-basic-level-3-default: light-dark(
247
- var(--db-brand-12),
248
- var(--db-brand-1)
249
- );
250
- --db-brand-bg-basic-level-3-hovered: light-dark(
251
- var(--db-brand-11),
252
- var(--db-brand-2)
253
- );
254
- --db-brand-bg-basic-level-3-pressed: light-dark(
255
- var(--db-brand-10),
256
- var(--db-brand-3)
257
- );
258
- --db-brand-bg-basic-transparent-full-default: light-dark(
259
- color-mix(in srgb, transparent 100%, var(--db-brand-6)),
260
- color-mix(in srgb, transparent 100%, var(--db-brand-9))
261
- );
262
- --db-brand-bg-basic-transparent-semi-default: light-dark(
263
- color-mix(in srgb, transparent 92%, var(--db-brand-6)),
264
- color-mix(in srgb, transparent 84%, var(--db-brand-9))
265
- );
266
- --db-brand-bg-basic-transparent-hovered: light-dark(
267
- color-mix(in srgb, transparent 84%, var(--db-brand-6)),
268
- color-mix(in srgb, transparent 76%, var(--db-brand-9))
269
- );
270
- --db-brand-bg-basic-transparent-pressed: light-dark(
271
- color-mix(in srgb, transparent 76%, var(--db-brand-6)),
272
- color-mix(in srgb, transparent 68%, var(--db-brand-9))
273
- );
274
- --db-brand-on-bg-basic-emphasis-100-default: light-dark(
275
- var(--db-brand-3),
276
- var(--db-brand-12)
277
- );
278
- --db-brand-on-bg-basic-emphasis-100-hovered: light-dark(
279
- var(--db-brand-4),
280
- var(--db-brand-11)
281
- );
282
- --db-brand-on-bg-basic-emphasis-100-pressed: light-dark(
283
- var(--db-brand-5),
284
- var(--db-brand-10)
285
- );
286
- --db-brand-on-bg-basic-emphasis-90-default: light-dark(
287
- var(--db-brand-5),
288
- var(--db-brand-10)
289
- );
290
- --db-brand-on-bg-basic-emphasis-90-hovered: light-dark(
291
- var(--db-brand-6),
292
- var(--db-brand-9)
293
- );
294
- --db-brand-on-bg-basic-emphasis-90-pressed: light-dark(
295
- var(--db-brand-7),
296
- var(--db-brand-8)
297
- );
298
- --db-brand-on-bg-basic-emphasis-80-default: light-dark(
299
- var(--db-brand-6),
300
- var(--db-brand-9)
301
- );
302
- --db-brand-on-bg-basic-emphasis-80-hovered: light-dark(
303
- var(--db-brand-5),
304
- var(--db-brand-8)
305
- );
306
- --db-brand-on-bg-basic-emphasis-80-pressed: light-dark(
307
- var(--db-brand-4),
308
- var(--db-brand-7)
309
- );
310
- --db-brand-on-bg-basic-emphasis-70-default: light-dark(
311
- var(--db-brand-7),
312
- var(--db-brand-8)
313
- );
314
- --db-brand-on-bg-basic-emphasis-70-hovered: light-dark(
315
- var(--db-brand-6),
316
- var(--db-brand-7)
317
- );
318
- --db-brand-on-bg-basic-emphasis-70-pressed: light-dark(
319
- var(--db-brand-5),
320
- var(--db-brand-6)
321
- );
322
- --db-brand-on-bg-basic-emphasis-60-default: light-dark(
323
- var(--db-brand-10),
324
- var(--db-brand-6)
325
- );
326
- --db-brand-on-bg-basic-emphasis-60-hovered: light-dark(
327
- var(--db-brand-9),
328
- var(--db-brand-5)
329
- );
330
- --db-brand-on-bg-basic-emphasis-60-pressed: light-dark(
331
- var(--db-brand-8),
332
- var(--db-brand-4)
333
- );
334
- --db-brand-on-bg-basic-emphasis-50-default: light-dark(
335
- var(--db-brand-9),
336
- var(--db-brand-5)
337
- );
338
- --db-brand-on-bg-basic-emphasis-50-hovered: light-dark(
339
- var(--db-brand-8),
340
- var(--db-brand-4)
341
- );
342
- --db-brand-on-bg-basic-emphasis-50-pressed: light-dark(
343
- var(--db-brand-7),
344
- var(--db-brand-3)
345
- );
346
- --db-brand-bg-inverted-contrast-max-default: light-dark(
347
- var(--db-brand-3),
348
- var(--db-brand-12)
349
- );
350
- --db-brand-bg-inverted-contrast-max-hovered: light-dark(
351
- var(--db-brand-4),
352
- var(--db-brand-11)
353
- );
354
- --db-brand-bg-inverted-contrast-max-pressed: light-dark(
355
- var(--db-brand-5),
356
- var(--db-brand-10)
357
- );
358
- --db-brand-bg-inverted-contrast-high-default: light-dark(
359
- var(--db-brand-6),
360
- var(--db-brand-9)
361
- );
362
- --db-brand-bg-inverted-contrast-high-hovered: light-dark(
363
- var(--db-brand-5),
364
- var(--db-brand-8)
365
- );
366
- --db-brand-bg-inverted-contrast-high-pressed: light-dark(
367
- var(--db-brand-4),
368
- var(--db-brand-7)
369
- );
370
- --db-brand-bg-inverted-contrast-low-default: light-dark(
371
- var(--db-brand-7),
372
- var(--db-brand-8)
373
- );
374
- --db-brand-bg-inverted-contrast-low-hovered: light-dark(
375
- var(--db-brand-6),
376
- var(--db-brand-7)
377
- );
378
- --db-brand-bg-inverted-contrast-low-pressed: light-dark(
379
- var(--db-brand-5),
380
- var(--db-brand-6)
381
- );
382
- --db-brand-on-bg-inverted-default: light-dark(
383
- var(--db-brand-14),
384
- var(--db-brand-3)
385
- );
386
- --db-brand-on-bg-inverted-hovered: light-dark(
387
- var(--db-brand-13),
388
- var(--db-brand-4)
389
- );
390
- --db-brand-on-bg-inverted-pressed: light-dark(
391
- var(--db-brand-12),
392
- var(--db-brand-5)
393
- );
394
- --db-informational-origin-default: light-dark(
395
- var(--db-informational-origin-light-default),
396
- var(--db-informational-origin-dark-default)
397
- );
398
- --db-informational-origin-hovered: light-dark(
399
- var(--db-informational-origin-light-hovered),
400
- var(--db-informational-origin-dark-hovered)
401
- );
402
- --db-informational-origin-pressed: light-dark(
403
- var(--db-informational-origin-light-pressed),
404
- var(--db-informational-origin-dark-pressed)
405
- );
406
- --db-informational-on-origin-default: light-dark(
407
- var(--db-informational-on-origin-light-default),
408
- var(--db-informational-on-origin-dark-default)
409
- );
410
- --db-informational-on-origin-hovered: light-dark(
411
- var(--db-informational-on-origin-light-hovered),
412
- var(--db-informational-on-origin-dark-hovered)
413
- );
414
- --db-informational-on-origin-pressed: light-dark(
415
- var(--db-informational-on-origin-light-pressed),
416
- var(--db-informational-on-origin-dark-pressed)
417
- );
418
- --db-informational-bg-basic-level-1-default: light-dark(
419
- var(--db-informational-14),
420
- var(--db-informational-3)
421
- );
422
- --db-informational-bg-basic-level-1-hovered: light-dark(
423
- var(--db-informational-13),
424
- var(--db-informational-4)
425
- );
426
- --db-informational-bg-basic-level-1-pressed: light-dark(
427
- var(--db-informational-12),
428
- var(--db-informational-5)
429
- );
430
- --db-informational-bg-basic-level-2-default: light-dark(
431
- var(--db-informational-13),
432
- var(--db-informational-2)
433
- );
434
- --db-informational-bg-basic-level-2-hovered: light-dark(
435
- var(--db-informational-12),
436
- var(--db-informational-3)
437
- );
438
- --db-informational-bg-basic-level-2-pressed: light-dark(
439
- var(--db-informational-11),
440
- var(--db-informational-4)
441
- );
442
- --db-informational-bg-basic-level-3-default: light-dark(
443
- var(--db-informational-12),
444
- var(--db-informational-1)
445
- );
446
- --db-informational-bg-basic-level-3-hovered: light-dark(
447
- var(--db-informational-11),
448
- var(--db-informational-2)
449
- );
450
- --db-informational-bg-basic-level-3-pressed: light-dark(
451
- var(--db-informational-10),
452
- var(--db-informational-3)
453
- );
454
- --db-informational-bg-basic-transparent-full-default: light-dark(
455
- color-mix(in srgb, transparent 100%, var(--db-informational-6)),
456
- color-mix(in srgb, transparent 100%, var(--db-informational-9))
457
- );
458
- --db-informational-bg-basic-transparent-semi-default: light-dark(
459
- color-mix(in srgb, transparent 92%, var(--db-informational-6)),
460
- color-mix(in srgb, transparent 84%, var(--db-informational-9))
461
- );
462
- --db-informational-bg-basic-transparent-hovered: light-dark(
463
- color-mix(in srgb, transparent 84%, var(--db-informational-6)),
464
- color-mix(in srgb, transparent 76%, var(--db-informational-9))
465
- );
466
- --db-informational-bg-basic-transparent-pressed: light-dark(
467
- color-mix(in srgb, transparent 76%, var(--db-informational-6)),
468
- color-mix(in srgb, transparent 68%, var(--db-informational-9))
469
- );
470
- --db-informational-on-bg-basic-emphasis-100-default: light-dark(
471
- var(--db-informational-3),
472
- var(--db-informational-12)
473
- );
474
- --db-informational-on-bg-basic-emphasis-100-hovered: light-dark(
475
- var(--db-informational-4),
476
- var(--db-informational-11)
477
- );
478
- --db-informational-on-bg-basic-emphasis-100-pressed: light-dark(
479
- var(--db-informational-5),
480
- var(--db-informational-10)
481
- );
482
- --db-informational-on-bg-basic-emphasis-90-default: light-dark(
483
- var(--db-informational-5),
484
- var(--db-informational-10)
485
- );
486
- --db-informational-on-bg-basic-emphasis-90-hovered: light-dark(
487
- var(--db-informational-6),
488
- var(--db-informational-9)
489
- );
490
- --db-informational-on-bg-basic-emphasis-90-pressed: light-dark(
491
- var(--db-informational-7),
492
- var(--db-informational-8)
493
- );
494
- --db-informational-on-bg-basic-emphasis-80-default: light-dark(
495
- var(--db-informational-6),
496
- var(--db-informational-9)
497
- );
498
- --db-informational-on-bg-basic-emphasis-80-hovered: light-dark(
499
- var(--db-informational-5),
500
- var(--db-informational-8)
501
- );
502
- --db-informational-on-bg-basic-emphasis-80-pressed: light-dark(
503
- var(--db-informational-4),
504
- var(--db-informational-7)
505
- );
506
- --db-informational-on-bg-basic-emphasis-70-default: light-dark(
507
- var(--db-informational-7),
508
- var(--db-informational-8)
509
- );
510
- --db-informational-on-bg-basic-emphasis-70-hovered: light-dark(
511
- var(--db-informational-6),
512
- var(--db-informational-7)
513
- );
514
- --db-informational-on-bg-basic-emphasis-70-pressed: light-dark(
515
- var(--db-informational-5),
516
- var(--db-informational-6)
517
- );
518
- --db-informational-on-bg-basic-emphasis-60-default: light-dark(
519
- var(--db-informational-10),
520
- var(--db-informational-6)
521
- );
522
- --db-informational-on-bg-basic-emphasis-60-hovered: light-dark(
523
- var(--db-informational-9),
524
- var(--db-informational-5)
525
- );
526
- --db-informational-on-bg-basic-emphasis-60-pressed: light-dark(
527
- var(--db-informational-8),
528
- var(--db-informational-4)
529
- );
530
- --db-informational-on-bg-basic-emphasis-50-default: light-dark(
531
- var(--db-informational-9),
532
- var(--db-informational-5)
533
- );
534
- --db-informational-on-bg-basic-emphasis-50-hovered: light-dark(
535
- var(--db-informational-8),
536
- var(--db-informational-4)
537
- );
538
- --db-informational-on-bg-basic-emphasis-50-pressed: light-dark(
539
- var(--db-informational-7),
540
- var(--db-informational-3)
541
- );
542
- --db-informational-bg-inverted-contrast-max-default: light-dark(
543
- var(--db-informational-3),
544
- var(--db-informational-12)
545
- );
546
- --db-informational-bg-inverted-contrast-max-hovered: light-dark(
547
- var(--db-informational-4),
548
- var(--db-informational-11)
549
- );
550
- --db-informational-bg-inverted-contrast-max-pressed: light-dark(
551
- var(--db-informational-5),
552
- var(--db-informational-10)
553
- );
554
- --db-informational-bg-inverted-contrast-high-default: light-dark(
555
- var(--db-informational-6),
556
- var(--db-informational-9)
557
- );
558
- --db-informational-bg-inverted-contrast-high-hovered: light-dark(
559
- var(--db-informational-5),
560
- var(--db-informational-8)
561
- );
562
- --db-informational-bg-inverted-contrast-high-pressed: light-dark(
563
- var(--db-informational-4),
564
- var(--db-informational-7)
565
- );
566
- --db-informational-bg-inverted-contrast-low-default: light-dark(
567
- var(--db-informational-7),
568
- var(--db-informational-8)
569
- );
570
- --db-informational-bg-inverted-contrast-low-hovered: light-dark(
571
- var(--db-informational-6),
572
- var(--db-informational-7)
573
- );
574
- --db-informational-bg-inverted-contrast-low-pressed: light-dark(
575
- var(--db-informational-5),
576
- var(--db-informational-6)
577
- );
578
- --db-informational-on-bg-inverted-default: light-dark(
579
- var(--db-informational-14),
580
- var(--db-informational-3)
581
- );
582
- --db-informational-on-bg-inverted-hovered: light-dark(
583
- var(--db-informational-13),
584
- var(--db-informational-4)
585
- );
586
- --db-informational-on-bg-inverted-pressed: light-dark(
587
- var(--db-informational-12),
588
- var(--db-informational-5)
589
- );
590
- --db-warning-origin-default: light-dark(
591
- var(--db-warning-origin-light-default),
592
- var(--db-warning-origin-dark-default)
593
- );
594
- --db-warning-origin-hovered: light-dark(
595
- var(--db-warning-origin-light-hovered),
596
- var(--db-warning-origin-dark-hovered)
597
- );
598
- --db-warning-origin-pressed: light-dark(
599
- var(--db-warning-origin-light-pressed),
600
- var(--db-warning-origin-dark-pressed)
601
- );
602
- --db-warning-on-origin-default: light-dark(
603
- var(--db-warning-on-origin-light-default),
604
- var(--db-warning-on-origin-dark-default)
605
- );
606
- --db-warning-on-origin-hovered: light-dark(
607
- var(--db-warning-on-origin-light-hovered),
608
- var(--db-warning-on-origin-dark-hovered)
609
- );
610
- --db-warning-on-origin-pressed: light-dark(
611
- var(--db-warning-on-origin-light-pressed),
612
- var(--db-warning-on-origin-dark-pressed)
613
- );
614
- --db-warning-bg-basic-level-1-default: light-dark(
615
- var(--db-warning-14),
616
- var(--db-warning-3)
617
- );
618
- --db-warning-bg-basic-level-1-hovered: light-dark(
619
- var(--db-warning-13),
620
- var(--db-warning-4)
621
- );
622
- --db-warning-bg-basic-level-1-pressed: light-dark(
623
- var(--db-warning-12),
624
- var(--db-warning-5)
625
- );
626
- --db-warning-bg-basic-level-2-default: light-dark(
627
- var(--db-warning-13),
628
- var(--db-warning-2)
629
- );
630
- --db-warning-bg-basic-level-2-hovered: light-dark(
631
- var(--db-warning-12),
632
- var(--db-warning-3)
633
- );
634
- --db-warning-bg-basic-level-2-pressed: light-dark(
635
- var(--db-warning-11),
636
- var(--db-warning-4)
637
- );
638
- --db-warning-bg-basic-level-3-default: light-dark(
639
- var(--db-warning-12),
640
- var(--db-warning-1)
641
- );
642
- --db-warning-bg-basic-level-3-hovered: light-dark(
643
- var(--db-warning-11),
644
- var(--db-warning-2)
645
- );
646
- --db-warning-bg-basic-level-3-pressed: light-dark(
647
- var(--db-warning-10),
648
- var(--db-warning-3)
649
- );
650
- --db-warning-bg-basic-transparent-full-default: light-dark(
651
- color-mix(in srgb, transparent 100%, var(--db-warning-6)),
652
- color-mix(in srgb, transparent 100%, var(--db-warning-9))
653
- );
654
- --db-warning-bg-basic-transparent-semi-default: light-dark(
655
- color-mix(in srgb, transparent 92%, var(--db-warning-6)),
656
- color-mix(in srgb, transparent 84%, var(--db-warning-9))
657
- );
658
- --db-warning-bg-basic-transparent-hovered: light-dark(
659
- color-mix(in srgb, transparent 84%, var(--db-warning-6)),
660
- color-mix(in srgb, transparent 76%, var(--db-warning-9))
661
- );
662
- --db-warning-bg-basic-transparent-pressed: light-dark(
663
- color-mix(in srgb, transparent 76%, var(--db-warning-6)),
664
- color-mix(in srgb, transparent 68%, var(--db-warning-9))
665
- );
666
- --db-warning-on-bg-basic-emphasis-100-default: light-dark(
667
- var(--db-warning-3),
668
- var(--db-warning-12)
669
- );
670
- --db-warning-on-bg-basic-emphasis-100-hovered: light-dark(
671
- var(--db-warning-4),
672
- var(--db-warning-11)
673
- );
674
- --db-warning-on-bg-basic-emphasis-100-pressed: light-dark(
675
- var(--db-warning-5),
676
- var(--db-warning-10)
677
- );
678
- --db-warning-on-bg-basic-emphasis-90-default: light-dark(
679
- var(--db-warning-5),
680
- var(--db-warning-10)
681
- );
682
- --db-warning-on-bg-basic-emphasis-90-hovered: light-dark(
683
- var(--db-warning-6),
684
- var(--db-warning-9)
685
- );
686
- --db-warning-on-bg-basic-emphasis-90-pressed: light-dark(
687
- var(--db-warning-7),
688
- var(--db-warning-8)
689
- );
690
- --db-warning-on-bg-basic-emphasis-80-default: light-dark(
691
- var(--db-warning-6),
692
- var(--db-warning-9)
693
- );
694
- --db-warning-on-bg-basic-emphasis-80-hovered: light-dark(
695
- var(--db-warning-5),
696
- var(--db-warning-8)
697
- );
698
- --db-warning-on-bg-basic-emphasis-80-pressed: light-dark(
699
- var(--db-warning-4),
700
- var(--db-warning-7)
701
- );
702
- --db-warning-on-bg-basic-emphasis-70-default: light-dark(
703
- var(--db-warning-7),
704
- var(--db-warning-8)
705
- );
706
- --db-warning-on-bg-basic-emphasis-70-hovered: light-dark(
707
- var(--db-warning-6),
708
- var(--db-warning-7)
709
- );
710
- --db-warning-on-bg-basic-emphasis-70-pressed: light-dark(
711
- var(--db-warning-5),
712
- var(--db-warning-6)
713
- );
714
- --db-warning-on-bg-basic-emphasis-60-default: light-dark(
715
- var(--db-warning-10),
716
- var(--db-warning-6)
717
- );
718
- --db-warning-on-bg-basic-emphasis-60-hovered: light-dark(
719
- var(--db-warning-9),
720
- var(--db-warning-5)
721
- );
722
- --db-warning-on-bg-basic-emphasis-60-pressed: light-dark(
723
- var(--db-warning-8),
724
- var(--db-warning-4)
725
- );
726
- --db-warning-on-bg-basic-emphasis-50-default: light-dark(
727
- var(--db-warning-9),
728
- var(--db-warning-5)
729
- );
730
- --db-warning-on-bg-basic-emphasis-50-hovered: light-dark(
731
- var(--db-warning-8),
732
- var(--db-warning-4)
733
- );
734
- --db-warning-on-bg-basic-emphasis-50-pressed: light-dark(
735
- var(--db-warning-7),
736
- var(--db-warning-3)
737
- );
738
- --db-warning-bg-inverted-contrast-max-default: light-dark(
739
- var(--db-warning-3),
740
- var(--db-warning-12)
741
- );
742
- --db-warning-bg-inverted-contrast-max-hovered: light-dark(
743
- var(--db-warning-4),
744
- var(--db-warning-11)
745
- );
746
- --db-warning-bg-inverted-contrast-max-pressed: light-dark(
747
- var(--db-warning-5),
748
- var(--db-warning-10)
749
- );
750
- --db-warning-bg-inverted-contrast-high-default: light-dark(
751
- var(--db-warning-6),
752
- var(--db-warning-9)
753
- );
754
- --db-warning-bg-inverted-contrast-high-hovered: light-dark(
755
- var(--db-warning-5),
756
- var(--db-warning-8)
757
- );
758
- --db-warning-bg-inverted-contrast-high-pressed: light-dark(
759
- var(--db-warning-4),
760
- var(--db-warning-7)
761
- );
762
- --db-warning-bg-inverted-contrast-low-default: light-dark(
763
- var(--db-warning-7),
764
- var(--db-warning-8)
765
- );
766
- --db-warning-bg-inverted-contrast-low-hovered: light-dark(
767
- var(--db-warning-6),
768
- var(--db-warning-7)
769
- );
770
- --db-warning-bg-inverted-contrast-low-pressed: light-dark(
771
- var(--db-warning-5),
772
- var(--db-warning-6)
773
- );
774
- --db-warning-on-bg-inverted-default: light-dark(
775
- var(--db-warning-14),
776
- var(--db-warning-3)
777
- );
778
- --db-warning-on-bg-inverted-hovered: light-dark(
779
- var(--db-warning-13),
780
- var(--db-warning-4)
781
- );
782
- --db-warning-on-bg-inverted-pressed: light-dark(
783
- var(--db-warning-12),
784
- var(--db-warning-5)
785
- );
786
- --db-successful-origin-default: light-dark(
787
- var(--db-successful-origin-light-default),
788
- var(--db-successful-origin-dark-default)
789
- );
790
- --db-successful-origin-hovered: light-dark(
791
- var(--db-successful-origin-light-hovered),
792
- var(--db-successful-origin-dark-hovered)
793
- );
794
- --db-successful-origin-pressed: light-dark(
795
- var(--db-successful-origin-light-pressed),
796
- var(--db-successful-origin-dark-pressed)
797
- );
798
- --db-successful-on-origin-default: light-dark(
799
- var(--db-successful-on-origin-light-default),
800
- var(--db-successful-on-origin-dark-default)
801
- );
802
- --db-successful-on-origin-hovered: light-dark(
803
- var(--db-successful-on-origin-light-hovered),
804
- var(--db-successful-on-origin-dark-hovered)
805
- );
806
- --db-successful-on-origin-pressed: light-dark(
807
- var(--db-successful-on-origin-light-pressed),
808
- var(--db-successful-on-origin-dark-pressed)
809
- );
810
- --db-successful-bg-basic-level-1-default: light-dark(
811
- var(--db-successful-14),
812
- var(--db-successful-3)
813
- );
814
- --db-successful-bg-basic-level-1-hovered: light-dark(
815
- var(--db-successful-13),
816
- var(--db-successful-4)
817
- );
818
- --db-successful-bg-basic-level-1-pressed: light-dark(
819
- var(--db-successful-12),
820
- var(--db-successful-5)
821
- );
822
- --db-successful-bg-basic-level-2-default: light-dark(
823
- var(--db-successful-13),
824
- var(--db-successful-2)
825
- );
826
- --db-successful-bg-basic-level-2-hovered: light-dark(
827
- var(--db-successful-12),
828
- var(--db-successful-3)
829
- );
830
- --db-successful-bg-basic-level-2-pressed: light-dark(
831
- var(--db-successful-11),
832
- var(--db-successful-4)
833
- );
834
- --db-successful-bg-basic-level-3-default: light-dark(
835
- var(--db-successful-12),
836
- var(--db-successful-1)
837
- );
838
- --db-successful-bg-basic-level-3-hovered: light-dark(
839
- var(--db-successful-11),
840
- var(--db-successful-2)
841
- );
842
- --db-successful-bg-basic-level-3-pressed: light-dark(
843
- var(--db-successful-10),
844
- var(--db-successful-3)
845
- );
846
- --db-successful-bg-basic-transparent-full-default: light-dark(
847
- color-mix(in srgb, transparent 100%, var(--db-successful-6)),
848
- color-mix(in srgb, transparent 100%, var(--db-successful-9))
849
- );
850
- --db-successful-bg-basic-transparent-semi-default: light-dark(
851
- color-mix(in srgb, transparent 92%, var(--db-successful-6)),
852
- color-mix(in srgb, transparent 84%, var(--db-successful-9))
853
- );
854
- --db-successful-bg-basic-transparent-hovered: light-dark(
855
- color-mix(in srgb, transparent 84%, var(--db-successful-6)),
856
- color-mix(in srgb, transparent 76%, var(--db-successful-9))
857
- );
858
- --db-successful-bg-basic-transparent-pressed: light-dark(
859
- color-mix(in srgb, transparent 76%, var(--db-successful-6)),
860
- color-mix(in srgb, transparent 68%, var(--db-successful-9))
861
- );
862
- --db-successful-on-bg-basic-emphasis-100-default: light-dark(
863
- var(--db-successful-3),
864
- var(--db-successful-12)
865
- );
866
- --db-successful-on-bg-basic-emphasis-100-hovered: light-dark(
867
- var(--db-successful-4),
868
- var(--db-successful-11)
869
- );
870
- --db-successful-on-bg-basic-emphasis-100-pressed: light-dark(
871
- var(--db-successful-5),
872
- var(--db-successful-10)
873
- );
874
- --db-successful-on-bg-basic-emphasis-90-default: light-dark(
875
- var(--db-successful-5),
876
- var(--db-successful-10)
877
- );
878
- --db-successful-on-bg-basic-emphasis-90-hovered: light-dark(
879
- var(--db-successful-6),
880
- var(--db-successful-9)
881
- );
882
- --db-successful-on-bg-basic-emphasis-90-pressed: light-dark(
883
- var(--db-successful-7),
884
- var(--db-successful-8)
885
- );
886
- --db-successful-on-bg-basic-emphasis-80-default: light-dark(
887
- var(--db-successful-6),
888
- var(--db-successful-9)
889
- );
890
- --db-successful-on-bg-basic-emphasis-80-hovered: light-dark(
891
- var(--db-successful-5),
892
- var(--db-successful-8)
893
- );
894
- --db-successful-on-bg-basic-emphasis-80-pressed: light-dark(
895
- var(--db-successful-4),
896
- var(--db-successful-7)
897
- );
898
- --db-successful-on-bg-basic-emphasis-70-default: light-dark(
899
- var(--db-successful-7),
900
- var(--db-successful-8)
901
- );
902
- --db-successful-on-bg-basic-emphasis-70-hovered: light-dark(
903
- var(--db-successful-6),
904
- var(--db-successful-7)
905
- );
906
- --db-successful-on-bg-basic-emphasis-70-pressed: light-dark(
907
- var(--db-successful-5),
908
- var(--db-successful-6)
909
- );
910
- --db-successful-on-bg-basic-emphasis-60-default: light-dark(
911
- var(--db-successful-10),
912
- var(--db-successful-6)
913
- );
914
- --db-successful-on-bg-basic-emphasis-60-hovered: light-dark(
915
- var(--db-successful-9),
916
- var(--db-successful-5)
917
- );
918
- --db-successful-on-bg-basic-emphasis-60-pressed: light-dark(
919
- var(--db-successful-8),
920
- var(--db-successful-4)
921
- );
922
- --db-successful-on-bg-basic-emphasis-50-default: light-dark(
923
- var(--db-successful-9),
924
- var(--db-successful-5)
925
- );
926
- --db-successful-on-bg-basic-emphasis-50-hovered: light-dark(
927
- var(--db-successful-8),
928
- var(--db-successful-4)
929
- );
930
- --db-successful-on-bg-basic-emphasis-50-pressed: light-dark(
931
- var(--db-successful-7),
932
- var(--db-successful-3)
933
- );
934
- --db-successful-bg-inverted-contrast-max-default: light-dark(
935
- var(--db-successful-3),
936
- var(--db-successful-12)
937
- );
938
- --db-successful-bg-inverted-contrast-max-hovered: light-dark(
939
- var(--db-successful-4),
940
- var(--db-successful-11)
941
- );
942
- --db-successful-bg-inverted-contrast-max-pressed: light-dark(
943
- var(--db-successful-5),
944
- var(--db-successful-10)
945
- );
946
- --db-successful-bg-inverted-contrast-high-default: light-dark(
947
- var(--db-successful-6),
948
- var(--db-successful-9)
949
- );
950
- --db-successful-bg-inverted-contrast-high-hovered: light-dark(
951
- var(--db-successful-5),
952
- var(--db-successful-8)
953
- );
954
- --db-successful-bg-inverted-contrast-high-pressed: light-dark(
955
- var(--db-successful-4),
956
- var(--db-successful-7)
957
- );
958
- --db-successful-bg-inverted-contrast-low-default: light-dark(
959
- var(--db-successful-7),
960
- var(--db-successful-8)
961
- );
962
- --db-successful-bg-inverted-contrast-low-hovered: light-dark(
963
- var(--db-successful-6),
964
- var(--db-successful-7)
965
- );
966
- --db-successful-bg-inverted-contrast-low-pressed: light-dark(
967
- var(--db-successful-5),
968
- var(--db-successful-6)
969
- );
970
- --db-successful-on-bg-inverted-default: light-dark(
971
- var(--db-successful-14),
972
- var(--db-successful-3)
973
- );
974
- --db-successful-on-bg-inverted-hovered: light-dark(
975
- var(--db-successful-13),
976
- var(--db-successful-4)
977
- );
978
- --db-successful-on-bg-inverted-pressed: light-dark(
979
- var(--db-successful-12),
980
- var(--db-successful-5)
981
- );
982
- --db-critical-origin-default: light-dark(
983
- var(--db-critical-origin-light-default),
984
- var(--db-critical-origin-dark-default)
985
- );
986
- --db-critical-origin-hovered: light-dark(
987
- var(--db-critical-origin-light-hovered),
988
- var(--db-critical-origin-dark-hovered)
989
- );
990
- --db-critical-origin-pressed: light-dark(
991
- var(--db-critical-origin-light-pressed),
992
- var(--db-critical-origin-dark-pressed)
993
- );
994
- --db-critical-on-origin-default: light-dark(
995
- var(--db-critical-on-origin-light-default),
996
- var(--db-critical-on-origin-dark-default)
997
- );
998
- --db-critical-on-origin-hovered: light-dark(
999
- var(--db-critical-on-origin-light-hovered),
1000
- var(--db-critical-on-origin-dark-hovered)
1001
- );
1002
- --db-critical-on-origin-pressed: light-dark(
1003
- var(--db-critical-on-origin-light-pressed),
1004
- var(--db-critical-on-origin-dark-pressed)
1005
- );
1006
- --db-critical-bg-basic-level-1-default: light-dark(
1007
- var(--db-critical-14),
1008
- var(--db-critical-3)
1009
- );
1010
- --db-critical-bg-basic-level-1-hovered: light-dark(
1011
- var(--db-critical-13),
1012
- var(--db-critical-4)
1013
- );
1014
- --db-critical-bg-basic-level-1-pressed: light-dark(
1015
- var(--db-critical-12),
1016
- var(--db-critical-5)
1017
- );
1018
- --db-critical-bg-basic-level-2-default: light-dark(
1019
- var(--db-critical-13),
1020
- var(--db-critical-2)
1021
- );
1022
- --db-critical-bg-basic-level-2-hovered: light-dark(
1023
- var(--db-critical-12),
1024
- var(--db-critical-3)
1025
- );
1026
- --db-critical-bg-basic-level-2-pressed: light-dark(
1027
- var(--db-critical-11),
1028
- var(--db-critical-4)
1029
- );
1030
- --db-critical-bg-basic-level-3-default: light-dark(
1031
- var(--db-critical-12),
1032
- var(--db-critical-1)
1033
- );
1034
- --db-critical-bg-basic-level-3-hovered: light-dark(
1035
- var(--db-critical-11),
1036
- var(--db-critical-2)
1037
- );
1038
- --db-critical-bg-basic-level-3-pressed: light-dark(
1039
- var(--db-critical-10),
1040
- var(--db-critical-3)
1041
- );
1042
- --db-critical-bg-basic-transparent-full-default: light-dark(
1043
- color-mix(in srgb, transparent 100%, var(--db-critical-6)),
1044
- color-mix(in srgb, transparent 100%, var(--db-critical-9))
1045
- );
1046
- --db-critical-bg-basic-transparent-semi-default: light-dark(
1047
- color-mix(in srgb, transparent 92%, var(--db-critical-6)),
1048
- color-mix(in srgb, transparent 84%, var(--db-critical-9))
1049
- );
1050
- --db-critical-bg-basic-transparent-hovered: light-dark(
1051
- color-mix(in srgb, transparent 84%, var(--db-critical-6)),
1052
- color-mix(in srgb, transparent 76%, var(--db-critical-9))
1053
- );
1054
- --db-critical-bg-basic-transparent-pressed: light-dark(
1055
- color-mix(in srgb, transparent 76%, var(--db-critical-6)),
1056
- color-mix(in srgb, transparent 68%, var(--db-critical-9))
1057
- );
1058
- --db-critical-on-bg-basic-emphasis-100-default: light-dark(
1059
- var(--db-critical-3),
1060
- var(--db-critical-12)
1061
- );
1062
- --db-critical-on-bg-basic-emphasis-100-hovered: light-dark(
1063
- var(--db-critical-4),
1064
- var(--db-critical-11)
1065
- );
1066
- --db-critical-on-bg-basic-emphasis-100-pressed: light-dark(
1067
- var(--db-critical-5),
1068
- var(--db-critical-10)
1069
- );
1070
- --db-critical-on-bg-basic-emphasis-90-default: light-dark(
1071
- var(--db-critical-5),
1072
- var(--db-critical-10)
1073
- );
1074
- --db-critical-on-bg-basic-emphasis-90-hovered: light-dark(
1075
- var(--db-critical-6),
1076
- var(--db-critical-9)
1077
- );
1078
- --db-critical-on-bg-basic-emphasis-90-pressed: light-dark(
1079
- var(--db-critical-7),
1080
- var(--db-critical-8)
1081
- );
1082
- --db-critical-on-bg-basic-emphasis-80-default: light-dark(
1083
- var(--db-critical-6),
1084
- var(--db-critical-9)
1085
- );
1086
- --db-critical-on-bg-basic-emphasis-80-hovered: light-dark(
1087
- var(--db-critical-5),
1088
- var(--db-critical-8)
1089
- );
1090
- --db-critical-on-bg-basic-emphasis-80-pressed: light-dark(
1091
- var(--db-critical-4),
1092
- var(--db-critical-7)
1093
- );
1094
- --db-critical-on-bg-basic-emphasis-70-default: light-dark(
1095
- var(--db-critical-7),
1096
- var(--db-critical-8)
1097
- );
1098
- --db-critical-on-bg-basic-emphasis-70-hovered: light-dark(
1099
- var(--db-critical-6),
1100
- var(--db-critical-7)
1101
- );
1102
- --db-critical-on-bg-basic-emphasis-70-pressed: light-dark(
1103
- var(--db-critical-5),
1104
- var(--db-critical-6)
1105
- );
1106
- --db-critical-on-bg-basic-emphasis-60-default: light-dark(
1107
- var(--db-critical-10),
1108
- var(--db-critical-6)
1109
- );
1110
- --db-critical-on-bg-basic-emphasis-60-hovered: light-dark(
1111
- var(--db-critical-9),
1112
- var(--db-critical-5)
1113
- );
1114
- --db-critical-on-bg-basic-emphasis-60-pressed: light-dark(
1115
- var(--db-critical-8),
1116
- var(--db-critical-4)
1117
- );
1118
- --db-critical-on-bg-basic-emphasis-50-default: light-dark(
1119
- var(--db-critical-9),
1120
- var(--db-critical-5)
1121
- );
1122
- --db-critical-on-bg-basic-emphasis-50-hovered: light-dark(
1123
- var(--db-critical-8),
1124
- var(--db-critical-4)
1125
- );
1126
- --db-critical-on-bg-basic-emphasis-50-pressed: light-dark(
1127
- var(--db-critical-7),
1128
- var(--db-critical-3)
1129
- );
1130
- --db-critical-bg-inverted-contrast-max-default: light-dark(
1131
- var(--db-critical-3),
1132
- var(--db-critical-12)
1133
- );
1134
- --db-critical-bg-inverted-contrast-max-hovered: light-dark(
1135
- var(--db-critical-4),
1136
- var(--db-critical-11)
1137
- );
1138
- --db-critical-bg-inverted-contrast-max-pressed: light-dark(
1139
- var(--db-critical-5),
1140
- var(--db-critical-10)
1141
- );
1142
- --db-critical-bg-inverted-contrast-high-default: light-dark(
1143
- var(--db-critical-6),
1144
- var(--db-critical-9)
1145
- );
1146
- --db-critical-bg-inverted-contrast-high-hovered: light-dark(
1147
- var(--db-critical-5),
1148
- var(--db-critical-8)
1149
- );
1150
- --db-critical-bg-inverted-contrast-high-pressed: light-dark(
1151
- var(--db-critical-4),
1152
- var(--db-critical-7)
1153
- );
1154
- --db-critical-bg-inverted-contrast-low-default: light-dark(
1155
- var(--db-critical-7),
1156
- var(--db-critical-8)
1157
- );
1158
- --db-critical-bg-inverted-contrast-low-hovered: light-dark(
1159
- var(--db-critical-6),
1160
- var(--db-critical-7)
1161
- );
1162
- --db-critical-bg-inverted-contrast-low-pressed: light-dark(
1163
- var(--db-critical-5),
1164
- var(--db-critical-6)
1165
- );
1166
- --db-critical-on-bg-inverted-default: light-dark(
1167
- var(--db-critical-14),
1168
- var(--db-critical-3)
1169
- );
1170
- --db-critical-on-bg-inverted-hovered: light-dark(
1171
- var(--db-critical-13),
1172
- var(--db-critical-4)
1173
- );
1174
- --db-critical-on-bg-inverted-pressed: light-dark(
1175
- var(--db-critical-12),
1176
- var(--db-critical-5)
1177
- );
1178
- }
1179
-
1180
- @mixin get-color-scheme-light {
1181
- --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
1182
- --db-scrollbar-button-vertical-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
1183
- --db-scrollbar-button-vertical-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
1184
- --db-scrollbar-button-horizontal-decrement: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjMUExQzFGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjEgOS4wMDNhLjYuNiAwIDAgMS0uNTk3LjU5Ny42Mi42MiAwIDAgMS0uNDE4LS4xOEw0LjA4IDYuNDE4QS42LjYgMCAwIDEgMy45IDZhLjU2LjU2IDAgMCAxIC4xMzItLjM3Mkw3LjA4NSAyLjU4YS41NC41NCAwIDAgMSAuNDE4LS4xOC42LjYgMCAwIDEgLjU1LjgzMy42LjYgMCAwIDEtLjEzMi4yMDFMNS4zNTMgNiA3LjkyIDguNTY1YS42Mi42MiAwIDAgMSAuMTc5LjQzOCIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxMnYxMkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
1185
- --db-scrollbar-button-horizontal-increment: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjMUExQzFGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjkgOS4wMDRjMCAuMzE4LjI1OS41OTYuNTk3LjU5NmEuNjIuNjIgMCAwIDAgLjQxOC0uMThMNy45MiA2LjQxOUEuNi42IDAgMCAwIDguMSA2YS41NC41NCAwIDAgMC0uMTgtLjQxN0w0LjkxNiAyLjU3OWEuNTQuNTQgMCAwIDAtLjQxOC0uMTc5LjYuNiAwIDAgMC0uNTk3LjU5N2MwIC4xNi4wNi4zMTguMTc5LjQzN0w2LjY0NyA2IDQuMDc5IDguNTY2YS42Mi42MiAwIDAgMC0uMTguNDM4IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDEydjEySDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+");
1186
- }
1187
-
1188
- @mixin get-color-scheme-dark {
1189
- --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
1190
- --db-scrollbar-button-vertical-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
1191
- --db-scrollbar-button-vertical-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
1192
- --db-scrollbar-button-horizontal-decrement: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjEgOS4wMDNhLjYuNiAwIDAgMS0uNTk3LjU5Ny42Mi42MiAwIDAgMS0uNDE4LS4xOEw0LjA4IDYuNDE4QS42LjYgMCAwIDEgMy45IDZhLjU2LjU2IDAgMCAxIC4xMzItLjM3Mkw3LjA4NSAyLjU4YS41NC41NCAwIDAgMSAuNDE4LS4xOC42LjYgMCAwIDEgLjU1LjgzMy42LjYgMCAwIDEtLjEzMi4yMDFMNS4zNTMgNiA3LjkyIDguNTY1YS42Mi42MiAwIDAgMSAuMTc5LjQzOCIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxMnYxMkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPgo=");
1193
- --db-scrollbar-button-horizontal-increment: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjkgOS4wMDRjMCAuMzE4LjI1OS41OTYuNTk3LjU5NmEuNjIuNjIgMCAwIDAgLjQxOC0uMThMNy45MiA2LjQxOUEuNi42IDAgMCAwIDguMSA2YS41NC41NCAwIDAgMC0uMTgtLjQxN0w0LjkxNiAyLjU3OWEuNTQuNTQgMCAwIDAtLjQxOC0uMTc5LjYuNiAwIDAgMC0uNTk3LjU5N2MwIC4xNi4wNi4zMTguMTc5LjQzN0w2LjY0NyA2IDQuMDc5IDguNTY2YS42Mi42MiAwIDAgMC0uMTguNDM4IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDEydjEySDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+Cg==");
1194
- }
1195
-
1196
- @mixin get-additional-color-scheme {
1197
- --db-yellow-origin-default: light-dark(
1198
- var(--db-yellow-origin-light-default),
1199
- var(--db-yellow-origin-dark-default)
1200
- );
1201
- --db-yellow-origin-hovered: light-dark(
1202
- var(--db-yellow-origin-light-hovered),
1203
- var(--db-yellow-origin-dark-hovered)
1204
- );
1205
- --db-yellow-origin-pressed: light-dark(
1206
- var(--db-yellow-origin-light-pressed),
1207
- var(--db-yellow-origin-dark-pressed)
1208
- );
1209
- --db-yellow-on-origin-default: light-dark(
1210
- var(--db-yellow-on-origin-light-default),
1211
- var(--db-yellow-on-origin-dark-default)
1212
- );
1213
- --db-yellow-on-origin-hovered: light-dark(
1214
- var(--db-yellow-on-origin-light-hovered),
1215
- var(--db-yellow-on-origin-dark-hovered)
1216
- );
1217
- --db-yellow-on-origin-pressed: light-dark(
1218
- var(--db-yellow-on-origin-light-pressed),
1219
- var(--db-yellow-on-origin-dark-pressed)
1220
- );
1221
- --db-yellow-bg-basic-level-1-default: light-dark(
1222
- var(--db-yellow-14),
1223
- var(--db-yellow-3)
1224
- );
1225
- --db-yellow-bg-basic-level-1-hovered: light-dark(
1226
- var(--db-yellow-13),
1227
- var(--db-yellow-4)
1228
- );
1229
- --db-yellow-bg-basic-level-1-pressed: light-dark(
1230
- var(--db-yellow-12),
1231
- var(--db-yellow-5)
1232
- );
1233
- --db-yellow-bg-basic-level-2-default: light-dark(
1234
- var(--db-yellow-13),
1235
- var(--db-yellow-2)
1236
- );
1237
- --db-yellow-bg-basic-level-2-hovered: light-dark(
1238
- var(--db-yellow-12),
1239
- var(--db-yellow-3)
1240
- );
1241
- --db-yellow-bg-basic-level-2-pressed: light-dark(
1242
- var(--db-yellow-11),
1243
- var(--db-yellow-4)
1244
- );
1245
- --db-yellow-bg-basic-level-3-default: light-dark(
1246
- var(--db-yellow-12),
1247
- var(--db-yellow-1)
1248
- );
1249
- --db-yellow-bg-basic-level-3-hovered: light-dark(
1250
- var(--db-yellow-11),
1251
- var(--db-yellow-2)
1252
- );
1253
- --db-yellow-bg-basic-level-3-pressed: light-dark(
1254
- var(--db-yellow-10),
1255
- var(--db-yellow-3)
1256
- );
1257
- --db-yellow-bg-basic-transparent-full-default: light-dark(
1258
- color-mix(in srgb, transparent 100%, var(--db-yellow-6)),
1259
- color-mix(in srgb, transparent 100%, var(--db-yellow-9))
1260
- );
1261
- --db-yellow-bg-basic-transparent-semi-default: light-dark(
1262
- color-mix(in srgb, transparent 92%, var(--db-yellow-6)),
1263
- color-mix(in srgb, transparent 84%, var(--db-yellow-9))
1264
- );
1265
- --db-yellow-bg-basic-transparent-hovered: light-dark(
1266
- color-mix(in srgb, transparent 84%, var(--db-yellow-6)),
1267
- color-mix(in srgb, transparent 76%, var(--db-yellow-9))
1268
- );
1269
- --db-yellow-bg-basic-transparent-pressed: light-dark(
1270
- color-mix(in srgb, transparent 76%, var(--db-yellow-6)),
1271
- color-mix(in srgb, transparent 68%, var(--db-yellow-9))
1272
- );
1273
- --db-yellow-on-bg-basic-emphasis-100-default: light-dark(
1274
- var(--db-yellow-3),
1275
- var(--db-yellow-12)
1276
- );
1277
- --db-yellow-on-bg-basic-emphasis-100-hovered: light-dark(
1278
- var(--db-yellow-4),
1279
- var(--db-yellow-11)
1280
- );
1281
- --db-yellow-on-bg-basic-emphasis-100-pressed: light-dark(
1282
- var(--db-yellow-5),
1283
- var(--db-yellow-10)
1284
- );
1285
- --db-yellow-on-bg-basic-emphasis-90-default: light-dark(
1286
- var(--db-yellow-5),
1287
- var(--db-yellow-10)
1288
- );
1289
- --db-yellow-on-bg-basic-emphasis-90-hovered: light-dark(
1290
- var(--db-yellow-6),
1291
- var(--db-yellow-9)
1292
- );
1293
- --db-yellow-on-bg-basic-emphasis-90-pressed: light-dark(
1294
- var(--db-yellow-7),
1295
- var(--db-yellow-8)
1296
- );
1297
- --db-yellow-on-bg-basic-emphasis-80-default: light-dark(
1298
- var(--db-yellow-6),
1299
- var(--db-yellow-9)
1300
- );
1301
- --db-yellow-on-bg-basic-emphasis-80-hovered: light-dark(
1302
- var(--db-yellow-5),
1303
- var(--db-yellow-8)
1304
- );
1305
- --db-yellow-on-bg-basic-emphasis-80-pressed: light-dark(
1306
- var(--db-yellow-4),
1307
- var(--db-yellow-7)
1308
- );
1309
- --db-yellow-on-bg-basic-emphasis-70-default: light-dark(
1310
- var(--db-yellow-7),
1311
- var(--db-yellow-8)
1312
- );
1313
- --db-yellow-on-bg-basic-emphasis-70-hovered: light-dark(
1314
- var(--db-yellow-6),
1315
- var(--db-yellow-7)
1316
- );
1317
- --db-yellow-on-bg-basic-emphasis-70-pressed: light-dark(
1318
- var(--db-yellow-5),
1319
- var(--db-yellow-6)
1320
- );
1321
- --db-yellow-on-bg-basic-emphasis-60-default: light-dark(
1322
- var(--db-yellow-10),
1323
- var(--db-yellow-6)
1324
- );
1325
- --db-yellow-on-bg-basic-emphasis-60-hovered: light-dark(
1326
- var(--db-yellow-9),
1327
- var(--db-yellow-5)
1328
- );
1329
- --db-yellow-on-bg-basic-emphasis-60-pressed: light-dark(
1330
- var(--db-yellow-8),
1331
- var(--db-yellow-4)
1332
- );
1333
- --db-yellow-on-bg-basic-emphasis-50-default: light-dark(
1334
- var(--db-yellow-9),
1335
- var(--db-yellow-5)
1336
- );
1337
- --db-yellow-on-bg-basic-emphasis-50-hovered: light-dark(
1338
- var(--db-yellow-8),
1339
- var(--db-yellow-4)
1340
- );
1341
- --db-yellow-on-bg-basic-emphasis-50-pressed: light-dark(
1342
- var(--db-yellow-7),
1343
- var(--db-yellow-3)
1344
- );
1345
- --db-yellow-bg-inverted-contrast-max-default: light-dark(
1346
- var(--db-yellow-3),
1347
- var(--db-yellow-12)
1348
- );
1349
- --db-yellow-bg-inverted-contrast-max-hovered: light-dark(
1350
- var(--db-yellow-4),
1351
- var(--db-yellow-11)
1352
- );
1353
- --db-yellow-bg-inverted-contrast-max-pressed: light-dark(
1354
- var(--db-yellow-5),
1355
- var(--db-yellow-10)
1356
- );
1357
- --db-yellow-bg-inverted-contrast-high-default: light-dark(
1358
- var(--db-yellow-6),
1359
- var(--db-yellow-9)
1360
- );
1361
- --db-yellow-bg-inverted-contrast-high-hovered: light-dark(
1362
- var(--db-yellow-5),
1363
- var(--db-yellow-8)
1364
- );
1365
- --db-yellow-bg-inverted-contrast-high-pressed: light-dark(
1366
- var(--db-yellow-4),
1367
- var(--db-yellow-7)
1368
- );
1369
- --db-yellow-bg-inverted-contrast-low-default: light-dark(
1370
- var(--db-yellow-7),
1371
- var(--db-yellow-8)
1372
- );
1373
- --db-yellow-bg-inverted-contrast-low-hovered: light-dark(
1374
- var(--db-yellow-6),
1375
- var(--db-yellow-7)
1376
- );
1377
- --db-yellow-bg-inverted-contrast-low-pressed: light-dark(
1378
- var(--db-yellow-5),
1379
- var(--db-yellow-6)
1380
- );
1381
- --db-yellow-on-bg-inverted-default: light-dark(
1382
- var(--db-yellow-14),
1383
- var(--db-yellow-3)
1384
- );
1385
- --db-yellow-on-bg-inverted-hovered: light-dark(
1386
- var(--db-yellow-13),
1387
- var(--db-yellow-4)
1388
- );
1389
- --db-yellow-on-bg-inverted-pressed: light-dark(
1390
- var(--db-yellow-12),
1391
- var(--db-yellow-5)
1392
- );
1393
- --db-orange-origin-default: light-dark(
1394
- var(--db-orange-origin-light-default),
1395
- var(--db-orange-origin-dark-default)
1396
- );
1397
- --db-orange-origin-hovered: light-dark(
1398
- var(--db-orange-origin-light-hovered),
1399
- var(--db-orange-origin-dark-hovered)
1400
- );
1401
- --db-orange-origin-pressed: light-dark(
1402
- var(--db-orange-origin-light-pressed),
1403
- var(--db-orange-origin-dark-pressed)
1404
- );
1405
- --db-orange-on-origin-default: light-dark(
1406
- var(--db-orange-on-origin-light-default),
1407
- var(--db-orange-on-origin-dark-default)
1408
- );
1409
- --db-orange-on-origin-hovered: light-dark(
1410
- var(--db-orange-on-origin-light-hovered),
1411
- var(--db-orange-on-origin-dark-hovered)
1412
- );
1413
- --db-orange-on-origin-pressed: light-dark(
1414
- var(--db-orange-on-origin-light-pressed),
1415
- var(--db-orange-on-origin-dark-pressed)
1416
- );
1417
- --db-orange-bg-basic-level-1-default: light-dark(
1418
- var(--db-orange-14),
1419
- var(--db-orange-3)
1420
- );
1421
- --db-orange-bg-basic-level-1-hovered: light-dark(
1422
- var(--db-orange-13),
1423
- var(--db-orange-4)
1424
- );
1425
- --db-orange-bg-basic-level-1-pressed: light-dark(
1426
- var(--db-orange-12),
1427
- var(--db-orange-5)
1428
- );
1429
- --db-orange-bg-basic-level-2-default: light-dark(
1430
- var(--db-orange-13),
1431
- var(--db-orange-2)
1432
- );
1433
- --db-orange-bg-basic-level-2-hovered: light-dark(
1434
- var(--db-orange-12),
1435
- var(--db-orange-3)
1436
- );
1437
- --db-orange-bg-basic-level-2-pressed: light-dark(
1438
- var(--db-orange-11),
1439
- var(--db-orange-4)
1440
- );
1441
- --db-orange-bg-basic-level-3-default: light-dark(
1442
- var(--db-orange-12),
1443
- var(--db-orange-1)
1444
- );
1445
- --db-orange-bg-basic-level-3-hovered: light-dark(
1446
- var(--db-orange-11),
1447
- var(--db-orange-2)
1448
- );
1449
- --db-orange-bg-basic-level-3-pressed: light-dark(
1450
- var(--db-orange-10),
1451
- var(--db-orange-3)
1452
- );
1453
- --db-orange-bg-basic-transparent-full-default: light-dark(
1454
- color-mix(in srgb, transparent 100%, var(--db-orange-6)),
1455
- color-mix(in srgb, transparent 100%, var(--db-orange-9))
1456
- );
1457
- --db-orange-bg-basic-transparent-semi-default: light-dark(
1458
- color-mix(in srgb, transparent 92%, var(--db-orange-6)),
1459
- color-mix(in srgb, transparent 84%, var(--db-orange-9))
1460
- );
1461
- --db-orange-bg-basic-transparent-hovered: light-dark(
1462
- color-mix(in srgb, transparent 84%, var(--db-orange-6)),
1463
- color-mix(in srgb, transparent 76%, var(--db-orange-9))
1464
- );
1465
- --db-orange-bg-basic-transparent-pressed: light-dark(
1466
- color-mix(in srgb, transparent 76%, var(--db-orange-6)),
1467
- color-mix(in srgb, transparent 68%, var(--db-orange-9))
1468
- );
1469
- --db-orange-on-bg-basic-emphasis-100-default: light-dark(
1470
- var(--db-orange-3),
1471
- var(--db-orange-12)
1472
- );
1473
- --db-orange-on-bg-basic-emphasis-100-hovered: light-dark(
1474
- var(--db-orange-4),
1475
- var(--db-orange-11)
1476
- );
1477
- --db-orange-on-bg-basic-emphasis-100-pressed: light-dark(
1478
- var(--db-orange-5),
1479
- var(--db-orange-10)
1480
- );
1481
- --db-orange-on-bg-basic-emphasis-90-default: light-dark(
1482
- var(--db-orange-5),
1483
- var(--db-orange-10)
1484
- );
1485
- --db-orange-on-bg-basic-emphasis-90-hovered: light-dark(
1486
- var(--db-orange-6),
1487
- var(--db-orange-9)
1488
- );
1489
- --db-orange-on-bg-basic-emphasis-90-pressed: light-dark(
1490
- var(--db-orange-7),
1491
- var(--db-orange-8)
1492
- );
1493
- --db-orange-on-bg-basic-emphasis-80-default: light-dark(
1494
- var(--db-orange-6),
1495
- var(--db-orange-9)
1496
- );
1497
- --db-orange-on-bg-basic-emphasis-80-hovered: light-dark(
1498
- var(--db-orange-5),
1499
- var(--db-orange-8)
1500
- );
1501
- --db-orange-on-bg-basic-emphasis-80-pressed: light-dark(
1502
- var(--db-orange-4),
1503
- var(--db-orange-7)
1504
- );
1505
- --db-orange-on-bg-basic-emphasis-70-default: light-dark(
1506
- var(--db-orange-7),
1507
- var(--db-orange-8)
1508
- );
1509
- --db-orange-on-bg-basic-emphasis-70-hovered: light-dark(
1510
- var(--db-orange-6),
1511
- var(--db-orange-7)
1512
- );
1513
- --db-orange-on-bg-basic-emphasis-70-pressed: light-dark(
1514
- var(--db-orange-5),
1515
- var(--db-orange-6)
1516
- );
1517
- --db-orange-on-bg-basic-emphasis-60-default: light-dark(
1518
- var(--db-orange-10),
1519
- var(--db-orange-6)
1520
- );
1521
- --db-orange-on-bg-basic-emphasis-60-hovered: light-dark(
1522
- var(--db-orange-9),
1523
- var(--db-orange-5)
1524
- );
1525
- --db-orange-on-bg-basic-emphasis-60-pressed: light-dark(
1526
- var(--db-orange-8),
1527
- var(--db-orange-4)
1528
- );
1529
- --db-orange-on-bg-basic-emphasis-50-default: light-dark(
1530
- var(--db-orange-9),
1531
- var(--db-orange-5)
1532
- );
1533
- --db-orange-on-bg-basic-emphasis-50-hovered: light-dark(
1534
- var(--db-orange-8),
1535
- var(--db-orange-4)
1536
- );
1537
- --db-orange-on-bg-basic-emphasis-50-pressed: light-dark(
1538
- var(--db-orange-7),
1539
- var(--db-orange-3)
1540
- );
1541
- --db-orange-bg-inverted-contrast-max-default: light-dark(
1542
- var(--db-orange-3),
1543
- var(--db-orange-12)
1544
- );
1545
- --db-orange-bg-inverted-contrast-max-hovered: light-dark(
1546
- var(--db-orange-4),
1547
- var(--db-orange-11)
1548
- );
1549
- --db-orange-bg-inverted-contrast-max-pressed: light-dark(
1550
- var(--db-orange-5),
1551
- var(--db-orange-10)
1552
- );
1553
- --db-orange-bg-inverted-contrast-high-default: light-dark(
1554
- var(--db-orange-6),
1555
- var(--db-orange-9)
1556
- );
1557
- --db-orange-bg-inverted-contrast-high-hovered: light-dark(
1558
- var(--db-orange-5),
1559
- var(--db-orange-8)
1560
- );
1561
- --db-orange-bg-inverted-contrast-high-pressed: light-dark(
1562
- var(--db-orange-4),
1563
- var(--db-orange-7)
1564
- );
1565
- --db-orange-bg-inverted-contrast-low-default: light-dark(
1566
- var(--db-orange-7),
1567
- var(--db-orange-8)
1568
- );
1569
- --db-orange-bg-inverted-contrast-low-hovered: light-dark(
1570
- var(--db-orange-6),
1571
- var(--db-orange-7)
1572
- );
1573
- --db-orange-bg-inverted-contrast-low-pressed: light-dark(
1574
- var(--db-orange-5),
1575
- var(--db-orange-6)
1576
- );
1577
- --db-orange-on-bg-inverted-default: light-dark(
1578
- var(--db-orange-14),
1579
- var(--db-orange-3)
1580
- );
1581
- --db-orange-on-bg-inverted-hovered: light-dark(
1582
- var(--db-orange-13),
1583
- var(--db-orange-4)
1584
- );
1585
- --db-orange-on-bg-inverted-pressed: light-dark(
1586
- var(--db-orange-12),
1587
- var(--db-orange-5)
1588
- );
1589
- --db-red-origin-default: light-dark(
1590
- var(--db-red-origin-light-default),
1591
- var(--db-red-origin-dark-default)
1592
- );
1593
- --db-red-origin-hovered: light-dark(
1594
- var(--db-red-origin-light-hovered),
1595
- var(--db-red-origin-dark-hovered)
1596
- );
1597
- --db-red-origin-pressed: light-dark(
1598
- var(--db-red-origin-light-pressed),
1599
- var(--db-red-origin-dark-pressed)
1600
- );
1601
- --db-red-on-origin-default: light-dark(
1602
- var(--db-red-on-origin-light-default),
1603
- var(--db-red-on-origin-dark-default)
1604
- );
1605
- --db-red-on-origin-hovered: light-dark(
1606
- var(--db-red-on-origin-light-hovered),
1607
- var(--db-red-on-origin-dark-hovered)
1608
- );
1609
- --db-red-on-origin-pressed: light-dark(
1610
- var(--db-red-on-origin-light-pressed),
1611
- var(--db-red-on-origin-dark-pressed)
1612
- );
1613
- --db-red-bg-basic-level-1-default: light-dark(
1614
- var(--db-red-14),
1615
- var(--db-red-3)
1616
- );
1617
- --db-red-bg-basic-level-1-hovered: light-dark(
1618
- var(--db-red-13),
1619
- var(--db-red-4)
1620
- );
1621
- --db-red-bg-basic-level-1-pressed: light-dark(
1622
- var(--db-red-12),
1623
- var(--db-red-5)
1624
- );
1625
- --db-red-bg-basic-level-2-default: light-dark(
1626
- var(--db-red-13),
1627
- var(--db-red-2)
1628
- );
1629
- --db-red-bg-basic-level-2-hovered: light-dark(
1630
- var(--db-red-12),
1631
- var(--db-red-3)
1632
- );
1633
- --db-red-bg-basic-level-2-pressed: light-dark(
1634
- var(--db-red-11),
1635
- var(--db-red-4)
1636
- );
1637
- --db-red-bg-basic-level-3-default: light-dark(
1638
- var(--db-red-12),
1639
- var(--db-red-1)
1640
- );
1641
- --db-red-bg-basic-level-3-hovered: light-dark(
1642
- var(--db-red-11),
1643
- var(--db-red-2)
1644
- );
1645
- --db-red-bg-basic-level-3-pressed: light-dark(
1646
- var(--db-red-10),
1647
- var(--db-red-3)
1648
- );
1649
- --db-red-bg-basic-transparent-full-default: light-dark(
1650
- color-mix(in srgb, transparent 100%, var(--db-red-6)),
1651
- color-mix(in srgb, transparent 100%, var(--db-red-9))
1652
- );
1653
- --db-red-bg-basic-transparent-semi-default: light-dark(
1654
- color-mix(in srgb, transparent 92%, var(--db-red-6)),
1655
- color-mix(in srgb, transparent 84%, var(--db-red-9))
1656
- );
1657
- --db-red-bg-basic-transparent-hovered: light-dark(
1658
- color-mix(in srgb, transparent 84%, var(--db-red-6)),
1659
- color-mix(in srgb, transparent 76%, var(--db-red-9))
1660
- );
1661
- --db-red-bg-basic-transparent-pressed: light-dark(
1662
- color-mix(in srgb, transparent 76%, var(--db-red-6)),
1663
- color-mix(in srgb, transparent 68%, var(--db-red-9))
1664
- );
1665
- --db-red-on-bg-basic-emphasis-100-default: light-dark(
1666
- var(--db-red-3),
1667
- var(--db-red-12)
1668
- );
1669
- --db-red-on-bg-basic-emphasis-100-hovered: light-dark(
1670
- var(--db-red-4),
1671
- var(--db-red-11)
1672
- );
1673
- --db-red-on-bg-basic-emphasis-100-pressed: light-dark(
1674
- var(--db-red-5),
1675
- var(--db-red-10)
1676
- );
1677
- --db-red-on-bg-basic-emphasis-90-default: light-dark(
1678
- var(--db-red-5),
1679
- var(--db-red-10)
1680
- );
1681
- --db-red-on-bg-basic-emphasis-90-hovered: light-dark(
1682
- var(--db-red-6),
1683
- var(--db-red-9)
1684
- );
1685
- --db-red-on-bg-basic-emphasis-90-pressed: light-dark(
1686
- var(--db-red-7),
1687
- var(--db-red-8)
1688
- );
1689
- --db-red-on-bg-basic-emphasis-80-default: light-dark(
1690
- var(--db-red-6),
1691
- var(--db-red-9)
1692
- );
1693
- --db-red-on-bg-basic-emphasis-80-hovered: light-dark(
1694
- var(--db-red-5),
1695
- var(--db-red-8)
1696
- );
1697
- --db-red-on-bg-basic-emphasis-80-pressed: light-dark(
1698
- var(--db-red-4),
1699
- var(--db-red-7)
1700
- );
1701
- --db-red-on-bg-basic-emphasis-70-default: light-dark(
1702
- var(--db-red-7),
1703
- var(--db-red-8)
1704
- );
1705
- --db-red-on-bg-basic-emphasis-70-hovered: light-dark(
1706
- var(--db-red-6),
1707
- var(--db-red-7)
1708
- );
1709
- --db-red-on-bg-basic-emphasis-70-pressed: light-dark(
1710
- var(--db-red-5),
1711
- var(--db-red-6)
1712
- );
1713
- --db-red-on-bg-basic-emphasis-60-default: light-dark(
1714
- var(--db-red-10),
1715
- var(--db-red-6)
1716
- );
1717
- --db-red-on-bg-basic-emphasis-60-hovered: light-dark(
1718
- var(--db-red-9),
1719
- var(--db-red-5)
1720
- );
1721
- --db-red-on-bg-basic-emphasis-60-pressed: light-dark(
1722
- var(--db-red-8),
1723
- var(--db-red-4)
1724
- );
1725
- --db-red-on-bg-basic-emphasis-50-default: light-dark(
1726
- var(--db-red-9),
1727
- var(--db-red-5)
1728
- );
1729
- --db-red-on-bg-basic-emphasis-50-hovered: light-dark(
1730
- var(--db-red-8),
1731
- var(--db-red-4)
1732
- );
1733
- --db-red-on-bg-basic-emphasis-50-pressed: light-dark(
1734
- var(--db-red-7),
1735
- var(--db-red-3)
1736
- );
1737
- --db-red-bg-inverted-contrast-max-default: light-dark(
1738
- var(--db-red-3),
1739
- var(--db-red-12)
1740
- );
1741
- --db-red-bg-inverted-contrast-max-hovered: light-dark(
1742
- var(--db-red-4),
1743
- var(--db-red-11)
1744
- );
1745
- --db-red-bg-inverted-contrast-max-pressed: light-dark(
1746
- var(--db-red-5),
1747
- var(--db-red-10)
1748
- );
1749
- --db-red-bg-inverted-contrast-high-default: light-dark(
1750
- var(--db-red-6),
1751
- var(--db-red-9)
1752
- );
1753
- --db-red-bg-inverted-contrast-high-hovered: light-dark(
1754
- var(--db-red-5),
1755
- var(--db-red-8)
1756
- );
1757
- --db-red-bg-inverted-contrast-high-pressed: light-dark(
1758
- var(--db-red-4),
1759
- var(--db-red-7)
1760
- );
1761
- --db-red-bg-inverted-contrast-low-default: light-dark(
1762
- var(--db-red-7),
1763
- var(--db-red-8)
1764
- );
1765
- --db-red-bg-inverted-contrast-low-hovered: light-dark(
1766
- var(--db-red-6),
1767
- var(--db-red-7)
1768
- );
1769
- --db-red-bg-inverted-contrast-low-pressed: light-dark(
1770
- var(--db-red-5),
1771
- var(--db-red-6)
1772
- );
1773
- --db-red-on-bg-inverted-default: light-dark(
1774
- var(--db-red-14),
1775
- var(--db-red-3)
1776
- );
1777
- --db-red-on-bg-inverted-hovered: light-dark(
1778
- var(--db-red-13),
1779
- var(--db-red-4)
1780
- );
1781
- --db-red-on-bg-inverted-pressed: light-dark(
1782
- var(--db-red-12),
1783
- var(--db-red-5)
1784
- );
1785
- --db-pink-origin-default: light-dark(
1786
- var(--db-pink-origin-light-default),
1787
- var(--db-pink-origin-dark-default)
1788
- );
1789
- --db-pink-origin-hovered: light-dark(
1790
- var(--db-pink-origin-light-hovered),
1791
- var(--db-pink-origin-dark-hovered)
1792
- );
1793
- --db-pink-origin-pressed: light-dark(
1794
- var(--db-pink-origin-light-pressed),
1795
- var(--db-pink-origin-dark-pressed)
1796
- );
1797
- --db-pink-on-origin-default: light-dark(
1798
- var(--db-pink-on-origin-light-default),
1799
- var(--db-pink-on-origin-dark-default)
1800
- );
1801
- --db-pink-on-origin-hovered: light-dark(
1802
- var(--db-pink-on-origin-light-hovered),
1803
- var(--db-pink-on-origin-dark-hovered)
1804
- );
1805
- --db-pink-on-origin-pressed: light-dark(
1806
- var(--db-pink-on-origin-light-pressed),
1807
- var(--db-pink-on-origin-dark-pressed)
1808
- );
1809
- --db-pink-bg-basic-level-1-default: light-dark(
1810
- var(--db-pink-14),
1811
- var(--db-pink-3)
1812
- );
1813
- --db-pink-bg-basic-level-1-hovered: light-dark(
1814
- var(--db-pink-13),
1815
- var(--db-pink-4)
1816
- );
1817
- --db-pink-bg-basic-level-1-pressed: light-dark(
1818
- var(--db-pink-12),
1819
- var(--db-pink-5)
1820
- );
1821
- --db-pink-bg-basic-level-2-default: light-dark(
1822
- var(--db-pink-13),
1823
- var(--db-pink-2)
1824
- );
1825
- --db-pink-bg-basic-level-2-hovered: light-dark(
1826
- var(--db-pink-12),
1827
- var(--db-pink-3)
1828
- );
1829
- --db-pink-bg-basic-level-2-pressed: light-dark(
1830
- var(--db-pink-11),
1831
- var(--db-pink-4)
1832
- );
1833
- --db-pink-bg-basic-level-3-default: light-dark(
1834
- var(--db-pink-12),
1835
- var(--db-pink-1)
1836
- );
1837
- --db-pink-bg-basic-level-3-hovered: light-dark(
1838
- var(--db-pink-11),
1839
- var(--db-pink-2)
1840
- );
1841
- --db-pink-bg-basic-level-3-pressed: light-dark(
1842
- var(--db-pink-10),
1843
- var(--db-pink-3)
1844
- );
1845
- --db-pink-bg-basic-transparent-full-default: light-dark(
1846
- color-mix(in srgb, transparent 100%, var(--db-pink-6)),
1847
- color-mix(in srgb, transparent 100%, var(--db-pink-9))
1848
- );
1849
- --db-pink-bg-basic-transparent-semi-default: light-dark(
1850
- color-mix(in srgb, transparent 92%, var(--db-pink-6)),
1851
- color-mix(in srgb, transparent 84%, var(--db-pink-9))
1852
- );
1853
- --db-pink-bg-basic-transparent-hovered: light-dark(
1854
- color-mix(in srgb, transparent 84%, var(--db-pink-6)),
1855
- color-mix(in srgb, transparent 76%, var(--db-pink-9))
1856
- );
1857
- --db-pink-bg-basic-transparent-pressed: light-dark(
1858
- color-mix(in srgb, transparent 76%, var(--db-pink-6)),
1859
- color-mix(in srgb, transparent 68%, var(--db-pink-9))
1860
- );
1861
- --db-pink-on-bg-basic-emphasis-100-default: light-dark(
1862
- var(--db-pink-3),
1863
- var(--db-pink-12)
1864
- );
1865
- --db-pink-on-bg-basic-emphasis-100-hovered: light-dark(
1866
- var(--db-pink-4),
1867
- var(--db-pink-11)
1868
- );
1869
- --db-pink-on-bg-basic-emphasis-100-pressed: light-dark(
1870
- var(--db-pink-5),
1871
- var(--db-pink-10)
1872
- );
1873
- --db-pink-on-bg-basic-emphasis-90-default: light-dark(
1874
- var(--db-pink-5),
1875
- var(--db-pink-10)
1876
- );
1877
- --db-pink-on-bg-basic-emphasis-90-hovered: light-dark(
1878
- var(--db-pink-6),
1879
- var(--db-pink-9)
1880
- );
1881
- --db-pink-on-bg-basic-emphasis-90-pressed: light-dark(
1882
- var(--db-pink-7),
1883
- var(--db-pink-8)
1884
- );
1885
- --db-pink-on-bg-basic-emphasis-80-default: light-dark(
1886
- var(--db-pink-6),
1887
- var(--db-pink-9)
1888
- );
1889
- --db-pink-on-bg-basic-emphasis-80-hovered: light-dark(
1890
- var(--db-pink-5),
1891
- var(--db-pink-8)
1892
- );
1893
- --db-pink-on-bg-basic-emphasis-80-pressed: light-dark(
1894
- var(--db-pink-4),
1895
- var(--db-pink-7)
1896
- );
1897
- --db-pink-on-bg-basic-emphasis-70-default: light-dark(
1898
- var(--db-pink-7),
1899
- var(--db-pink-8)
1900
- );
1901
- --db-pink-on-bg-basic-emphasis-70-hovered: light-dark(
1902
- var(--db-pink-6),
1903
- var(--db-pink-7)
1904
- );
1905
- --db-pink-on-bg-basic-emphasis-70-pressed: light-dark(
1906
- var(--db-pink-5),
1907
- var(--db-pink-6)
1908
- );
1909
- --db-pink-on-bg-basic-emphasis-60-default: light-dark(
1910
- var(--db-pink-10),
1911
- var(--db-pink-6)
1912
- );
1913
- --db-pink-on-bg-basic-emphasis-60-hovered: light-dark(
1914
- var(--db-pink-9),
1915
- var(--db-pink-5)
1916
- );
1917
- --db-pink-on-bg-basic-emphasis-60-pressed: light-dark(
1918
- var(--db-pink-8),
1919
- var(--db-pink-4)
1920
- );
1921
- --db-pink-on-bg-basic-emphasis-50-default: light-dark(
1922
- var(--db-pink-9),
1923
- var(--db-pink-5)
1924
- );
1925
- --db-pink-on-bg-basic-emphasis-50-hovered: light-dark(
1926
- var(--db-pink-8),
1927
- var(--db-pink-4)
1928
- );
1929
- --db-pink-on-bg-basic-emphasis-50-pressed: light-dark(
1930
- var(--db-pink-7),
1931
- var(--db-pink-3)
1932
- );
1933
- --db-pink-bg-inverted-contrast-max-default: light-dark(
1934
- var(--db-pink-3),
1935
- var(--db-pink-12)
1936
- );
1937
- --db-pink-bg-inverted-contrast-max-hovered: light-dark(
1938
- var(--db-pink-4),
1939
- var(--db-pink-11)
1940
- );
1941
- --db-pink-bg-inverted-contrast-max-pressed: light-dark(
1942
- var(--db-pink-5),
1943
- var(--db-pink-10)
1944
- );
1945
- --db-pink-bg-inverted-contrast-high-default: light-dark(
1946
- var(--db-pink-6),
1947
- var(--db-pink-9)
1948
- );
1949
- --db-pink-bg-inverted-contrast-high-hovered: light-dark(
1950
- var(--db-pink-5),
1951
- var(--db-pink-8)
1952
- );
1953
- --db-pink-bg-inverted-contrast-high-pressed: light-dark(
1954
- var(--db-pink-4),
1955
- var(--db-pink-7)
1956
- );
1957
- --db-pink-bg-inverted-contrast-low-default: light-dark(
1958
- var(--db-pink-7),
1959
- var(--db-pink-8)
1960
- );
1961
- --db-pink-bg-inverted-contrast-low-hovered: light-dark(
1962
- var(--db-pink-6),
1963
- var(--db-pink-7)
1964
- );
1965
- --db-pink-bg-inverted-contrast-low-pressed: light-dark(
1966
- var(--db-pink-5),
1967
- var(--db-pink-6)
1968
- );
1969
- --db-pink-on-bg-inverted-default: light-dark(
1970
- var(--db-pink-14),
1971
- var(--db-pink-3)
1972
- );
1973
- --db-pink-on-bg-inverted-hovered: light-dark(
1974
- var(--db-pink-13),
1975
- var(--db-pink-4)
1976
- );
1977
- --db-pink-on-bg-inverted-pressed: light-dark(
1978
- var(--db-pink-12),
1979
- var(--db-pink-5)
1980
- );
1981
- --db-violet-origin-default: light-dark(
1982
- var(--db-violet-origin-light-default),
1983
- var(--db-violet-origin-dark-default)
1984
- );
1985
- --db-violet-origin-hovered: light-dark(
1986
- var(--db-violet-origin-light-hovered),
1987
- var(--db-violet-origin-dark-hovered)
1988
- );
1989
- --db-violet-origin-pressed: light-dark(
1990
- var(--db-violet-origin-light-pressed),
1991
- var(--db-violet-origin-dark-pressed)
1992
- );
1993
- --db-violet-on-origin-default: light-dark(
1994
- var(--db-violet-on-origin-light-default),
1995
- var(--db-violet-on-origin-dark-default)
1996
- );
1997
- --db-violet-on-origin-hovered: light-dark(
1998
- var(--db-violet-on-origin-light-hovered),
1999
- var(--db-violet-on-origin-dark-hovered)
2000
- );
2001
- --db-violet-on-origin-pressed: light-dark(
2002
- var(--db-violet-on-origin-light-pressed),
2003
- var(--db-violet-on-origin-dark-pressed)
2004
- );
2005
- --db-violet-bg-basic-level-1-default: light-dark(
2006
- var(--db-violet-14),
2007
- var(--db-violet-3)
2008
- );
2009
- --db-violet-bg-basic-level-1-hovered: light-dark(
2010
- var(--db-violet-13),
2011
- var(--db-violet-4)
2012
- );
2013
- --db-violet-bg-basic-level-1-pressed: light-dark(
2014
- var(--db-violet-12),
2015
- var(--db-violet-5)
2016
- );
2017
- --db-violet-bg-basic-level-2-default: light-dark(
2018
- var(--db-violet-13),
2019
- var(--db-violet-2)
2020
- );
2021
- --db-violet-bg-basic-level-2-hovered: light-dark(
2022
- var(--db-violet-12),
2023
- var(--db-violet-3)
2024
- );
2025
- --db-violet-bg-basic-level-2-pressed: light-dark(
2026
- var(--db-violet-11),
2027
- var(--db-violet-4)
2028
- );
2029
- --db-violet-bg-basic-level-3-default: light-dark(
2030
- var(--db-violet-12),
2031
- var(--db-violet-1)
2032
- );
2033
- --db-violet-bg-basic-level-3-hovered: light-dark(
2034
- var(--db-violet-11),
2035
- var(--db-violet-2)
2036
- );
2037
- --db-violet-bg-basic-level-3-pressed: light-dark(
2038
- var(--db-violet-10),
2039
- var(--db-violet-3)
2040
- );
2041
- --db-violet-bg-basic-transparent-full-default: light-dark(
2042
- color-mix(in srgb, transparent 100%, var(--db-violet-6)),
2043
- color-mix(in srgb, transparent 100%, var(--db-violet-9))
2044
- );
2045
- --db-violet-bg-basic-transparent-semi-default: light-dark(
2046
- color-mix(in srgb, transparent 92%, var(--db-violet-6)),
2047
- color-mix(in srgb, transparent 84%, var(--db-violet-9))
2048
- );
2049
- --db-violet-bg-basic-transparent-hovered: light-dark(
2050
- color-mix(in srgb, transparent 84%, var(--db-violet-6)),
2051
- color-mix(in srgb, transparent 76%, var(--db-violet-9))
2052
- );
2053
- --db-violet-bg-basic-transparent-pressed: light-dark(
2054
- color-mix(in srgb, transparent 76%, var(--db-violet-6)),
2055
- color-mix(in srgb, transparent 68%, var(--db-violet-9))
2056
- );
2057
- --db-violet-on-bg-basic-emphasis-100-default: light-dark(
2058
- var(--db-violet-3),
2059
- var(--db-violet-12)
2060
- );
2061
- --db-violet-on-bg-basic-emphasis-100-hovered: light-dark(
2062
- var(--db-violet-4),
2063
- var(--db-violet-11)
2064
- );
2065
- --db-violet-on-bg-basic-emphasis-100-pressed: light-dark(
2066
- var(--db-violet-5),
2067
- var(--db-violet-10)
2068
- );
2069
- --db-violet-on-bg-basic-emphasis-90-default: light-dark(
2070
- var(--db-violet-5),
2071
- var(--db-violet-10)
2072
- );
2073
- --db-violet-on-bg-basic-emphasis-90-hovered: light-dark(
2074
- var(--db-violet-6),
2075
- var(--db-violet-9)
2076
- );
2077
- --db-violet-on-bg-basic-emphasis-90-pressed: light-dark(
2078
- var(--db-violet-7),
2079
- var(--db-violet-8)
2080
- );
2081
- --db-violet-on-bg-basic-emphasis-80-default: light-dark(
2082
- var(--db-violet-6),
2083
- var(--db-violet-9)
2084
- );
2085
- --db-violet-on-bg-basic-emphasis-80-hovered: light-dark(
2086
- var(--db-violet-5),
2087
- var(--db-violet-8)
2088
- );
2089
- --db-violet-on-bg-basic-emphasis-80-pressed: light-dark(
2090
- var(--db-violet-4),
2091
- var(--db-violet-7)
2092
- );
2093
- --db-violet-on-bg-basic-emphasis-70-default: light-dark(
2094
- var(--db-violet-7),
2095
- var(--db-violet-8)
2096
- );
2097
- --db-violet-on-bg-basic-emphasis-70-hovered: light-dark(
2098
- var(--db-violet-6),
2099
- var(--db-violet-7)
2100
- );
2101
- --db-violet-on-bg-basic-emphasis-70-pressed: light-dark(
2102
- var(--db-violet-5),
2103
- var(--db-violet-6)
2104
- );
2105
- --db-violet-on-bg-basic-emphasis-60-default: light-dark(
2106
- var(--db-violet-10),
2107
- var(--db-violet-6)
2108
- );
2109
- --db-violet-on-bg-basic-emphasis-60-hovered: light-dark(
2110
- var(--db-violet-9),
2111
- var(--db-violet-5)
2112
- );
2113
- --db-violet-on-bg-basic-emphasis-60-pressed: light-dark(
2114
- var(--db-violet-8),
2115
- var(--db-violet-4)
2116
- );
2117
- --db-violet-on-bg-basic-emphasis-50-default: light-dark(
2118
- var(--db-violet-9),
2119
- var(--db-violet-5)
2120
- );
2121
- --db-violet-on-bg-basic-emphasis-50-hovered: light-dark(
2122
- var(--db-violet-8),
2123
- var(--db-violet-4)
2124
- );
2125
- --db-violet-on-bg-basic-emphasis-50-pressed: light-dark(
2126
- var(--db-violet-7),
2127
- var(--db-violet-3)
2128
- );
2129
- --db-violet-bg-inverted-contrast-max-default: light-dark(
2130
- var(--db-violet-3),
2131
- var(--db-violet-12)
2132
- );
2133
- --db-violet-bg-inverted-contrast-max-hovered: light-dark(
2134
- var(--db-violet-4),
2135
- var(--db-violet-11)
2136
- );
2137
- --db-violet-bg-inverted-contrast-max-pressed: light-dark(
2138
- var(--db-violet-5),
2139
- var(--db-violet-10)
2140
- );
2141
- --db-violet-bg-inverted-contrast-high-default: light-dark(
2142
- var(--db-violet-6),
2143
- var(--db-violet-9)
2144
- );
2145
- --db-violet-bg-inverted-contrast-high-hovered: light-dark(
2146
- var(--db-violet-5),
2147
- var(--db-violet-8)
2148
- );
2149
- --db-violet-bg-inverted-contrast-high-pressed: light-dark(
2150
- var(--db-violet-4),
2151
- var(--db-violet-7)
2152
- );
2153
- --db-violet-bg-inverted-contrast-low-default: light-dark(
2154
- var(--db-violet-7),
2155
- var(--db-violet-8)
2156
- );
2157
- --db-violet-bg-inverted-contrast-low-hovered: light-dark(
2158
- var(--db-violet-6),
2159
- var(--db-violet-7)
2160
- );
2161
- --db-violet-bg-inverted-contrast-low-pressed: light-dark(
2162
- var(--db-violet-5),
2163
- var(--db-violet-6)
2164
- );
2165
- --db-violet-on-bg-inverted-default: light-dark(
2166
- var(--db-violet-14),
2167
- var(--db-violet-3)
2168
- );
2169
- --db-violet-on-bg-inverted-hovered: light-dark(
2170
- var(--db-violet-13),
2171
- var(--db-violet-4)
2172
- );
2173
- --db-violet-on-bg-inverted-pressed: light-dark(
2174
- var(--db-violet-12),
2175
- var(--db-violet-5)
2176
- );
2177
- --db-blue-origin-default: light-dark(
2178
- var(--db-blue-origin-light-default),
2179
- var(--db-blue-origin-dark-default)
2180
- );
2181
- --db-blue-origin-hovered: light-dark(
2182
- var(--db-blue-origin-light-hovered),
2183
- var(--db-blue-origin-dark-hovered)
2184
- );
2185
- --db-blue-origin-pressed: light-dark(
2186
- var(--db-blue-origin-light-pressed),
2187
- var(--db-blue-origin-dark-pressed)
2188
- );
2189
- --db-blue-on-origin-default: light-dark(
2190
- var(--db-blue-on-origin-light-default),
2191
- var(--db-blue-on-origin-dark-default)
2192
- );
2193
- --db-blue-on-origin-hovered: light-dark(
2194
- var(--db-blue-on-origin-light-hovered),
2195
- var(--db-blue-on-origin-dark-hovered)
2196
- );
2197
- --db-blue-on-origin-pressed: light-dark(
2198
- var(--db-blue-on-origin-light-pressed),
2199
- var(--db-blue-on-origin-dark-pressed)
2200
- );
2201
- --db-blue-bg-basic-level-1-default: light-dark(
2202
- var(--db-blue-14),
2203
- var(--db-blue-3)
2204
- );
2205
- --db-blue-bg-basic-level-1-hovered: light-dark(
2206
- var(--db-blue-13),
2207
- var(--db-blue-4)
2208
- );
2209
- --db-blue-bg-basic-level-1-pressed: light-dark(
2210
- var(--db-blue-12),
2211
- var(--db-blue-5)
2212
- );
2213
- --db-blue-bg-basic-level-2-default: light-dark(
2214
- var(--db-blue-13),
2215
- var(--db-blue-2)
2216
- );
2217
- --db-blue-bg-basic-level-2-hovered: light-dark(
2218
- var(--db-blue-12),
2219
- var(--db-blue-3)
2220
- );
2221
- --db-blue-bg-basic-level-2-pressed: light-dark(
2222
- var(--db-blue-11),
2223
- var(--db-blue-4)
2224
- );
2225
- --db-blue-bg-basic-level-3-default: light-dark(
2226
- var(--db-blue-12),
2227
- var(--db-blue-1)
2228
- );
2229
- --db-blue-bg-basic-level-3-hovered: light-dark(
2230
- var(--db-blue-11),
2231
- var(--db-blue-2)
2232
- );
2233
- --db-blue-bg-basic-level-3-pressed: light-dark(
2234
- var(--db-blue-10),
2235
- var(--db-blue-3)
2236
- );
2237
- --db-blue-bg-basic-transparent-full-default: light-dark(
2238
- color-mix(in srgb, transparent 100%, var(--db-blue-6)),
2239
- color-mix(in srgb, transparent 100%, var(--db-blue-9))
2240
- );
2241
- --db-blue-bg-basic-transparent-semi-default: light-dark(
2242
- color-mix(in srgb, transparent 92%, var(--db-blue-6)),
2243
- color-mix(in srgb, transparent 84%, var(--db-blue-9))
2244
- );
2245
- --db-blue-bg-basic-transparent-hovered: light-dark(
2246
- color-mix(in srgb, transparent 84%, var(--db-blue-6)),
2247
- color-mix(in srgb, transparent 76%, var(--db-blue-9))
2248
- );
2249
- --db-blue-bg-basic-transparent-pressed: light-dark(
2250
- color-mix(in srgb, transparent 76%, var(--db-blue-6)),
2251
- color-mix(in srgb, transparent 68%, var(--db-blue-9))
2252
- );
2253
- --db-blue-on-bg-basic-emphasis-100-default: light-dark(
2254
- var(--db-blue-3),
2255
- var(--db-blue-12)
2256
- );
2257
- --db-blue-on-bg-basic-emphasis-100-hovered: light-dark(
2258
- var(--db-blue-4),
2259
- var(--db-blue-11)
2260
- );
2261
- --db-blue-on-bg-basic-emphasis-100-pressed: light-dark(
2262
- var(--db-blue-5),
2263
- var(--db-blue-10)
2264
- );
2265
- --db-blue-on-bg-basic-emphasis-90-default: light-dark(
2266
- var(--db-blue-5),
2267
- var(--db-blue-10)
2268
- );
2269
- --db-blue-on-bg-basic-emphasis-90-hovered: light-dark(
2270
- var(--db-blue-6),
2271
- var(--db-blue-9)
2272
- );
2273
- --db-blue-on-bg-basic-emphasis-90-pressed: light-dark(
2274
- var(--db-blue-7),
2275
- var(--db-blue-8)
2276
- );
2277
- --db-blue-on-bg-basic-emphasis-80-default: light-dark(
2278
- var(--db-blue-6),
2279
- var(--db-blue-9)
2280
- );
2281
- --db-blue-on-bg-basic-emphasis-80-hovered: light-dark(
2282
- var(--db-blue-5),
2283
- var(--db-blue-8)
2284
- );
2285
- --db-blue-on-bg-basic-emphasis-80-pressed: light-dark(
2286
- var(--db-blue-4),
2287
- var(--db-blue-7)
2288
- );
2289
- --db-blue-on-bg-basic-emphasis-70-default: light-dark(
2290
- var(--db-blue-7),
2291
- var(--db-blue-8)
2292
- );
2293
- --db-blue-on-bg-basic-emphasis-70-hovered: light-dark(
2294
- var(--db-blue-6),
2295
- var(--db-blue-7)
2296
- );
2297
- --db-blue-on-bg-basic-emphasis-70-pressed: light-dark(
2298
- var(--db-blue-5),
2299
- var(--db-blue-6)
2300
- );
2301
- --db-blue-on-bg-basic-emphasis-60-default: light-dark(
2302
- var(--db-blue-10),
2303
- var(--db-blue-6)
2304
- );
2305
- --db-blue-on-bg-basic-emphasis-60-hovered: light-dark(
2306
- var(--db-blue-9),
2307
- var(--db-blue-5)
2308
- );
2309
- --db-blue-on-bg-basic-emphasis-60-pressed: light-dark(
2310
- var(--db-blue-8),
2311
- var(--db-blue-4)
2312
- );
2313
- --db-blue-on-bg-basic-emphasis-50-default: light-dark(
2314
- var(--db-blue-9),
2315
- var(--db-blue-5)
2316
- );
2317
- --db-blue-on-bg-basic-emphasis-50-hovered: light-dark(
2318
- var(--db-blue-8),
2319
- var(--db-blue-4)
2320
- );
2321
- --db-blue-on-bg-basic-emphasis-50-pressed: light-dark(
2322
- var(--db-blue-7),
2323
- var(--db-blue-3)
2324
- );
2325
- --db-blue-bg-inverted-contrast-max-default: light-dark(
2326
- var(--db-blue-3),
2327
- var(--db-blue-12)
2328
- );
2329
- --db-blue-bg-inverted-contrast-max-hovered: light-dark(
2330
- var(--db-blue-4),
2331
- var(--db-blue-11)
2332
- );
2333
- --db-blue-bg-inverted-contrast-max-pressed: light-dark(
2334
- var(--db-blue-5),
2335
- var(--db-blue-10)
2336
- );
2337
- --db-blue-bg-inverted-contrast-high-default: light-dark(
2338
- var(--db-blue-6),
2339
- var(--db-blue-9)
2340
- );
2341
- --db-blue-bg-inverted-contrast-high-hovered: light-dark(
2342
- var(--db-blue-5),
2343
- var(--db-blue-8)
2344
- );
2345
- --db-blue-bg-inverted-contrast-high-pressed: light-dark(
2346
- var(--db-blue-4),
2347
- var(--db-blue-7)
2348
- );
2349
- --db-blue-bg-inverted-contrast-low-default: light-dark(
2350
- var(--db-blue-7),
2351
- var(--db-blue-8)
2352
- );
2353
- --db-blue-bg-inverted-contrast-low-hovered: light-dark(
2354
- var(--db-blue-6),
2355
- var(--db-blue-7)
2356
- );
2357
- --db-blue-bg-inverted-contrast-low-pressed: light-dark(
2358
- var(--db-blue-5),
2359
- var(--db-blue-6)
2360
- );
2361
- --db-blue-on-bg-inverted-default: light-dark(
2362
- var(--db-blue-14),
2363
- var(--db-blue-3)
2364
- );
2365
- --db-blue-on-bg-inverted-hovered: light-dark(
2366
- var(--db-blue-13),
2367
- var(--db-blue-4)
2368
- );
2369
- --db-blue-on-bg-inverted-pressed: light-dark(
2370
- var(--db-blue-12),
2371
- var(--db-blue-5)
2372
- );
2373
- --db-cyan-origin-default: light-dark(
2374
- var(--db-cyan-origin-light-default),
2375
- var(--db-cyan-origin-dark-default)
2376
- );
2377
- --db-cyan-origin-hovered: light-dark(
2378
- var(--db-cyan-origin-light-hovered),
2379
- var(--db-cyan-origin-dark-hovered)
2380
- );
2381
- --db-cyan-origin-pressed: light-dark(
2382
- var(--db-cyan-origin-light-pressed),
2383
- var(--db-cyan-origin-dark-pressed)
2384
- );
2385
- --db-cyan-on-origin-default: light-dark(
2386
- var(--db-cyan-on-origin-light-default),
2387
- var(--db-cyan-on-origin-dark-default)
2388
- );
2389
- --db-cyan-on-origin-hovered: light-dark(
2390
- var(--db-cyan-on-origin-light-hovered),
2391
- var(--db-cyan-on-origin-dark-hovered)
2392
- );
2393
- --db-cyan-on-origin-pressed: light-dark(
2394
- var(--db-cyan-on-origin-light-pressed),
2395
- var(--db-cyan-on-origin-dark-pressed)
2396
- );
2397
- --db-cyan-bg-basic-level-1-default: light-dark(
2398
- var(--db-cyan-14),
2399
- var(--db-cyan-3)
2400
- );
2401
- --db-cyan-bg-basic-level-1-hovered: light-dark(
2402
- var(--db-cyan-13),
2403
- var(--db-cyan-4)
2404
- );
2405
- --db-cyan-bg-basic-level-1-pressed: light-dark(
2406
- var(--db-cyan-12),
2407
- var(--db-cyan-5)
2408
- );
2409
- --db-cyan-bg-basic-level-2-default: light-dark(
2410
- var(--db-cyan-13),
2411
- var(--db-cyan-2)
2412
- );
2413
- --db-cyan-bg-basic-level-2-hovered: light-dark(
2414
- var(--db-cyan-12),
2415
- var(--db-cyan-3)
2416
- );
2417
- --db-cyan-bg-basic-level-2-pressed: light-dark(
2418
- var(--db-cyan-11),
2419
- var(--db-cyan-4)
2420
- );
2421
- --db-cyan-bg-basic-level-3-default: light-dark(
2422
- var(--db-cyan-12),
2423
- var(--db-cyan-1)
2424
- );
2425
- --db-cyan-bg-basic-level-3-hovered: light-dark(
2426
- var(--db-cyan-11),
2427
- var(--db-cyan-2)
2428
- );
2429
- --db-cyan-bg-basic-level-3-pressed: light-dark(
2430
- var(--db-cyan-10),
2431
- var(--db-cyan-3)
2432
- );
2433
- --db-cyan-bg-basic-transparent-full-default: light-dark(
2434
- color-mix(in srgb, transparent 100%, var(--db-cyan-6)),
2435
- color-mix(in srgb, transparent 100%, var(--db-cyan-9))
2436
- );
2437
- --db-cyan-bg-basic-transparent-semi-default: light-dark(
2438
- color-mix(in srgb, transparent 92%, var(--db-cyan-6)),
2439
- color-mix(in srgb, transparent 84%, var(--db-cyan-9))
2440
- );
2441
- --db-cyan-bg-basic-transparent-hovered: light-dark(
2442
- color-mix(in srgb, transparent 84%, var(--db-cyan-6)),
2443
- color-mix(in srgb, transparent 76%, var(--db-cyan-9))
2444
- );
2445
- --db-cyan-bg-basic-transparent-pressed: light-dark(
2446
- color-mix(in srgb, transparent 76%, var(--db-cyan-6)),
2447
- color-mix(in srgb, transparent 68%, var(--db-cyan-9))
2448
- );
2449
- --db-cyan-on-bg-basic-emphasis-100-default: light-dark(
2450
- var(--db-cyan-3),
2451
- var(--db-cyan-12)
2452
- );
2453
- --db-cyan-on-bg-basic-emphasis-100-hovered: light-dark(
2454
- var(--db-cyan-4),
2455
- var(--db-cyan-11)
2456
- );
2457
- --db-cyan-on-bg-basic-emphasis-100-pressed: light-dark(
2458
- var(--db-cyan-5),
2459
- var(--db-cyan-10)
2460
- );
2461
- --db-cyan-on-bg-basic-emphasis-90-default: light-dark(
2462
- var(--db-cyan-5),
2463
- var(--db-cyan-10)
2464
- );
2465
- --db-cyan-on-bg-basic-emphasis-90-hovered: light-dark(
2466
- var(--db-cyan-6),
2467
- var(--db-cyan-9)
2468
- );
2469
- --db-cyan-on-bg-basic-emphasis-90-pressed: light-dark(
2470
- var(--db-cyan-7),
2471
- var(--db-cyan-8)
2472
- );
2473
- --db-cyan-on-bg-basic-emphasis-80-default: light-dark(
2474
- var(--db-cyan-6),
2475
- var(--db-cyan-9)
2476
- );
2477
- --db-cyan-on-bg-basic-emphasis-80-hovered: light-dark(
2478
- var(--db-cyan-5),
2479
- var(--db-cyan-8)
2480
- );
2481
- --db-cyan-on-bg-basic-emphasis-80-pressed: light-dark(
2482
- var(--db-cyan-4),
2483
- var(--db-cyan-7)
2484
- );
2485
- --db-cyan-on-bg-basic-emphasis-70-default: light-dark(
2486
- var(--db-cyan-7),
2487
- var(--db-cyan-8)
2488
- );
2489
- --db-cyan-on-bg-basic-emphasis-70-hovered: light-dark(
2490
- var(--db-cyan-6),
2491
- var(--db-cyan-7)
2492
- );
2493
- --db-cyan-on-bg-basic-emphasis-70-pressed: light-dark(
2494
- var(--db-cyan-5),
2495
- var(--db-cyan-6)
2496
- );
2497
- --db-cyan-on-bg-basic-emphasis-60-default: light-dark(
2498
- var(--db-cyan-10),
2499
- var(--db-cyan-6)
2500
- );
2501
- --db-cyan-on-bg-basic-emphasis-60-hovered: light-dark(
2502
- var(--db-cyan-9),
2503
- var(--db-cyan-5)
2504
- );
2505
- --db-cyan-on-bg-basic-emphasis-60-pressed: light-dark(
2506
- var(--db-cyan-8),
2507
- var(--db-cyan-4)
2508
- );
2509
- --db-cyan-on-bg-basic-emphasis-50-default: light-dark(
2510
- var(--db-cyan-9),
2511
- var(--db-cyan-5)
2512
- );
2513
- --db-cyan-on-bg-basic-emphasis-50-hovered: light-dark(
2514
- var(--db-cyan-8),
2515
- var(--db-cyan-4)
2516
- );
2517
- --db-cyan-on-bg-basic-emphasis-50-pressed: light-dark(
2518
- var(--db-cyan-7),
2519
- var(--db-cyan-3)
2520
- );
2521
- --db-cyan-bg-inverted-contrast-max-default: light-dark(
2522
- var(--db-cyan-3),
2523
- var(--db-cyan-12)
2524
- );
2525
- --db-cyan-bg-inverted-contrast-max-hovered: light-dark(
2526
- var(--db-cyan-4),
2527
- var(--db-cyan-11)
2528
- );
2529
- --db-cyan-bg-inverted-contrast-max-pressed: light-dark(
2530
- var(--db-cyan-5),
2531
- var(--db-cyan-10)
2532
- );
2533
- --db-cyan-bg-inverted-contrast-high-default: light-dark(
2534
- var(--db-cyan-6),
2535
- var(--db-cyan-9)
2536
- );
2537
- --db-cyan-bg-inverted-contrast-high-hovered: light-dark(
2538
- var(--db-cyan-5),
2539
- var(--db-cyan-8)
2540
- );
2541
- --db-cyan-bg-inverted-contrast-high-pressed: light-dark(
2542
- var(--db-cyan-4),
2543
- var(--db-cyan-7)
2544
- );
2545
- --db-cyan-bg-inverted-contrast-low-default: light-dark(
2546
- var(--db-cyan-7),
2547
- var(--db-cyan-8)
2548
- );
2549
- --db-cyan-bg-inverted-contrast-low-hovered: light-dark(
2550
- var(--db-cyan-6),
2551
- var(--db-cyan-7)
2552
- );
2553
- --db-cyan-bg-inverted-contrast-low-pressed: light-dark(
2554
- var(--db-cyan-5),
2555
- var(--db-cyan-6)
2556
- );
2557
- --db-cyan-on-bg-inverted-default: light-dark(
2558
- var(--db-cyan-14),
2559
- var(--db-cyan-3)
2560
- );
2561
- --db-cyan-on-bg-inverted-hovered: light-dark(
2562
- var(--db-cyan-13),
2563
- var(--db-cyan-4)
2564
- );
2565
- --db-cyan-on-bg-inverted-pressed: light-dark(
2566
- var(--db-cyan-12),
2567
- var(--db-cyan-5)
2568
- );
2569
- --db-turquoise-origin-default: light-dark(
2570
- var(--db-turquoise-origin-light-default),
2571
- var(--db-turquoise-origin-dark-default)
2572
- );
2573
- --db-turquoise-origin-hovered: light-dark(
2574
- var(--db-turquoise-origin-light-hovered),
2575
- var(--db-turquoise-origin-dark-hovered)
2576
- );
2577
- --db-turquoise-origin-pressed: light-dark(
2578
- var(--db-turquoise-origin-light-pressed),
2579
- var(--db-turquoise-origin-dark-pressed)
2580
- );
2581
- --db-turquoise-on-origin-default: light-dark(
2582
- var(--db-turquoise-on-origin-light-default),
2583
- var(--db-turquoise-on-origin-dark-default)
2584
- );
2585
- --db-turquoise-on-origin-hovered: light-dark(
2586
- var(--db-turquoise-on-origin-light-hovered),
2587
- var(--db-turquoise-on-origin-dark-hovered)
2588
- );
2589
- --db-turquoise-on-origin-pressed: light-dark(
2590
- var(--db-turquoise-on-origin-light-pressed),
2591
- var(--db-turquoise-on-origin-dark-pressed)
2592
- );
2593
- --db-turquoise-bg-basic-level-1-default: light-dark(
2594
- var(--db-turquoise-14),
2595
- var(--db-turquoise-3)
2596
- );
2597
- --db-turquoise-bg-basic-level-1-hovered: light-dark(
2598
- var(--db-turquoise-13),
2599
- var(--db-turquoise-4)
2600
- );
2601
- --db-turquoise-bg-basic-level-1-pressed: light-dark(
2602
- var(--db-turquoise-12),
2603
- var(--db-turquoise-5)
2604
- );
2605
- --db-turquoise-bg-basic-level-2-default: light-dark(
2606
- var(--db-turquoise-13),
2607
- var(--db-turquoise-2)
2608
- );
2609
- --db-turquoise-bg-basic-level-2-hovered: light-dark(
2610
- var(--db-turquoise-12),
2611
- var(--db-turquoise-3)
2612
- );
2613
- --db-turquoise-bg-basic-level-2-pressed: light-dark(
2614
- var(--db-turquoise-11),
2615
- var(--db-turquoise-4)
2616
- );
2617
- --db-turquoise-bg-basic-level-3-default: light-dark(
2618
- var(--db-turquoise-12),
2619
- var(--db-turquoise-1)
2620
- );
2621
- --db-turquoise-bg-basic-level-3-hovered: light-dark(
2622
- var(--db-turquoise-11),
2623
- var(--db-turquoise-2)
2624
- );
2625
- --db-turquoise-bg-basic-level-3-pressed: light-dark(
2626
- var(--db-turquoise-10),
2627
- var(--db-turquoise-3)
2628
- );
2629
- --db-turquoise-bg-basic-transparent-full-default: light-dark(
2630
- color-mix(in srgb, transparent 100%, var(--db-turquoise-6)),
2631
- color-mix(in srgb, transparent 100%, var(--db-turquoise-9))
2632
- );
2633
- --db-turquoise-bg-basic-transparent-semi-default: light-dark(
2634
- color-mix(in srgb, transparent 92%, var(--db-turquoise-6)),
2635
- color-mix(in srgb, transparent 84%, var(--db-turquoise-9))
2636
- );
2637
- --db-turquoise-bg-basic-transparent-hovered: light-dark(
2638
- color-mix(in srgb, transparent 84%, var(--db-turquoise-6)),
2639
- color-mix(in srgb, transparent 76%, var(--db-turquoise-9))
2640
- );
2641
- --db-turquoise-bg-basic-transparent-pressed: light-dark(
2642
- color-mix(in srgb, transparent 76%, var(--db-turquoise-6)),
2643
- color-mix(in srgb, transparent 68%, var(--db-turquoise-9))
2644
- );
2645
- --db-turquoise-on-bg-basic-emphasis-100-default: light-dark(
2646
- var(--db-turquoise-3),
2647
- var(--db-turquoise-12)
2648
- );
2649
- --db-turquoise-on-bg-basic-emphasis-100-hovered: light-dark(
2650
- var(--db-turquoise-4),
2651
- var(--db-turquoise-11)
2652
- );
2653
- --db-turquoise-on-bg-basic-emphasis-100-pressed: light-dark(
2654
- var(--db-turquoise-5),
2655
- var(--db-turquoise-10)
2656
- );
2657
- --db-turquoise-on-bg-basic-emphasis-90-default: light-dark(
2658
- var(--db-turquoise-5),
2659
- var(--db-turquoise-10)
2660
- );
2661
- --db-turquoise-on-bg-basic-emphasis-90-hovered: light-dark(
2662
- var(--db-turquoise-6),
2663
- var(--db-turquoise-9)
2664
- );
2665
- --db-turquoise-on-bg-basic-emphasis-90-pressed: light-dark(
2666
- var(--db-turquoise-7),
2667
- var(--db-turquoise-8)
2668
- );
2669
- --db-turquoise-on-bg-basic-emphasis-80-default: light-dark(
2670
- var(--db-turquoise-6),
2671
- var(--db-turquoise-9)
2672
- );
2673
- --db-turquoise-on-bg-basic-emphasis-80-hovered: light-dark(
2674
- var(--db-turquoise-5),
2675
- var(--db-turquoise-8)
2676
- );
2677
- --db-turquoise-on-bg-basic-emphasis-80-pressed: light-dark(
2678
- var(--db-turquoise-4),
2679
- var(--db-turquoise-7)
2680
- );
2681
- --db-turquoise-on-bg-basic-emphasis-70-default: light-dark(
2682
- var(--db-turquoise-7),
2683
- var(--db-turquoise-8)
2684
- );
2685
- --db-turquoise-on-bg-basic-emphasis-70-hovered: light-dark(
2686
- var(--db-turquoise-6),
2687
- var(--db-turquoise-7)
2688
- );
2689
- --db-turquoise-on-bg-basic-emphasis-70-pressed: light-dark(
2690
- var(--db-turquoise-5),
2691
- var(--db-turquoise-6)
2692
- );
2693
- --db-turquoise-on-bg-basic-emphasis-60-default: light-dark(
2694
- var(--db-turquoise-10),
2695
- var(--db-turquoise-6)
2696
- );
2697
- --db-turquoise-on-bg-basic-emphasis-60-hovered: light-dark(
2698
- var(--db-turquoise-9),
2699
- var(--db-turquoise-5)
2700
- );
2701
- --db-turquoise-on-bg-basic-emphasis-60-pressed: light-dark(
2702
- var(--db-turquoise-8),
2703
- var(--db-turquoise-4)
2704
- );
2705
- --db-turquoise-on-bg-basic-emphasis-50-default: light-dark(
2706
- var(--db-turquoise-9),
2707
- var(--db-turquoise-5)
2708
- );
2709
- --db-turquoise-on-bg-basic-emphasis-50-hovered: light-dark(
2710
- var(--db-turquoise-8),
2711
- var(--db-turquoise-4)
2712
- );
2713
- --db-turquoise-on-bg-basic-emphasis-50-pressed: light-dark(
2714
- var(--db-turquoise-7),
2715
- var(--db-turquoise-3)
2716
- );
2717
- --db-turquoise-bg-inverted-contrast-max-default: light-dark(
2718
- var(--db-turquoise-3),
2719
- var(--db-turquoise-12)
2720
- );
2721
- --db-turquoise-bg-inverted-contrast-max-hovered: light-dark(
2722
- var(--db-turquoise-4),
2723
- var(--db-turquoise-11)
2724
- );
2725
- --db-turquoise-bg-inverted-contrast-max-pressed: light-dark(
2726
- var(--db-turquoise-5),
2727
- var(--db-turquoise-10)
2728
- );
2729
- --db-turquoise-bg-inverted-contrast-high-default: light-dark(
2730
- var(--db-turquoise-6),
2731
- var(--db-turquoise-9)
2732
- );
2733
- --db-turquoise-bg-inverted-contrast-high-hovered: light-dark(
2734
- var(--db-turquoise-5),
2735
- var(--db-turquoise-8)
2736
- );
2737
- --db-turquoise-bg-inverted-contrast-high-pressed: light-dark(
2738
- var(--db-turquoise-4),
2739
- var(--db-turquoise-7)
2740
- );
2741
- --db-turquoise-bg-inverted-contrast-low-default: light-dark(
2742
- var(--db-turquoise-7),
2743
- var(--db-turquoise-8)
2744
- );
2745
- --db-turquoise-bg-inverted-contrast-low-hovered: light-dark(
2746
- var(--db-turquoise-6),
2747
- var(--db-turquoise-7)
2748
- );
2749
- --db-turquoise-bg-inverted-contrast-low-pressed: light-dark(
2750
- var(--db-turquoise-5),
2751
- var(--db-turquoise-6)
2752
- );
2753
- --db-turquoise-on-bg-inverted-default: light-dark(
2754
- var(--db-turquoise-14),
2755
- var(--db-turquoise-3)
2756
- );
2757
- --db-turquoise-on-bg-inverted-hovered: light-dark(
2758
- var(--db-turquoise-13),
2759
- var(--db-turquoise-4)
2760
- );
2761
- --db-turquoise-on-bg-inverted-pressed: light-dark(
2762
- var(--db-turquoise-12),
2763
- var(--db-turquoise-5)
2764
- );
2765
- --db-green-origin-default: light-dark(
2766
- var(--db-green-origin-light-default),
2767
- var(--db-green-origin-dark-default)
2768
- );
2769
- --db-green-origin-hovered: light-dark(
2770
- var(--db-green-origin-light-hovered),
2771
- var(--db-green-origin-dark-hovered)
2772
- );
2773
- --db-green-origin-pressed: light-dark(
2774
- var(--db-green-origin-light-pressed),
2775
- var(--db-green-origin-dark-pressed)
2776
- );
2777
- --db-green-on-origin-default: light-dark(
2778
- var(--db-green-on-origin-light-default),
2779
- var(--db-green-on-origin-dark-default)
2780
- );
2781
- --db-green-on-origin-hovered: light-dark(
2782
- var(--db-green-on-origin-light-hovered),
2783
- var(--db-green-on-origin-dark-hovered)
2784
- );
2785
- --db-green-on-origin-pressed: light-dark(
2786
- var(--db-green-on-origin-light-pressed),
2787
- var(--db-green-on-origin-dark-pressed)
2788
- );
2789
- --db-green-bg-basic-level-1-default: light-dark(
2790
- var(--db-green-14),
2791
- var(--db-green-3)
2792
- );
2793
- --db-green-bg-basic-level-1-hovered: light-dark(
2794
- var(--db-green-13),
2795
- var(--db-green-4)
2796
- );
2797
- --db-green-bg-basic-level-1-pressed: light-dark(
2798
- var(--db-green-12),
2799
- var(--db-green-5)
2800
- );
2801
- --db-green-bg-basic-level-2-default: light-dark(
2802
- var(--db-green-13),
2803
- var(--db-green-2)
2804
- );
2805
- --db-green-bg-basic-level-2-hovered: light-dark(
2806
- var(--db-green-12),
2807
- var(--db-green-3)
2808
- );
2809
- --db-green-bg-basic-level-2-pressed: light-dark(
2810
- var(--db-green-11),
2811
- var(--db-green-4)
2812
- );
2813
- --db-green-bg-basic-level-3-default: light-dark(
2814
- var(--db-green-12),
2815
- var(--db-green-1)
2816
- );
2817
- --db-green-bg-basic-level-3-hovered: light-dark(
2818
- var(--db-green-11),
2819
- var(--db-green-2)
2820
- );
2821
- --db-green-bg-basic-level-3-pressed: light-dark(
2822
- var(--db-green-10),
2823
- var(--db-green-3)
2824
- );
2825
- --db-green-bg-basic-transparent-full-default: light-dark(
2826
- color-mix(in srgb, transparent 100%, var(--db-green-6)),
2827
- color-mix(in srgb, transparent 100%, var(--db-green-9))
2828
- );
2829
- --db-green-bg-basic-transparent-semi-default: light-dark(
2830
- color-mix(in srgb, transparent 92%, var(--db-green-6)),
2831
- color-mix(in srgb, transparent 84%, var(--db-green-9))
2832
- );
2833
- --db-green-bg-basic-transparent-hovered: light-dark(
2834
- color-mix(in srgb, transparent 84%, var(--db-green-6)),
2835
- color-mix(in srgb, transparent 76%, var(--db-green-9))
2836
- );
2837
- --db-green-bg-basic-transparent-pressed: light-dark(
2838
- color-mix(in srgb, transparent 76%, var(--db-green-6)),
2839
- color-mix(in srgb, transparent 68%, var(--db-green-9))
2840
- );
2841
- --db-green-on-bg-basic-emphasis-100-default: light-dark(
2842
- var(--db-green-3),
2843
- var(--db-green-12)
2844
- );
2845
- --db-green-on-bg-basic-emphasis-100-hovered: light-dark(
2846
- var(--db-green-4),
2847
- var(--db-green-11)
2848
- );
2849
- --db-green-on-bg-basic-emphasis-100-pressed: light-dark(
2850
- var(--db-green-5),
2851
- var(--db-green-10)
2852
- );
2853
- --db-green-on-bg-basic-emphasis-90-default: light-dark(
2854
- var(--db-green-5),
2855
- var(--db-green-10)
2856
- );
2857
- --db-green-on-bg-basic-emphasis-90-hovered: light-dark(
2858
- var(--db-green-6),
2859
- var(--db-green-9)
2860
- );
2861
- --db-green-on-bg-basic-emphasis-90-pressed: light-dark(
2862
- var(--db-green-7),
2863
- var(--db-green-8)
2864
- );
2865
- --db-green-on-bg-basic-emphasis-80-default: light-dark(
2866
- var(--db-green-6),
2867
- var(--db-green-9)
2868
- );
2869
- --db-green-on-bg-basic-emphasis-80-hovered: light-dark(
2870
- var(--db-green-5),
2871
- var(--db-green-8)
2872
- );
2873
- --db-green-on-bg-basic-emphasis-80-pressed: light-dark(
2874
- var(--db-green-4),
2875
- var(--db-green-7)
2876
- );
2877
- --db-green-on-bg-basic-emphasis-70-default: light-dark(
2878
- var(--db-green-7),
2879
- var(--db-green-8)
2880
- );
2881
- --db-green-on-bg-basic-emphasis-70-hovered: light-dark(
2882
- var(--db-green-6),
2883
- var(--db-green-7)
2884
- );
2885
- --db-green-on-bg-basic-emphasis-70-pressed: light-dark(
2886
- var(--db-green-5),
2887
- var(--db-green-6)
2888
- );
2889
- --db-green-on-bg-basic-emphasis-60-default: light-dark(
2890
- var(--db-green-10),
2891
- var(--db-green-6)
2892
- );
2893
- --db-green-on-bg-basic-emphasis-60-hovered: light-dark(
2894
- var(--db-green-9),
2895
- var(--db-green-5)
2896
- );
2897
- --db-green-on-bg-basic-emphasis-60-pressed: light-dark(
2898
- var(--db-green-8),
2899
- var(--db-green-4)
2900
- );
2901
- --db-green-on-bg-basic-emphasis-50-default: light-dark(
2902
- var(--db-green-9),
2903
- var(--db-green-5)
2904
- );
2905
- --db-green-on-bg-basic-emphasis-50-hovered: light-dark(
2906
- var(--db-green-8),
2907
- var(--db-green-4)
2908
- );
2909
- --db-green-on-bg-basic-emphasis-50-pressed: light-dark(
2910
- var(--db-green-7),
2911
- var(--db-green-3)
2912
- );
2913
- --db-green-bg-inverted-contrast-max-default: light-dark(
2914
- var(--db-green-3),
2915
- var(--db-green-12)
2916
- );
2917
- --db-green-bg-inverted-contrast-max-hovered: light-dark(
2918
- var(--db-green-4),
2919
- var(--db-green-11)
2920
- );
2921
- --db-green-bg-inverted-contrast-max-pressed: light-dark(
2922
- var(--db-green-5),
2923
- var(--db-green-10)
2924
- );
2925
- --db-green-bg-inverted-contrast-high-default: light-dark(
2926
- var(--db-green-6),
2927
- var(--db-green-9)
2928
- );
2929
- --db-green-bg-inverted-contrast-high-hovered: light-dark(
2930
- var(--db-green-5),
2931
- var(--db-green-8)
2932
- );
2933
- --db-green-bg-inverted-contrast-high-pressed: light-dark(
2934
- var(--db-green-4),
2935
- var(--db-green-7)
2936
- );
2937
- --db-green-bg-inverted-contrast-low-default: light-dark(
2938
- var(--db-green-7),
2939
- var(--db-green-8)
2940
- );
2941
- --db-green-bg-inverted-contrast-low-hovered: light-dark(
2942
- var(--db-green-6),
2943
- var(--db-green-7)
2944
- );
2945
- --db-green-bg-inverted-contrast-low-pressed: light-dark(
2946
- var(--db-green-5),
2947
- var(--db-green-6)
2948
- );
2949
- --db-green-on-bg-inverted-default: light-dark(
2950
- var(--db-green-14),
2951
- var(--db-green-3)
2952
- );
2953
- --db-green-on-bg-inverted-hovered: light-dark(
2954
- var(--db-green-13),
2955
- var(--db-green-4)
2956
- );
2957
- --db-green-on-bg-inverted-pressed: light-dark(
2958
- var(--db-green-12),
2959
- var(--db-green-5)
2960
- );
2961
- }