@salutejs/plasma-themes 0.54.0-next-sbcom.0 → 0.55.0-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/plasma_giga.module.css +64 -16
- package/css/plasma_giga__dark.css +32 -8
- package/css/plasma_giga__light.css +32 -8
- package/es/themes/plasma_giga__dark.js +1 -1
- package/es/themes/plasma_giga__dark.js.map +1 -1
- package/es/themes/plasma_giga__light.js +1 -1
- package/es/themes/plasma_giga__light.js.map +1 -1
- package/es/tokens/plasma_giga/index.js +60 -12
- package/es/tokens/plasma_giga/index.js.map +1 -1
- package/package.json +3 -3
- package/themes/plasma_giga__dark.js +1 -1
- package/themes/plasma_giga__dark.js.map +1 -1
- package/themes/plasma_giga__light.js +1 -1
- package/themes/plasma_giga__light.js.map +1 -1
- package/tokens/plasma_giga/index.d.ts +58 -10
- package/tokens/plasma_giga/index.js +80 -31
- package/tokens/plasma_giga/index.js.map +1 -1
|
@@ -1,4 +1,52 @@
|
|
|
1
1
|
// Generated by robots, do not change this manually!
|
|
2
|
+
/** dark syntax default syntaxYellow */
|
|
3
|
+
export var syntaxYellow = 'var(--syntax-yellow, #F3A912)';
|
|
4
|
+
/** dark syntax default syntaxOrange */
|
|
5
|
+
export var syntaxOrange = 'var(--syntax-orange, #FFB38A)';
|
|
6
|
+
/** dark syntax default syntaxPink */
|
|
7
|
+
export var syntaxPink = 'var(--syntax-pink, #FF4791)';
|
|
8
|
+
/** dark syntax default syntaxSpring */
|
|
9
|
+
export var syntaxSpring = 'var(--syntax-spring, #C5FC5F)';
|
|
10
|
+
/** dark syntax default syntaxSkyBlue */
|
|
11
|
+
export var syntaxSkyBlue = 'var(--syntax-sky-blue, #8AE6FF)';
|
|
12
|
+
/** dark syntax default syntaxRed */
|
|
13
|
+
export var syntaxRed = 'var(--syntax-red, #FF8F9A)';
|
|
14
|
+
/** dark syntax onDark syntaxYellow */
|
|
15
|
+
export var onDarkSyntaxYellow = 'var(--on-dark-syntax-yellow, #F3A912)';
|
|
16
|
+
/** dark syntax onDark syntaxOrange */
|
|
17
|
+
export var onDarkSyntaxOrange = 'var(--on-dark-syntax-orange, #FFB38A)';
|
|
18
|
+
/** dark syntax onDark syntaxPink */
|
|
19
|
+
export var onDarkSyntaxPink = 'var(--on-dark-syntax-pink, #FF4791)';
|
|
20
|
+
/** dark syntax onDark syntaxSpring */
|
|
21
|
+
export var onDarkSyntaxSpring = 'var(--on-dark-syntax-spring, #C5FC5F)';
|
|
22
|
+
/** dark syntax onDark syntaxSkyBlue */
|
|
23
|
+
export var onDarkSyntaxSkyBlue = 'var(--on-dark-syntax-sky-blue, #8AE6FF)';
|
|
24
|
+
/** dark syntax onDark syntaxRed */
|
|
25
|
+
export var onDarkSyntaxRed = 'var(--on-dark-syntax-red, #FF8F9A)';
|
|
26
|
+
/** dark syntax onLight syntaxYellow */
|
|
27
|
+
export var onLightSyntaxYellow = 'var(--on-light-syntax-yellow, #F3A912)';
|
|
28
|
+
/** dark syntax onLight syntaxOrange */
|
|
29
|
+
export var onLightSyntaxOrange = 'var(--on-light-syntax-orange, #85380C)';
|
|
30
|
+
/** dark syntax onLight syntaxPink */
|
|
31
|
+
export var onLightSyntaxPink = 'var(--on-light-syntax-pink, #9B0D46)';
|
|
32
|
+
/** dark syntax onLight syntaxSpring */
|
|
33
|
+
export var onLightSyntaxSpring = 'var(--on-light-syntax-spring, #629405)';
|
|
34
|
+
/** dark syntax onLight syntaxSkyBlue */
|
|
35
|
+
export var onLightSyntaxSkyBlue = 'var(--on-light-syntax-sky-blue, #0492B9)';
|
|
36
|
+
/** dark syntax onLight syntaxRed */
|
|
37
|
+
export var onLightSyntaxRed = 'var(--on-light-syntax-red, #FF3D51)';
|
|
38
|
+
/** dark syntax inverse syntaxYellow */
|
|
39
|
+
export var inverseSyntaxYellow = 'var(--inverse-syntax-yellow, #F3A912)';
|
|
40
|
+
/** dark syntax inverse syntaxOrange */
|
|
41
|
+
export var inverseSyntaxOrange = 'var(--inverse-syntax-orange, #85380C)';
|
|
42
|
+
/** dark syntax inverse syntaxPink */
|
|
43
|
+
export var inverseSyntaxPink = 'var(--inverse-syntax-pink, #9B0D46)';
|
|
44
|
+
/** dark syntax inverse syntaxSpring */
|
|
45
|
+
export var inverseSyntaxSpring = 'var(--inverse-syntax-spring, #629405)';
|
|
46
|
+
/** dark syntax inverse syntaxSkyBlue */
|
|
47
|
+
export var inverseSyntaxSkyBlue = 'var(--inverse-syntax-sky-blue, #0492B9)';
|
|
48
|
+
/** dark syntax inverse syntaxRed */
|
|
49
|
+
export var inverseSyntaxRed = 'var(--inverse-syntax-red, #FF3D51)';
|
|
2
50
|
/** Основной цвет текста */
|
|
3
51
|
export var textPrimary = 'var(--text-primary, #FFFFFFF5)';
|
|
4
52
|
/** Основной цвет текста */
|
|
@@ -384,11 +432,11 @@ export var surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover,
|
|
|
384
432
|
/** Глубокий прозрачный фон поверхности/контрола */
|
|
385
433
|
export var surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #FFFFFF94)';
|
|
386
434
|
/** Прозрачный фон для карточек */
|
|
387
|
-
export var surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #
|
|
435
|
+
export var surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #EBFFFD1C)';
|
|
388
436
|
/** Прозрачный фон для карточек */
|
|
389
|
-
export var surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #
|
|
437
|
+
export var surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #EBFFFD08)';
|
|
390
438
|
/** Прозрачный фон для карточек */
|
|
391
|
-
export var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #
|
|
439
|
+
export var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #EBFFFD0D)';
|
|
392
440
|
/** Фон поверхности/контрола без заливки */
|
|
393
441
|
export var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFFFF)';
|
|
394
442
|
/** Фон поверхности/контрола без заливки */
|
|
@@ -467,8 +515,6 @@ export var surfaceSolidSecondary = 'var(--surface-solid-secondary, #191919FF)';
|
|
|
467
515
|
export var surfaceSolidTertiary = 'var(--surface-solid-tertiary, #262626)';
|
|
468
516
|
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
469
517
|
export var surfaceSolidDefault = 'var(--surface-solid-default, #FFFFFFFF)';
|
|
470
|
-
/** Прозрачный фон для карточек */
|
|
471
|
-
export var surfaceTransparentCard = 'var(--surface-transparent-card, #FFFFFF1F)';
|
|
472
518
|
/** Основной прозрачный фон поверхности/контрола */
|
|
473
519
|
export var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF0D)';
|
|
474
520
|
/** Вторичный прозрачный фон поверхности/контрола */
|
|
@@ -505,6 +551,8 @@ export var surfaceAccentMinor = 'var(--surface-accent-minor, #0E5944)';
|
|
|
505
551
|
export var surfaceTransparentAccent = 'var(--surface-transparent-accent, #52F2C533)';
|
|
506
552
|
/** Основной фон для карточек */
|
|
507
553
|
export var surfaceSolidCard = 'var(--surface-solid-card, #262626)';
|
|
554
|
+
/** Прозрачный фон для карточек */
|
|
555
|
+
export var surfaceTransparentCard = 'var(--surface-transparent-card, #EDFFFD0D)';
|
|
508
556
|
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
509
557
|
export var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #121212FF)';
|
|
510
558
|
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
@@ -546,11 +594,11 @@ export var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparen
|
|
|
546
594
|
/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
|
|
547
595
|
export var onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FFFFFF94)';
|
|
548
596
|
/** Прозрачный фон для карточек на темном фоне */
|
|
549
|
-
export var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #
|
|
597
|
+
export var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #EBFFFD1C)';
|
|
550
598
|
/** Прозрачный фон для карточек на темном фоне */
|
|
551
|
-
export var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #
|
|
599
|
+
export var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #EBFFFD08)';
|
|
552
600
|
/** Прозрачный фон для карточек на темном фоне */
|
|
553
|
-
export var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #
|
|
601
|
+
export var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #EBFFFD0D)';
|
|
554
602
|
/** Акцентный фон поверхности/контрола на темном фоне */
|
|
555
603
|
export var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #7AF5D2FF)';
|
|
556
604
|
/** Акцентный фон поверхности/контрола на темном фоне */
|
|
@@ -625,8 +673,6 @@ export var onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary,
|
|
|
625
673
|
export var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #262626)';
|
|
626
674
|
/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
|
|
627
675
|
export var onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #FFFFFFFF)';
|
|
628
|
-
/** Прозрачный фон для карточек на темном фоне */
|
|
629
|
-
export var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #FFFFFF1F)';
|
|
630
676
|
/** Основной прозрачный фон поверхности/контрола на темном фоне */
|
|
631
677
|
export var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF0D)';
|
|
632
678
|
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
@@ -661,6 +707,8 @@ export var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #0E59
|
|
|
661
707
|
export var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #52F2FF33)';
|
|
662
708
|
/** Основной фон для карточек на темном фоне */
|
|
663
709
|
export var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #262626)';
|
|
710
|
+
/** Прозрачный фон для карточек на темном фоне */
|
|
711
|
+
export var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #EDFFFD0D)';
|
|
664
712
|
/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
|
|
665
713
|
export var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F7F7F7FF)';
|
|
666
714
|
/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
|
|
@@ -2262,7 +2310,7 @@ export var textXSMedium = {
|
|
|
2262
2310
|
lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)',
|
|
2263
2311
|
};
|
|
2264
2312
|
export var viewContainer = {
|
|
2265
|
-
dark: "\n --text-primary: var(--on-dark-text-primary);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-secondary: var(--on-dark-text-secondary);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --text-info-minor-active: var(--on-dark-text-info-minor-active);\n --text-positive: var(--on-dark-text-positive);\n --text-warning: var(--on-dark-text-warning);\n --text-negative: var(--on-dark-text-negative);\n --text-positive-minor: var(--on-dark-text-positive-minor);\n --text-warning-minor: var(--on-dark-text-warning-minor);\n --text-negative-minor: var(--on-dark-text-negative-minor);\n --text-info-minor: var(--on-dark-text-info-minor);\n --text-info: var(--on-dark-text-info);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n --inverse-text-info-minor: var(--on-light-text-info-minor);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\n --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-info: var(--on-dark-surface-info);\n --surface-positive-minor: var(--on-dark-surface-positive-minor);\n --surface-warning-minor: var(--on-dark-surface-warning-minor);\n --surface-negative-minor: var(--on-dark-surface-negative-minor);\n --surface-info-minor: var(--on-dark-surface-info-minor);\n --surface-transparent-info: var(--on-dark-surface-transparent-info);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --background-primary: var(--dark-background-primary);\n --inverse-background-primary: var(--light-background-primary);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --overlay-blur: var(--on-dark-overlay-blur);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-blur: var(--on-light-overlay-blur);\n --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n --outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n --outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n --outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --outline-clear-active: var(--on-dark-outline-clear-active);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-accent-active: var(--on-dark-outline-accent-active);\n --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --outline-positive-minor: var(--on-dark-outline-positive-minor);\n --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --outline-warning-minor: var(--on-dark-outline-warning-minor);\n --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --outline-negative-minor: var(--on-dark-outline-negative-minor);\n --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --outline-solid-primary: var(--on-dark-outline-solid-primary);\n --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --outline-solid-default: var(--on-dark-outline-solid-default);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n --outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n --outline-clear: var(--on-dark-outline-clear);\n --outline-info: var(--on-dark-outline-info);\n --outline-info-minor: var(--on-dark-outline-info-minor);\n --outline-transparent-info: var(--on-dark-outline-transparent-info);\n --outline-accent: var(--on-dark-outline-accent);\n --outline-accent-minor: var(--on-dark-outline-accent-minor);\n --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --inverse-outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n --inverse-outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n --inverse-outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n --inverse-outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n --inverse-outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-info: var(--on-light-outline-info);\n --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n --inverse-outline-accent: var(--on-light-outline-accent);\n --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n --text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n --text-accent-gradient: var(--on-dark-text-accent-gradient);\n --inverse-text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n --inverse-text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n --inverse-text-accent-gradient: var(--on-light-text-accent-gradient);\n --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n ",
|
|
2266
|
-
light: "\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --text-info-minor-active: var(--on-light-text-info-minor-active);\n --text-primary: var(--on-light-text-primary);\n --text-secondary: var(--on-light-text-secondary);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-positive: var(--on-light-text-positive);\n --text-warning: var(--on-light-text-warning);\n --text-negative: var(--on-light-text-negative);\n --text-info: var(--on-light-text-info);\n --text-positive-minor: var(--on-light-text-positive-minor);\n --text-warning-minor: var(--on-light-text-warning-minor);\n --text-negative-minor: var(--on-light-text-negative-minor);\n --text-info-minor: var(--on-light-text-info-minor);\n --text-accent: var(--on-light-text-accent);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n --inverse-text-info-minor: var(--on-dark-text-info-minor);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --surface-clear: var(--on-light-surface-clear);\n --surface-positive: var(--on-light-surface-positive);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative: var(--on-light-surface-negative);\n --surface-info: var(--on-light-surface-info);\n --surface-positive-minor: var(--on-light-surface-positive-minor);\n --surface-warning-minor: var(--on-light-surface-warning-minor);\n --surface-negative-minor: var(--on-light-surface-negative-minor);\n --surface-info-minor: var(--on-light-surface-info-minor);\n --surface-transparent-info: var(--on-light-surface-transparent-info);\n --surface-accent: var(--on-light-surface-accent);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --background-primary: var(--light-background-primary);\n --inverse-background-primary: var(--dark-background-primary);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --overlay-blur: var(--on-light-overlay-blur);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-blur: var(--on-dark-overlay-blur);\n --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n --outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n --outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n --outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n --outline-clear-hover: var(--on-light-outline-clear-hover);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative: var(--on-light-outline-negative);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-positive-minor: var(--on-light-outline-positive-minor);\n --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --outline-warning-minor: var(--on-light-outline-warning-minor);\n --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --outline-negative-minor: var(--on-light-outline-negative-minor);\n --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --outline-solid-default: var(--on-light-outline-solid-default);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n --outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n --outline-clear: var(--on-light-outline-clear);\n --outline-positive: var(--on-light-outline-positive);\n --outline-warning: var(--on-light-outline-warning);\n --outline-info: var(--on-light-outline-info);\n --outline-info-minor: var(--on-light-outline-info-minor);\n --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --outline-transparent-info: var(--on-light-outline-transparent-info);\n --outline-accent: var(--on-light-outline-accent);\n --outline-accent-minor: var(--on-light-outline-accent-minor);\n --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --inverse-outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n --inverse-outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n --inverse-outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n --inverse-outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n --inverse-outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n --inverse-outline-info: var(--on-dark-outline-info);\n --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n --text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n --text-accent-gradient: var(--on-light-text-accent-gradient);\n --inverse-text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n --inverse-text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n --inverse-text-accent-gradient: var(--on-dark-text-accent-gradient);\n --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n ",
|
|
2313
|
+
dark: "\n --syntax-yellow: var(--on-dark-syntax-yellow);\n --syntax-orange: var(--on-dark-syntax-orange);\n --syntax-pink: var(--on-dark-syntax-pink);\n --syntax-spring: var(--on-dark-syntax-spring);\n --syntax-sky-blue: var(--on-dark-syntax-sky-blue);\n --syntax-red: var(--on-dark-syntax-red);\n --inverse-syntax-yellow: var(--on-light-syntax-yellow);\n --inverse-syntax-orange: var(--on-light-syntax-orange);\n --inverse-syntax-pink: var(--on-light-syntax-pink);\n --inverse-syntax-spring: var(--on-light-syntax-spring);\n --inverse-syntax-sky-blue: var(--on-light-syntax-sky-blue);\n --inverse-syntax-red: var(--on-light-syntax-red);\n --text-primary: var(--on-dark-text-primary);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-secondary: var(--on-dark-text-secondary);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --text-info-minor-active: var(--on-dark-text-info-minor-active);\n --text-positive: var(--on-dark-text-positive);\n --text-warning: var(--on-dark-text-warning);\n --text-negative: var(--on-dark-text-negative);\n --text-positive-minor: var(--on-dark-text-positive-minor);\n --text-warning-minor: var(--on-dark-text-warning-minor);\n --text-negative-minor: var(--on-dark-text-negative-minor);\n --text-info-minor: var(--on-dark-text-info-minor);\n --text-info: var(--on-dark-text-info);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n --inverse-text-info-minor: var(--on-light-text-info-minor);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\n --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-info: var(--on-dark-surface-info);\n --surface-positive-minor: var(--on-dark-surface-positive-minor);\n --surface-warning-minor: var(--on-dark-surface-warning-minor);\n --surface-negative-minor: var(--on-dark-surface-negative-minor);\n --surface-info-minor: var(--on-dark-surface-info-minor);\n --surface-transparent-info: var(--on-dark-surface-transparent-info);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --background-primary: var(--dark-background-primary);\n --inverse-background-primary: var(--light-background-primary);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --overlay-blur: var(--on-dark-overlay-blur);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-blur: var(--on-light-overlay-blur);\n --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n --outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n --outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n --outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --outline-clear-active: var(--on-dark-outline-clear-active);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-accent-active: var(--on-dark-outline-accent-active);\n --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --outline-positive-minor: var(--on-dark-outline-positive-minor);\n --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --outline-warning-minor: var(--on-dark-outline-warning-minor);\n --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --outline-negative-minor: var(--on-dark-outline-negative-minor);\n --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --outline-solid-primary: var(--on-dark-outline-solid-primary);\n --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --outline-solid-default: var(--on-dark-outline-solid-default);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n --outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n --outline-clear: var(--on-dark-outline-clear);\n --outline-info: var(--on-dark-outline-info);\n --outline-info-minor: var(--on-dark-outline-info-minor);\n --outline-transparent-info: var(--on-dark-outline-transparent-info);\n --outline-accent: var(--on-dark-outline-accent);\n --outline-accent-minor: var(--on-dark-outline-accent-minor);\n --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --inverse-outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n --inverse-outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n --inverse-outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n --inverse-outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n --inverse-outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-info: var(--on-light-outline-info);\n --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n --inverse-outline-accent: var(--on-light-outline-accent);\n --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n --text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n --text-accent-gradient: var(--on-dark-text-accent-gradient);\n --inverse-text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n --inverse-text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n --inverse-text-accent-gradient: var(--on-light-text-accent-gradient);\n --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n ",
|
|
2314
|
+
light: "\n --syntax-yellow: var(--on-light-syntax-yellow);\n --syntax-orange: var(--on-light-syntax-orange);\n --syntax-pink: var(--on-light-syntax-pink);\n --syntax-spring: var(--on-light-syntax-spring);\n --syntax-sky-blue: var(--on-light-syntax-sky-blue);\n --syntax-red: var(--on-light-syntax-red);\n --inverse-syntax-yellow: var(--on-dark-syntax-yellow);\n --inverse-syntax-orange: var(--on-dark-syntax-orange);\n --inverse-syntax-pink: var(--on-dark-syntax-pink);\n --inverse-syntax-spring: var(--on-dark-syntax-spring);\n --inverse-syntax-sky-blue: var(--on-dark-syntax-sky-blue);\n --inverse-syntax-red: var(--on-dark-syntax-red);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --text-info-minor-active: var(--on-light-text-info-minor-active);\n --text-primary: var(--on-light-text-primary);\n --text-secondary: var(--on-light-text-secondary);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-positive: var(--on-light-text-positive);\n --text-warning: var(--on-light-text-warning);\n --text-negative: var(--on-light-text-negative);\n --text-info: var(--on-light-text-info);\n --text-positive-minor: var(--on-light-text-positive-minor);\n --text-warning-minor: var(--on-light-text-warning-minor);\n --text-negative-minor: var(--on-light-text-negative-minor);\n --text-info-minor: var(--on-light-text-info-minor);\n --text-accent: var(--on-light-text-accent);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n --inverse-text-info-minor: var(--on-dark-text-info-minor);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --surface-clear: var(--on-light-surface-clear);\n --surface-positive: var(--on-light-surface-positive);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative: var(--on-light-surface-negative);\n --surface-info: var(--on-light-surface-info);\n --surface-positive-minor: var(--on-light-surface-positive-minor);\n --surface-warning-minor: var(--on-light-surface-warning-minor);\n --surface-negative-minor: var(--on-light-surface-negative-minor);\n --surface-info-minor: var(--on-light-surface-info-minor);\n --surface-transparent-info: var(--on-light-surface-transparent-info);\n --surface-accent: var(--on-light-surface-accent);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --background-primary: var(--light-background-primary);\n --inverse-background-primary: var(--dark-background-primary);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --overlay-blur: var(--on-light-overlay-blur);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-blur: var(--on-dark-overlay-blur);\n --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n --outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n --outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n --outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n --outline-clear-hover: var(--on-light-outline-clear-hover);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative: var(--on-light-outline-negative);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-positive-minor: var(--on-light-outline-positive-minor);\n --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --outline-warning-minor: var(--on-light-outline-warning-minor);\n --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --outline-negative-minor: var(--on-light-outline-negative-minor);\n --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --outline-solid-default: var(--on-light-outline-solid-default);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n --outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n --outline-clear: var(--on-light-outline-clear);\n --outline-positive: var(--on-light-outline-positive);\n --outline-warning: var(--on-light-outline-warning);\n --outline-info: var(--on-light-outline-info);\n --outline-info-minor: var(--on-light-outline-info-minor);\n --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --outline-transparent-info: var(--on-light-outline-transparent-info);\n --outline-accent: var(--on-light-outline-accent);\n --outline-accent-minor: var(--on-light-outline-accent-minor);\n --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --inverse-outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n --inverse-outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n --inverse-outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n --inverse-outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n --inverse-outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n --inverse-outline-info: var(--on-dark-outline-info);\n --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n --text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n --text-accent-gradient: var(--on-light-text-accent-gradient);\n --inverse-text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n --inverse-text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n --inverse-text-accent-gradient: var(--on-dark-text-accent-gradient);\n --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n ",
|
|
2267
2315
|
};
|
|
2268
2316
|
//# sourceMappingURL=index.js.map
|