root
658 lines
42 KiB
YAML
658 lines
42 KiB
YAML
Material You:
|
|
md-sys-elevation-level0: none
|
|
md-sys-elevation-level1: >-
|
|
rgba(from var(--md-sys-color-shadow) r g b / 0.2) 0px 2px 1px -1px,
|
|
rgba(from var(--md-sys-color-shadow) r g b / 0.14) 0px 1px 1px 0px,
|
|
rgba(from var(--md-sys-color-shadow) r g b / 0.12) 0px 1px 3px 0px
|
|
md-sys-elevation-level2: >-
|
|
rgba(from var(--md-sys-color-shadow) r g b / 0.2) 0px 3px 3px -2px,
|
|
rgba(from var(--md-sys-color-shadow) r g b / 0.14) 0px 3px 4px 0px,
|
|
rgba(from var(--md-sys-color-shadow) r g b / 0.12) 0px 1px 8px 0px
|
|
md-sys-elevation-level3: >-
|
|
rgba(from var(--md-sys-color-shadow) r g b / 0.2) 0px 3px 5px -1px,
|
|
rgba(from var(--md-sys-color-shadow) r g b / 0.14) 0px 6px 10px 0px,
|
|
rgba(from var(--md-sys-color-shadow) r g b / 0.12) 0px 1px 18px 0px
|
|
md-sys-elevation-level4: >-
|
|
rgba(from var(--md-sys-color-shadow) r g b / 0.2) 0px 5px 5px -3px,
|
|
rgba(from var(--md-sys-color-shadow) r g b / 0.14) 0px 8px 10px 1px,
|
|
rgba(from var(--md-sys-color-shadow) r g b / 0.12) 0px 3px 14px 2px
|
|
md-sys-elevation-level5: >-
|
|
rgba(from var(--md-sys-color-shadow) r g b / 0.2) 0px 7px 8px -4px,
|
|
rgba(from var(--md-sys-color-shadow) r g b / 0.14) 0px 12px 17px 2px,
|
|
rgba(from var(--md-sys-color-shadow) r g b / 0.12) 0px 5px 22px 4px
|
|
md-sys-motion-expressive-spatial-fast: 350ms cubic-bezier(0.42, 1.67, 0.21, 0.90)
|
|
md-sys-motion-expressive-spatial-default: 500ms cubic-bezier(0.38, 1.21, 0.22, 1.00)
|
|
md-sys-motion-expressive-spatial-slow: 650ms cubic-bezier(0.39, 1.29, 0.35, 0.98)
|
|
md-sys-motion-expressive-effects-fast: 150ms cubic-bezier(0.31, 0.94, 0.34, 1.00)
|
|
md-sys-motion-expressive-effects-default: 200ms cubic-bezier(0.34, 0.80, 0.34, 1.00)
|
|
md-sys-motion-expressive-effects-slow: 300ms cubic-bezier(0.34, 0.88, 0.34, 1.00)
|
|
md-sys-motion-standard-spatial-fast: 350ms cubic-bezier(0.27, 1.06, 0.18, 1.00)
|
|
md-sys-motion-standard-spatial-default: 500ms cubic-bezier(0.27, 1.06, 0.18, 1.00)
|
|
md-sys-motion-standard-spatial-slow: 750ms cubic-bezier(0.27, 1.06, 0.18, 1.00)
|
|
md-sys-motion-standard-effects-fast: 150ms cubic-bezier(0.31, 0.94, 0.34, 1.00)
|
|
md-sys-motion-standard-effects-default: 200ms cubic-bezier(0.34, 0.80, 0.34, 1.00)
|
|
md-sys-motion-standard-effects-slow: 300ms cubic-bezier(0.34, 0.88, 0.34, 1.00)
|
|
md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15)
|
|
md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1)
|
|
md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1)
|
|
md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1)
|
|
md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1)
|
|
md-sys-motion-easing-legacy: cubic-bezier(0.4, 0, 0.2, 1)
|
|
md-sys-motion-easing-legacy-accelerate: cubic-bezier(0.4, 0, 1, 1)
|
|
md-sys-motion-easing-legacy-decelerate: cubic-bezier(0, 0, 0.2, 1)
|
|
md-sys-motion-easing-linear: cubic-bezier(0, 0, 1, 1)
|
|
md-sys-motion-duration-short1: 50ms
|
|
md-sys-motion-duration-short2: 100ms
|
|
md-sys-motion-duration-short3: 150ms
|
|
md-sys-motion-duration-short4: 200ms
|
|
md-sys-motion-duration-medium1: 250ms
|
|
md-sys-motion-duration-medium2: 300ms
|
|
md-sys-motion-duration-medium3: 350ms
|
|
md-sys-motion-duration-medium4: 400ms
|
|
md-sys-motion-duration-long1: 450ms
|
|
md-sys-motion-duration-long2: 500ms
|
|
md-sys-motion-duration-long3: 550ms
|
|
md-sys-motion-duration-long4: 600ms
|
|
md-sys-motion-duration-extra-long1: 700ms
|
|
md-sys-motion-duration-extra-long2: 800ms
|
|
md-sys-motion-duration-extra-long3: 900ms
|
|
md-sys-motion-duration-extra-long4: 1000ms
|
|
md-sys-shape-corner-full: 9999px
|
|
md-sys-shape-corner-extra-large-top: 28px 28px 0 0
|
|
md-sys-shape-corner-extra-large: 28px
|
|
md-sys-shape-corner-large-top: 16px 16px 0 0
|
|
md-sys-shape-corner-large-end: 0 16px 16px 0
|
|
md-sys-shape-corner-large-start: 16px 0 0 16px
|
|
md-sys-shape-corner-large: 16px
|
|
md-sys-shape-corner-medium: 12px
|
|
md-sys-shape-corner-small: 8px
|
|
md-sys-shape-corner-extra-small-top: 4px 4px 0 0
|
|
md-sys-shape-corner-extra-small: 4px
|
|
md-sys-shape-corner-none: 0
|
|
md-ref-typeface-weight-regular: 400
|
|
md-ref-typeface-weight-medium: 500
|
|
md-ref-typeface-weight-bold: 700
|
|
md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular)
|
|
md-sys-typescale-display-large-size: 57px
|
|
md-sys-typescale-display-large-tracking: '-0.25px'
|
|
md-sys-typescale-display-large-line-height: 64px
|
|
md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium)
|
|
md-sys-typescale-emphasized-display-large-size: 57px
|
|
md-sys-typescale-emphasized-display-large-tracking: '-0.25px'
|
|
md-sys-typescale-emphasized-display-large-line-height: 64px
|
|
md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular)
|
|
md-sys-typescale-display-medium-size: 45px
|
|
md-sys-typescale-display-medium-line-height: 52px
|
|
md-sys-typescale-display-medium-tracking: 0
|
|
md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium)
|
|
md-sys-typescale-emphasized-display-medium-size: 45px
|
|
md-sys-typescale-emphasized-display-medium-line-height: 52px
|
|
md-sys-typescale-emphasized-display-medium-tracking: 0
|
|
md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular)
|
|
md-sys-typescale-display-small-size: 36px
|
|
md-sys-typescale-display-small-line-height: 44px
|
|
md-sys-typescale-display-small-tracking: 0
|
|
md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium)
|
|
md-sys-typescale-emphasized-display-small-size: 36px
|
|
md-sys-typescale-emphasized-display-small-line-height: 44px
|
|
md-sys-typescale-emphasized-display-small-tracking: 0
|
|
md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular)
|
|
md-sys-typescale-headline-large-size: 32px
|
|
md-sys-typescale-headline-large-line-height: 40px
|
|
md-sys-typescale-headline-large-tracking: 0
|
|
md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium)
|
|
md-sys-typescale-emphasized-headline-large-size: 32px
|
|
md-sys-typescale-emphasized-headline-large-line-height: 40px
|
|
md-sys-typescale-emphasized-headline-large-tracking: 0
|
|
md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular)
|
|
md-sys-typescale-headline-medium-size: 28px
|
|
md-sys-typescale-headline-medium-line-height: 36px
|
|
md-sys-typescale-headline-medium-tracking: 0
|
|
md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium)
|
|
md-sys-typescale-emphasized-headline-medium-size: 28px
|
|
md-sys-typescale-emphasized-headline-medium-line-height: 36px
|
|
md-sys-typescale-emphasized-headline-medium-tracking: 0
|
|
md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular)
|
|
md-sys-typescale-headline-small-size: 24px
|
|
md-sys-typescale-headline-small-line-height: 32px
|
|
md-sys-typescale-headline-small-tracking: 0
|
|
md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium)
|
|
md-sys-typescale-emphasized-headline-small-size: 24px
|
|
md-sys-typescale-emphasized-headline-small-line-height: 32px
|
|
md-sys-typescale-emphasized-headline-small-tracking: 0
|
|
md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular)
|
|
md-sys-typescale-title-large-size: 22px
|
|
md-sys-typescale-title-large-line-height: 28px
|
|
md-sys-typescale-title-large-tracking: 0
|
|
md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium)
|
|
md-sys-typescale-emphasized-title-large-size: 22px
|
|
md-sys-typescale-emphasized-title-large-line-height: 28px
|
|
md-sys-typescale-emphasized-title-large-tracking: 0
|
|
md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium)
|
|
md-sys-typescale-title-medium-size: 16px
|
|
md-sys-typescale-title-medium-line-height: 24px
|
|
md-sys-typescale-title-medium-tracking: 0.15px
|
|
md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold)
|
|
md-sys-typescale-emphasized-title-medium-size: 16px
|
|
md-sys-typescale-emphasized-title-medium-line-height: 24px
|
|
md-sys-typescale-emphasized-title-medium-tracking: 0.15px
|
|
md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium)
|
|
md-sys-typescale-title-small-size: 14px
|
|
md-sys-typescale-title-small-line-height: 20px
|
|
md-sys-typescale-title-small-tracking: 0.1px
|
|
md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold)
|
|
md-sys-typescale-emphasized-title-small-size: 14px
|
|
md-sys-typescale-emphasized-title-small-line-height: 20px
|
|
md-sys-typescale-emphasized-title-small-tracking: 0.1px
|
|
md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular)
|
|
md-sys-typescale-body-large-size: 16px
|
|
md-sys-typescale-body-large-line-height: 24px
|
|
md-sys-typescale-body-large-tracking: 0.5px
|
|
md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium)
|
|
md-sys-typescale-emphasized-body-large-size: 16px
|
|
md-sys-typescale-emphasized-body-large-line-height: 24px
|
|
md-sys-typescale-emphasized-body-large-tracking: 0.5px
|
|
md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular)
|
|
md-sys-typescale-body-medium-size: 14px
|
|
md-sys-typescale-body-medium-line-height: 20px
|
|
md-sys-typescale-body-medium-tracking: 0.25px
|
|
md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium)
|
|
md-sys-typescale-emphasized-body-medium-size: 14px
|
|
md-sys-typescale-emphasized-body-medium-line-height: 20px
|
|
md-sys-typescale-emphasized-body-medium-tracking: 0.25px
|
|
md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular)
|
|
md-sys-typescale-body-small-size: 12px
|
|
md-sys-typescale-body-small-line-height: 16px
|
|
md-sys-typescale-body-small-tracking: 0.4px
|
|
md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium)
|
|
md-sys-typescale-emphasized-body-small-size: 12px
|
|
md-sys-typescale-emphasized-body-small-line-height: 16px
|
|
md-sys-typescale-emphasized-body-small-tracking: 0.4px
|
|
md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium)
|
|
md-sys-typescale-label-large-weight-prominent: var(--md-ref-typeface-weight-bold)
|
|
md-sys-typescale-label-large-size: 14px
|
|
md-sys-typescale-label-large-line-height: 20px
|
|
md-sys-typescale-label-large-tracking: 0.1px
|
|
md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold)
|
|
md-sys-typescale-emphasized-label-large-size: 14px
|
|
md-sys-typescale-emphasized-label-large-line-height: 20px
|
|
md-sys-typescale-emphasized-label-large-tracking: 0.1px
|
|
md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium)
|
|
md-sys-typescale-label-medium-weight-prominent: var(--md-ref-typeface-weight-bold)
|
|
md-sys-typescale-label-medium-size: 12px
|
|
md-sys-typescale-label-medium-line-height: 16px
|
|
md-sys-typescale-label-medium-tracking: 0.5px
|
|
md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold)
|
|
md-sys-typescale-emphasized-label-medium-size: 12px
|
|
md-sys-typescale-emphasized-label-medium-line-height: 16px
|
|
md-sys-typescale-emphasized-label-medium-tracking: 0.5px
|
|
md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium)
|
|
md-sys-typescale-label-small-size: 11px
|
|
md-sys-typescale-label-small-line-height: 16px
|
|
md-sys-typescale-label-small-tracking: 0.5px
|
|
md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold)
|
|
md-sys-typescale-emphasized-label-small-size: 11px
|
|
md-sys-typescale-emphasized-label-small-line-height: 16px
|
|
md-sys-typescale-emphasized-label-small-tracking: 0.5px
|
|
modes:
|
|
dark:
|
|
md-sys-color-primary: 'var(--md-sys-color-primary-dark, #b5c4ff)'
|
|
md-sys-color-on-primary: 'var(--md-sys-color-on-primary-dark, #1c2d61)'
|
|
md-sys-color-primary-container: 'var(--md-sys-color-primary-container-dark, #344479)'
|
|
md-sys-color-on-primary-container: 'var(--md-sys-color-on-primary-container-dark, #dce1ff)'
|
|
md-sys-color-primary-palette-key-color: 'var(--md-sys-color-primary-palette-key-color-dark, #6575ad)'
|
|
md-sys-color-inverse-primary: 'var(--md-sys-color-inverse-primary-dark, #4c5c92)'
|
|
md-sys-color-primary-fixed: 'var(--md-sys-color-primary-fixed-dark, #dce1ff)'
|
|
md-sys-color-primary-fixed-dim: 'var(--md-sys-color-primary-fixed-dim-dark, #b5c4ff)'
|
|
md-sys-color-on-primary-fixed: 'var(--md-sys-color-on-primary-fixed-dark, #02174b)'
|
|
md-sys-color-on-primary-fixed-variant: 'var(--md-sys-color-on-primary-fixed-variant-dark, #344479)'
|
|
md-sys-color-secondary: 'var(--md-sys-color-secondary-dark, #c1c5dd)'
|
|
md-sys-color-on-secondary: 'var(--md-sys-color-on-secondary-dark, #2b3042)'
|
|
md-sys-color-secondary-container: 'var(--md-sys-color-secondary-container-dark, #414659)'
|
|
md-sys-color-on-secondary-container: 'var(--md-sys-color-on-secondary-container-dark, #dee1f9)'
|
|
md-sys-color-secondary-palette-key-color: 'var(--md-sys-color-secondary-palette-key-color-dark, #72768b)'
|
|
md-sys-color-secondary-fixed: 'var(--md-sys-color-secondary-fixed-dark, #dee1f9)'
|
|
md-sys-color-secondary-fixed-dim: 'var(--md-sys-color-secondary-fixed-dim-dark, #c1c5dd)'
|
|
md-sys-color-on-secondary-fixed: 'var(--md-sys-color-on-secondary-fixed-dark, #161b2c)'
|
|
md-sys-color-on-secondary-fixed-variant: 'var(--md-sys-color-on-secondary-fixed-variant-dark, #414659)'
|
|
md-sys-color-tertiary: 'var(--md-sys-color-tertiary-dark, #e3badb)'
|
|
md-sys-color-on-tertiary: 'var(--md-sys-color-on-tertiary-dark, #432740)'
|
|
md-sys-color-tertiary-container: 'var(--md-sys-color-tertiary-container-dark, #5b3d57)'
|
|
md-sys-color-on-tertiary-container: 'var(--md-sys-color-on-tertiary-container-dark, #ffd7f6)'
|
|
md-sys-color-tertiary-palette-key-color: 'var(--md-sys-color-tertiary-palette-key-color-dark, #8f6c89)'
|
|
md-sys-color-tertiary-fixed: 'var(--md-sys-color-tertiary-fixed-dark, #ffd7f6)'
|
|
md-sys-color-tertiary-fixed-dim: 'var(--md-sys-color-tertiary-fixed-dim-dark, #e3badb)'
|
|
md-sys-color-on-tertiary-fixed: 'var(--md-sys-color-on-tertiary-fixed-dark, #2c122a)'
|
|
md-sys-color-on-tertiary-fixed-variant: 'var(--md-sys-color-on-tertiary-fixed-variant-dark, #5b3d57)'
|
|
md-sys-color-neutral-palette-key-color: 'var(--md-sys-color-neutral-palette-key-color-dark, #76767d)'
|
|
md-sys-color-neutral-variant-palette-key-color: 'var(--md-sys-color-neutral-variant-palette-key-color-dark, #75767f)'
|
|
md-sys-color-error: 'var(--md-sys-color-error-dark, #ffb4ab)'
|
|
md-sys-color-on-error: 'var(--md-sys-color-on-error-dark, #690005)'
|
|
md-sys-color-error-container: 'var(--md-sys-color-error-container-dark, #93000a)'
|
|
md-sys-color-on-error-container: 'var(--md-sys-color-on-error-container-dark, #ffdad6)'
|
|
md-sys-color-surface: 'var(--md-sys-color-surface-dark, #121318)'
|
|
md-sys-color-on-surface: 'var(--md-sys-color-on-surface-dark, #e3e1e9)'
|
|
md-sys-color-surface-variant: 'var(--md-sys-color-surface-variant-dark, #45464f)'
|
|
md-sys-color-on-surface-variant: 'var(--md-sys-color-on-surface-variant-dark, #c6c6d0)'
|
|
md-sys-color-surface-dim: 'var(--md-sys-color-surface-dim-dark, #121318)'
|
|
md-sys-color-surface-bright: 'var(--md-sys-color-surface-bright-dark, #38393f)'
|
|
md-sys-color-surface-container-lowest: 'var(--md-sys-color-surface-container-lowest-dark, #0d0e13)'
|
|
md-sys-color-surface-container-low: 'var(--md-sys-color-surface-container-low-dark, #1a1b21)'
|
|
md-sys-color-surface-container: 'var(--md-sys-color-surface-container-dark, #1e1f25)'
|
|
md-sys-color-surface-container-high: 'var(--md-sys-color-surface-container-high-dark, #292a2f)'
|
|
md-sys-color-surface-container-highest: 'var(--md-sys-color-surface-container-highest-dark, #34343a)'
|
|
md-sys-color-inverse-surface: 'var(--md-sys-color-inverse-surface-dark, #e3e1e9)'
|
|
md-sys-color-inverse-on-surface: 'var(--md-sys-color-inverse-on-surface-dark, #2f3036)'
|
|
md-sys-color-surface-tint: 'var(--md-sys-color-surface-tint-dark, #b5c4ff)'
|
|
md-sys-color-outline: 'var(--md-sys-color-outline-dark, #8f909a)'
|
|
md-sys-color-outline-variant: 'var(--md-sys-color-outline-variant-dark, #45464f)'
|
|
md-sys-color-shadow: 'var(--md-sys-color-shadow-dark, #000000)'
|
|
md-sys-color-scrim: 'var(--md-sys-color-scrim-dark, #000000)'
|
|
disabled-text-color: 'var(--disabled-text-color-dark, #ffffff80)'
|
|
disabled-color: 'var(--disabled-color-dark, #000000)'
|
|
state-inactive-color: 'var(--state-inactive-color-dark, #484a4e)'
|
|
light:
|
|
md-sys-color-primary: 'var(--md-sys-color-primary-light, #4c5c92)'
|
|
md-sys-color-on-primary: 'var(--md-sys-color-on-primary-light, #ffffff)'
|
|
md-sys-color-primary-container: 'var(--md-sys-color-primary-container-light, #dce1ff)'
|
|
md-sys-color-on-primary-container: 'var(--md-sys-color-on-primary-container-light, #344479)'
|
|
md-sys-color-primary-palette-key-color: 'var(--md-sys-color-primary-palette-key-color-light, #6575ad)'
|
|
md-sys-color-inverse-primary: 'var(--md-sys-color-inverse-primary-light, #b5c4ff)'
|
|
md-sys-color-primary-fixed: 'var(--md-sys-color-primary-fixed-light, #dce1ff)'
|
|
md-sys-color-primary-fixed-dim: 'var(--md-sys-color-primary-fixed-dim-light, #b5c4ff)'
|
|
md-sys-color-on-primary-fixed: 'var(--md-sys-color-on-primary-fixed-light, #02174b)'
|
|
md-sys-color-on-primary-fixed-variant: 'var(--md-sys-color-on-primary-fixed-variant-light, #344479)'
|
|
md-sys-color-secondary: 'var(--md-sys-color-secondary-light, #595e72)'
|
|
md-sys-color-on-secondary: 'var(--md-sys-color-on-secondary-light, #ffffff)'
|
|
md-sys-color-secondary-container: 'var(--md-sys-color-secondary-container-light, #dee1f9)'
|
|
md-sys-color-on-secondary-container: 'var(--md-sys-color-on-secondary-container-light, #414659)'
|
|
md-sys-color-secondary-palette-key-color: 'var(--md-sys-color-secondary-palette-key-color-light, #72768b)'
|
|
md-sys-color-secondary-fixed: 'var(--md-sys-color-secondary-fixed-light, #dee1f9)'
|
|
md-sys-color-secondary-fixed-dim: 'var(--md-sys-color-secondary-fixed-dim-light, #c1c5dd)'
|
|
md-sys-color-on-secondary-fixed: 'var(--md-sys-color-on-secondary-fixed-light, #161b2c)'
|
|
md-sys-color-on-secondary-fixed-variant: 'var(--md-sys-color-on-secondary-fixed-variant-light, #414659)'
|
|
md-sys-color-tertiary: 'var(--md-sys-color-tertiary-light, #745470)'
|
|
md-sys-color-on-tertiary: 'var(--md-sys-color-on-tertiary-light, #ffffff)'
|
|
md-sys-color-tertiary-container: 'var(--md-sys-color-tertiary-container-light, #ffd7f6)'
|
|
md-sys-color-on-tertiary-container: 'var(--md-sys-color-on-tertiary-container-light, #5b3d57)'
|
|
md-sys-color-tertiary-palette-key-color: 'var(--md-sys-color-tertiary-palette-key-color-light, #8f6c89)'
|
|
md-sys-color-tertiary-fixed: 'var(--md-sys-color-tertiary-fixed-light, #ffd7f6)'
|
|
md-sys-color-tertiary-fixed-dim: 'var(--md-sys-color-tertiary-fixed-dim-light, #e3badb)'
|
|
md-sys-color-on-tertiary-fixed: 'var(--md-sys-color-on-tertiary-fixed-light, #2c122a)'
|
|
md-sys-color-on-tertiary-fixed-variant: 'var(--md-sys-color-on-tertiary-fixed-variant-light, #5b3d57)'
|
|
md-sys-color-neutral-palette-key-color: 'var(--md-sys-color-neutral-palette-key-color-light, #76767d)'
|
|
md-sys-color-neutral-variant-palette-key-color: 'var(--md-sys-color-neutral-variant-palette-key-color-light, #75767f)'
|
|
md-sys-color-error: 'var(--md-sys-color-error-light, #ba1a1a)'
|
|
md-sys-color-on-error: 'var(--md-sys-color-on-error-light, #ffffff)'
|
|
md-sys-color-error-container: 'var(--md-sys-color-error-container-light, #ffdad6)'
|
|
md-sys-color-on-error-container: 'var(--md-sys-color-on-error-container-light, #93000a)'
|
|
md-sys-color-surface: 'var(--md-sys-color-surface-light, #faf8ff)'
|
|
md-sys-color-on-surface: 'var(--md-sys-color-on-surface-light, #1a1b21)'
|
|
md-sys-color-surface-variant: 'var(--md-sys-color-surface-variant-light, #e2e1ec)'
|
|
md-sys-color-on-surface-variant: 'var(--md-sys-color-on-surface-variant-light, #45464f)'
|
|
md-sys-color-surface-dim: 'var(--md-sys-color-surface-dim-light, #dad9e0)'
|
|
md-sys-color-surface-bright: 'var(--md-sys-color-surface-bright-light, #faf8ff)'
|
|
md-sys-color-surface-container-lowest: 'var(--md-sys-color-surface-container-lowest-light, #ffffff)'
|
|
md-sys-color-surface-container-low: 'var(--md-sys-color-surface-container-low-light, #f4f3fa)'
|
|
md-sys-color-surface-container: 'var(--md-sys-color-surface-container-light, #eeedf4)'
|
|
md-sys-color-surface-container-high: 'var(--md-sys-color-surface-container-high-light, #e9e7ef)'
|
|
md-sys-color-surface-container-highest: 'var(--md-sys-color-surface-container-highest-light, #e3e1e9)'
|
|
md-sys-color-inverse-surface: 'var(--md-sys-color-inverse-surface-light, #2f3036)'
|
|
md-sys-color-inverse-on-surface: 'var(--md-sys-color-inverse-on-surface-light, #f1f0f7)'
|
|
md-sys-color-surface-tint: 'var(--md-sys-color-surface-tint-light, #4c5c92)'
|
|
md-sys-color-outline: 'var(--md-sys-color-outline-light, #767680)'
|
|
md-sys-color-outline-variant: 'var(--md-sys-color-outline-variant-light, #c6c6d0)'
|
|
md-sys-color-shadow: 'var(--md-sys-color-shadow-light, #000000)'
|
|
md-sys-color-scrim: 'var(--md-sys-color-scrim-light, #000000)'
|
|
disabled-text-color: 'var(--disabled-text-color-light, #808080)'
|
|
disabled-color: 'var(--disabled-color-light, #a5a5a5)'
|
|
state-inactive-color: 'var(--state-inactive-color-light, #9e9e9e)'
|
|
primary-color: var(--md-sys-color-primary)
|
|
accent-color: var(--md-sys-color-secondary)
|
|
state-icon-color: var(--md-sys-color-on-surface-variant)
|
|
primary-text-color: var(--md-sys-color-on-surface)
|
|
secondary-text-color: var(--md-sys-color-on-surface-variant)
|
|
label-badge-text-color: var(--md-sys-color-on-surface-variant)
|
|
secondary-background-color: var(--md-sys-color-secondary-container)
|
|
light-primary-color: hsl(from var(--md-sys-color-primary) h s calc(l + 20))
|
|
dark-primary-color: hsl(from var(--md-sys-color-primary) h s calc(l - 20))
|
|
darker-primary-color: hsl(from var(--md-sys-color-primary) h s calc(l - 40))
|
|
divider-color: var(--md-sys-color-outline-variant)
|
|
scrollbar-thumb-color: '#2e3038'
|
|
stroke-color: var(--md-sys-color-on-surface-variant)
|
|
active-color: var(--md-sys-color-tertiary)
|
|
track-color: var(--md-sys-color-inverse-primary)
|
|
hover-color: var(--md-sys-color-primary)
|
|
error-color: var(--md-sys-color-error)
|
|
on-error-color: var(--md-sys-color-on-error)
|
|
warning-color: 'var(--md-sys-color-warning, #ffa600)'
|
|
success-color: 'var(--md-sys-color-success, #43a047)'
|
|
info-color: 'var(--md-sys-color-info, #039be5)'
|
|
red-color: 'var(--md-sys-color-red, #f44336)'
|
|
pink-color: 'var(--md-sys-color-pink, #e91e63)'
|
|
purple-color: 'var(--md-sys-color-purple, #926bc7)'
|
|
deep-purple-color: 'var(--md-sys-color-deep-purple, #6e41ab)'
|
|
indigo-color: 'var(--md-sys-color-indigo, #3f51b5)'
|
|
blue-color: 'var(--md-sys-color-blue, #2196f3)'
|
|
light-blue-color: 'var(--md-sys-color-light-blue, #03a9f4)'
|
|
cyan-color: 'var(--md-sys-color-cyan, #00bcd4)'
|
|
teal-color: 'var(--md-sys-color-teal, #009688)'
|
|
green-color: 'var(--md-sys-color-green, #4caf50)'
|
|
light-green-color: 'var(--md-sys-color-light-green, #8bc34a)'
|
|
lime-color: 'var(--md-sys-color-lime, #cddc39)'
|
|
yellow-color: 'var(--md-sys-color-yellow, #ffeb3b)'
|
|
amber-color: 'var(--md-sys-color-amber, #ffc107)'
|
|
orange-color: 'var(--md-sys-color-orange, #ff9800)'
|
|
deep-orange-color: 'var(--md-sys-color-deep-orange, #ff6f22)'
|
|
brown-color: 'var(--md-sys-color-brown, #795548)'
|
|
light-grey-color: 'var(--md-sys-color-light-grey, #bdbdbd)'
|
|
grey-color: 'var(--md-sys-color-grey, #9e9e9e)'
|
|
dark-grey-color: 'var(--md-sys-color-dark-grey, #606060)'
|
|
blue-grey-color: 'var(--md-sys-color-blue-grey, #607d8b)'
|
|
ha-color-primary-05: 'var(--md-sys-color-primary-05, #000d36)'
|
|
ha-color-primary-10: 'var(--md-sys-color-primary-10, #000d36)'
|
|
ha-color-primary-20: 'var(--md-sys-color-primary-20, #1d2d5f)'
|
|
ha-color-primary-30: 'var(--md-sys-color-primary-30, #354477)'
|
|
ha-color-primary-40: 'var(--md-sys-color-primary-40, #4d5c90)'
|
|
ha-color-primary-50: 'var(--md-sys-color-primary-50, #6675ab)'
|
|
ha-color-primary-60: 'var(--md-sys-color-primary-60, #808ec6)'
|
|
ha-color-primary-70: 'var(--md-sys-color-primary-70, #9aa9e2)'
|
|
ha-color-primary-80: 'var(--md-sys-color-primary-80, #b5c4ff)'
|
|
ha-color-primary-90: 'var(--md-sys-color-primary-90, #dce1ff)'
|
|
ha-color-primary-95: 'var(--md-sys-color-primary-95, #dce1ff)'
|
|
ha-color-neutral-05: 'var(--md-sys-color-neutral-05, #141414)'
|
|
ha-color-neutral-10: 'var(--md-sys-color-neutral-10, #202020)'
|
|
ha-color-neutral-20: 'var(--md-sys-color-neutral-20, #363636)'
|
|
ha-color-neutral-30: 'var(--md-sys-color-neutral-30, #4a4a4a)'
|
|
ha-color-neutral-40: 'var(--md-sys-color-neutral-40, #5e5e5e)'
|
|
ha-color-neutral-50: 'var(--md-sys-color-neutral-50, #7a7a7a)'
|
|
ha-color-neutral-60: 'var(--md-sys-color-neutral-60, #989898)'
|
|
ha-color-neutral-70: 'var(--md-sys-color-neutral-70, #b1b1b1)'
|
|
ha-color-neutral-80: 'var(--md-sys-color-neutral-80, #b1b1b1)'
|
|
ha-color-neutral-90: 'var(--md-sys-color-neutral-90, #e6e6e6)'
|
|
ha-color-neutral-95: 'var(--md-sys-color-neutral-95, #f3f3f3)'
|
|
ha-color-orange-05: 'var(--md-sys-color-orange-05, #1d0d00)'
|
|
ha-color-orange-10: 'var(--md-sys-color-orange-10, #2c1600)'
|
|
ha-color-orange-20: 'var(--md-sys-color-orange-20, #4a2800)'
|
|
ha-color-orange-30: 'var(--md-sys-color-orange-30, #693c00)'
|
|
ha-color-orange-40: 'var(--md-sys-color-orange-40, #8b5000)'
|
|
ha-color-orange-50: 'var(--md-sys-color-orange-50, #ae6600)'
|
|
ha-color-orange-60: 'var(--md-sys-color-orange-60, #d27c00)'
|
|
ha-color-orange-70: 'var(--md-sys-color-orange-70, #f79300)'
|
|
ha-color-orange-80: 'var(--md-sys-color-orange-80, #ffb870)'
|
|
ha-color-orange-90: 'var(--md-sys-color-orange-90, #ffdcbe)'
|
|
ha-color-orange-95: 'var(--md-sys-color-orange-95, #ffeee1)'
|
|
ha-color-red-05: 'var(--md-sys-color-red-05, #2d0000)'
|
|
ha-color-red-10: 'var(--md-sys-color-red-10, #410001)'
|
|
ha-color-red-20: 'var(--md-sys-color-red-20, #690002)'
|
|
ha-color-red-30: 'var(--md-sys-color-red-30, #930005)'
|
|
ha-color-red-40: 'var(--md-sys-color-red-40, #bb1614)'
|
|
ha-color-red-50: 'var(--md-sys-color-red-50, #e0342a)'
|
|
ha-color-red-60: 'var(--md-sys-color-red-60, #ff5545)'
|
|
ha-color-red-70: 'var(--md-sys-color-red-70, #ff8a7b)'
|
|
ha-color-red-80: 'var(--md-sys-color-red-80, #ffb4a9)'
|
|
ha-color-red-90: 'var(--md-sys-color-red-90, #ffdad5)'
|
|
ha-color-red-95: 'var(--md-sys-color-red-95, #ffedea)'
|
|
ha-color-green-05: 'var(--md-sys-color-green-05, #001502)'
|
|
ha-color-green-10: 'var(--md-sys-color-green-10, #002204)'
|
|
ha-color-green-20: 'var(--md-sys-color-green-20, #00390a)'
|
|
ha-color-green-30: 'var(--md-sys-color-green-30, #005313)'
|
|
ha-color-green-40: 'var(--md-sys-color-green-40, #006e1c)'
|
|
ha-color-green-50: 'var(--md-sys-color-green-50, #22892f)'
|
|
ha-color-green-60: 'var(--md-sys-color-green-60, #41a447)'
|
|
ha-color-green-70: 'var(--md-sys-color-green-70, #5dc05e)'
|
|
ha-color-green-80: 'var(--md-sys-color-green-80, #78dc77)'
|
|
ha-color-green-90: 'var(--md-sys-color-green-90, #94f990)'
|
|
ha-color-green-95: 'var(--md-sys-color-green-95, #c8ffc0)'
|
|
energy-grid-consumption-color: 'var(--md-sys-color-energy-grid-consumption, #488fc2)'
|
|
energy-grid-return-color: 'var(--md-sys-color-energy-grid-return, #8353d1)'
|
|
energy-solar-color: 'var(--md-sys-color-energy-solar, #ff9800)'
|
|
energy-non-fossil-color: 'var(--md-sys-color-energy-non-fossil, #0f9d58)'
|
|
energy-battery-out-color: 'var(--md-sys-color-energy-battery-out, #4db6ac)'
|
|
energy-battery-in-color: 'var(--md-sys-color-energy-battery-in, #f06292)'
|
|
energy-gas-color: 'var(--md-sys-color-energy-gas, #8e021b)'
|
|
energy-water-color: 'var(--md-sys-color-energy-water, #00bcd4)'
|
|
primary-background-color: var(--md-sys-color-surface-container)
|
|
card-background-color: var(--md-sys-color-surface-container-low)
|
|
ha-card-background: var(--md-sys-color-surface-container-low)
|
|
ha-card-border-radius: var(--md-sys-shape-corner-extra-large)
|
|
ha-card-box-shadow: var(--md-sys-elevation-level1)
|
|
ha-card-border-color: '#00000000'
|
|
ha-card-border-width: 0px
|
|
ha-card-border-style: none
|
|
ha-card-border: none
|
|
ha-config-card-border-radius: var(--md-sys-shape-corner-large)
|
|
lovelace-background: var(--md-sys-color-surface)
|
|
view-background: var(--md-sys-color-surface)
|
|
app-header-background-color: var(--md-sys-color-surface)
|
|
margin-title-ltr: 0
|
|
margin-title-rtl: 0
|
|
sidebar-selected-text-color: var(--md-sys-color-secondary)
|
|
sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container)
|
|
sidebar-selected-background: var(--md-sys-color-secondary-container)
|
|
sidebar-icon-color: var(--md-sys-color-on-surface-variant)
|
|
sidebar-text-color: var(--md-sys-color-on-surface-variant)
|
|
sidebar-menu-button-text-color: var(--md-sys-color-on-surface-variant)
|
|
sidebar-state-pressed-background: var(--md-sys-color-on-secondary-container)
|
|
sidebar-background-color: var(--md-sys-color-surface-container)
|
|
md-list-item-hover-state-layer-color: var(--md-sys-color-on-surface)
|
|
md-list-item-pressed-state-layer-color: var(--md-sys-color-on-secondary-container)
|
|
md-list-item-hover-state-layer-opacity: 0.08
|
|
md-list-item-pressed-state-layer-opacity: 0.1
|
|
app-header-text-color: var(--md-sys-color-on-surface)
|
|
app-header-edit-text-color: var(--md-sys-color-on-surface-variant)
|
|
ha-dialog-surface-background: var(--md-sys-color-surface-container-high)
|
|
ha-dialog-border-radius: var(--md-sys-shape-corner-extra-large)
|
|
mdc-dialog-scrim-color: rgba(from var(--md-sys-color-scrim) r g b / 0.32)
|
|
dialog-content-overflow: hidden auto
|
|
md-dialog-container-color: var(--md-sys-color-surface-container-high)
|
|
md-dialog-headline-size: var(--md-sys-typescale-headline-small-size)
|
|
md-dialog-headline-weight: var(--md-sys-typescale-headline-small-weight)
|
|
md-dialog-headline-line-height: var(--md-sys-typescale-headline-small-line-height)
|
|
md-dialog-headline-tracking: var(--md-sys-typescale-headline-small-tracking)
|
|
md-dialog-supporting-text-size: var(--md-sys-typescale-body-medium-size)
|
|
md-dialog-supporting-text-weight: var(--md-sys-typescale-body-medium-weight)
|
|
md-dialog-supporting-text-line-height: var(--md-sys-typescale-body-medium-line-height)
|
|
md-dialog-supporting-text-tracking: var(--md-sys-typescale-body-medium-tracking)
|
|
mdc-theme-primary: var(--md-sys-color-primary)
|
|
mdc-theme-secondary: var(--md-sys-color-secondary)
|
|
mdc-theme-surface: var(--md-sys-color-surface-container)
|
|
mdc-theme-on-primary: var(--md-sys-color-on-primary)
|
|
mdc-theme-on-secondary: var(--md-sys-color-on-secondary)
|
|
mdc-theme-on-surface: var(--md-sys-color-on-surface)
|
|
mdc-theme-error: var(--md-sys-color-error)
|
|
md-divider-color: var(--md-sys-color-outline-variant)
|
|
md-switch-checked-button-color: var(--md-sys-color-on-primary)
|
|
md-switch-unchecked-button-color: var(--md-sys-color-outline)
|
|
md-switch-checked-track-color: var(--md-sys-color-primary)
|
|
md-switch-unchecked-track-color: var(--md-sys-color-surface-container-highest)
|
|
md-switch-checked-icon-color: var(--md-sys-color-on-primary-container)
|
|
md-switch-unchecked-icon-color: var(--md-sys-color-surface-container-highest)
|
|
md-switch-checked-button-state-layer: var(--md-sys-color-primary-container)
|
|
md-switch-unchecked-button-state-layer: var(--md-sys-color-on-surface-variant)
|
|
md-switch-unchecked-track-state-layer: var(--md-sys-color-on-surface)
|
|
switch-checked-button-color: var(--md-switch-checked-button-color)
|
|
switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
|
|
switch-checked-track-color: var(--md-switch-checked-track-color)
|
|
switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
|
|
switch-checked-icon-color: var(--md-switch-checked-icon-color)
|
|
switch-unchecked-icon-color: var(--md-switch-unchecked-icon-color)
|
|
switch-checked-button-state-layer: var(--md-switch-checked-button-state-layer)
|
|
switch-unchecked-button-state-layer: var(--md-switch-unchecked-button-state-layer)
|
|
switch-unchecked-track-state-layer: var(--md-switch-unchecked-track-state-layer)
|
|
checkbox-checked-border-color: var(--md-sys-color-primary)
|
|
checkbox-checked-icon-color: var(--md-sys-color-on-primary)
|
|
checkbox-unchecked-border-color: var(--md-sys-color-on-surface-variant)
|
|
checkbox-unchecked-icon-color: var(--md-sys-color-on-surface)
|
|
mdc-checkbox-checked-color: var(--checkbox-checked-border-color)
|
|
mdc-checkbox-ink-color: var(--checkbox-checked-icon-color)
|
|
mdc-checkbox-unchecked-color: var(--checkbox-unchecked-border-color)
|
|
mdc-radio-unchecked-color: var(--md-sys-color-on-surface-variant)
|
|
slider-color: var(--md-sys-color-inverse-primary)
|
|
slider-secondary-color: var(--md-sys-color-primary)
|
|
md-slider-handle-color: var(--md-sys-color-surface-container-low)
|
|
md-slider-handle-shadow-color: transparent
|
|
md-slider-hover-handle-color: var(--md-sys-color-surface-container-low)
|
|
md-slider-hover-state-layer-color: transparent
|
|
md-slider-hover-state-layer-opacity: 0
|
|
md-slider-pressed-handle-color: var(--md-sys-color-surface-container-low)
|
|
md-slider-pressed-state-layer-color: transparent
|
|
md-slider-pressed-state-layer-opacity: 0
|
|
md-slider-focus-handle-color: var(--md-sys-color-surface-container-low)
|
|
md-slider-active-track-height: 24px
|
|
md-slider-inactive-track-height: 24px
|
|
md-slider-active-track-shape: 8px
|
|
md-slider-inactive-track-shape: 8px
|
|
md-slider-active-track-color: var(--md-sys-color-primary)
|
|
md-slider-inactive-track-color: var(--md-sys-color-secondary-container)
|
|
md-slider-label-text-color: var(--md-sys-color-inverse-on-surface)
|
|
md-slider-label-container-color: var(--md-sys-color-inverse-surface)
|
|
md-slider-label-container-height: 44px
|
|
md-slider-label-container-width: 48px
|
|
md-slider-with-tick-marks-container-size: 4px
|
|
md-slider-with-tick-marks-active-container-color: var(--md-sys-color-on-primary)
|
|
md-slider-with-tick-marks-inactive-container-color: var(--md-sys-color-on-secondary-container)
|
|
md-slider-disabled-handle-color: var(--md-sys-color-surface-container-low)
|
|
button-height: 40px
|
|
ha-button-height: 40px
|
|
ha-button-border-radius: calc(var(--ha-button-height))
|
|
mdc-button-disabled-fill-color: rgba(from var(--md-sys-color-on-surface) r g b / 0.12)
|
|
mdc-button-disabled-ink-color: rgba(from var(--md-sys-color-on-surface) r g b / 0.38)
|
|
mdc-typography-button-font-size: var(--md-sys-typescale-label-large-size)
|
|
mdc-typography-button-line-height: var(--md-sys-typescale-label-large-line-height)
|
|
mdc-typography-button-letter-spacing: var(--md-sys-typescale-label-large-tracking)
|
|
mdc-typography-button-font-weight: var(--md-sys-typescale-label-large-weight)
|
|
mdc-typography-button-text-transform: capitalize
|
|
mdc-button-horizontal-padding: 12px
|
|
mdc-button-outline-color: var(--md-sys-color-outline)
|
|
mdc-fab-box-shadow: var(--md-sys-elevation-level3)
|
|
mdc-fab-extended-label-padding: 16px
|
|
mdc-shape-small: var(--md-sys-shape-corner-small)
|
|
mdc-shape-medium: var(--md-sys-shape-corner-medium)
|
|
mdc-shape-large: var(--md-sys-shape-corner-large)
|
|
ha-assist-chip-container-shape: var(--md-sys-shape-corner-small)
|
|
ha-assist-chip-filled-container-color: var(--md-sys-color-secondary-container)
|
|
md-assist-chip-outline-color: var(--md-sys-color-outline-variant)
|
|
md-assist-chip-leading-icon-color: var(--md-sys-color-on-secondary-container)
|
|
md-assist-chip-label-text-color: var(--md-sys-color-on-secondary-container)
|
|
md-assist-chip-hover-state-layer-color: var(--md-sys-color-on-secondary-container)
|
|
md-assist-chip-pressed-state-layer-color: var(--md-sys-color-on-surface-variant)
|
|
hacs-default-icon-color: var(--md-sys-color-primary)
|
|
md-input-chip-outline-color: var(--md-sys-color-outline-variant)
|
|
md-input-chip-focus-outline-color: var(--md-sys-color-on-surface-variant)
|
|
md-input-chip-disabled-outline-color: var(--md-sys-color-on-surface)
|
|
md-input-chip-disabled-outline-opacity: 0.12
|
|
md-input-chip-selected-outline-width: 0px
|
|
md-input-chip-disabled-selected-container-color: var(--md-sys-color-on-surface)
|
|
md-input-chip-disabled-selected-container-opacity: 0.12
|
|
md-input-chip-label-text-size: var(--md-sys-typescale-label-large-size)
|
|
md-input-chip-label-text-weight: var(--md-sys-typescale-label-large-weight)
|
|
md-input-chip-label-text-line-height: var(--md-sys-typescale-label-large-line-height)
|
|
md-input-chip-label-text-tracking: var(--md-sys-typescale-label-large-tracking)
|
|
md-input-chip-label-text-color: var(--md-sys-color-on-surface-variant)
|
|
md-input-chip-disabled-label-text-color: var(--md-sys-color-on-surface)
|
|
md-input-chip-disabled-label-text-opacity: 0.38
|
|
md-input-chip-selected-label-text-color: var(--md-sys-color-on-secondary-container)
|
|
md-input-chip-icon-size: 18px
|
|
md-input-chip-leading-icon-color: var(--md-sys-color-on-surface-variant)
|
|
md-input-chip-hover-leading-icon-color: var(--md-sys-color-primary)
|
|
md-input-chip-focus-leading-icon-color: var(--md-sys-color-primary)
|
|
md-input-chip-pressed-leading-icon-color: var(--md-sys-color-primary)
|
|
md-input-chip-selected-leading-icon-color: var(--md-sys-color-primary)
|
|
md-input-chip-disabled-leading-icon-color: var(--md-sys-color-on-surface)
|
|
md-input-chip-disabled-leading-icon-opacity: 0.38
|
|
md-input-chip-trailing-icon-color: var(--md-sys-color-on-surface-variant)
|
|
md-input-chip-selected-trailing-icon-color: var(--md-sys-color-on-secondary-container)
|
|
md-input-chip-disabled-trailing-icon-color: var(--md-sys-color-on-surface)
|
|
md-input-chip-disabled-trailing-icon-opacity: 0.38
|
|
md-input-chip-disabled-avatar-opacity: 0.38
|
|
md-input-chip-hover-state-layer-color: var(--md-sys-color-on-surface-variant)
|
|
md-input-chip-hover-state-layer-opacity: 0.08
|
|
md-input-chip-selected-hover-state-layer-color: var(--md-sys-color-on-secondary-container)
|
|
md-input-chip-selected-hover-state-layer-opacity: 0.08
|
|
md-input-chip-pressed-state-layer-color: var(--md-sys-color-on-surface-variant)
|
|
md-input-chip-pressed-state-layer-opacity: 0.1
|
|
md-input-chip-selected-pressed-state-layer-color: var(--md-sys-color-on-secondary-container)
|
|
md-input-chip-selected-pressed-state-layer-opacity: 0.1
|
|
horizontal-stack-card-margin: 0px 4px
|
|
vertical-stack-card-margin: 4px 0px
|
|
ha-view-sections-row-gap: 18px
|
|
header-height: 64px
|
|
footer-height: 64px
|
|
mdc-top-app-bar-fixed-box-shadow: none
|
|
app-header-edit-background-color: var(--md-sys-color-surface-container)
|
|
app-header-selection-bar-color: none
|
|
navbar-background: var(--md-sys-color-surface-container)
|
|
font-family: >-
|
|
Figtree, "Google Sans", "Roboto Flex", Roboto, -apple-system,
|
|
BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color
|
|
Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
|
|
primary-font-family: var(--font-family)
|
|
ha-card-header-font-family: var(--font-family)
|
|
mdc-typography-font-family: var(--font-family)
|
|
mdc-typography-button-font-family: var(--font-family)
|
|
mdc-typography-headline6-font-family: var(--font-family)
|
|
mdc-typography-body1-font-family: var(--font-family)
|
|
mdc-typography-subtitle1-font-family: var(--font-family)
|
|
md-ref-typeface-plain: var(--font-family)
|
|
ha-card-header-font-size: var(--md-sys-typescale-headline-small-size)
|
|
ha-heading-card-title-font-size: var(--md-sys-typescale-title-medium-size)
|
|
ha-heading-card-title-font-weight: var(--md-sys-typescale-title-medium-weight)
|
|
ha-heading-card-title-line-height: var(--md-sys-typescale-title-medium-line-height)
|
|
ha-heading-card-subtitle-font-size: var(--md-sys-typescale-title-small-size)
|
|
ha-heading-card-subtitle-font-weight: var(--md-sys-typescale-title-small-weight)
|
|
ha-heading-card-subtitle-line-height: var(--md-sys-typescale-title-small-line-height)
|
|
ha-font-family-body: var(--font-family)
|
|
ha-font-family-heading: var(--font-family)
|
|
ha-font-family-code: var(--font-family)
|
|
ha-font-family-longform: var(--font-family)
|
|
text-primary-color: var(--md-sys-color-surface)
|
|
text-light-primary-color: hsl(from var(--md-sys-color-surface) h s calc(l + 20))
|
|
text-accent-color: var(--md-sys-color-on-secondary)
|
|
link-text-color: var(--md-sys-color-primary)
|
|
mdc-theme-background: var(--md-sys-color-surface)
|
|
mdc-theme-text-disabled-on-light: var(--disabled-text-color)
|
|
mdc-theme-text-primary-on-background: var(--md-sys-color-on-surface)
|
|
mdc-theme-text-secondary-on-background: var(--md-sys-color-on-surface-variant)
|
|
mdc-theme-text-hint-on-background: var(--md-sys-color-on-surface-variant)
|
|
mdc-theme-text-icon-on-background: var(--md-sys-color-on-surface-variant)
|
|
input-background-color: var(--md-sys-color-surface-container-highest)
|
|
input-fill-color: var(--md-sys-color-surface-container-highest)
|
|
input-ink-color: var(--md-sys-color-on-surface)
|
|
input-label-ink-color: var(--md-sys-color-on-surface-variant)
|
|
input-disabled-fill-color: rgba(from var(--md-sys-color-surface-container-highest) r g b / 0.5)
|
|
input-disabled-ink-color: var(--disabled-text-color)
|
|
input-disabled-label-ink-color: var(--disabled-text-color)
|
|
input-idle-line-color: var(--md-sys-color-on-surface-variant)
|
|
input-hover-line-color: var(--md-sys-color-primary)
|
|
input-dropdown-icon-color: var(--md-sys-color-on-surface-variant)
|
|
mdc-select-fill-color: var(--md-sys-color-surface-container-highest)
|
|
mdc-select-ink-color: var(--md-sys-color-on-surface)
|
|
mdc-select-label-ink-color: var(--md-sys-color-on-surface-variant)
|
|
mdc-select-idle-line-color: var(--md-sys-color-on-surface-variant)
|
|
mdc-select-hover-line-color: var(--md-sys-color-primary)
|
|
mdc-select-dropdown-icon-color: var(--md-sys-color-on-surface-variant)
|
|
mdc-text-field-ink-color: var(--md-sys-color-on-surface)
|
|
mdc-text-field-label-ink-color: var(--md-sys-color-on-surface-variant)
|
|
mdc-text-field-fill-color: var(--md-sys-color-surface-container-highest)
|
|
mdc-text-field-idle-line-color: var(--md-sys-color-on-surface-variant)
|
|
mdc-text-field-hover-line-color: var(--md-sys-color-primary)
|
|
md-menu-container-color: var(--md-sys-color-surface-container)
|
|
md-menu-item-label-text-size: var(--md-sys-typescale-body-large-size)
|
|
md-menu-item-label-text-line-height: var(--md-sys-typescale-body-large-line-height)
|
|
md-menu-item-label-text-weight: var(--md-sys-typescale-body-large-weight)
|
|
mdc-list-item-graphic-margin: 16px
|
|
mdc-menu-item-height: 56px
|
|
code-editor-background-color: var(--md-sys-color-surface-container)
|
|
codemirror-meta: var(--md-sys-color-on-surface)
|
|
codemirror-property: var(--md-sys-color-primary)
|
|
codemirror-atom: var(--md-sys-color-primary)
|
|
bubble-accent-color: var(--md-sys-color-inverse-primary)
|
|
bubble-select-arrow-background-color: var(--md-sys-color-inverse-primary)
|
|
bubble-select-list-item-accent-color: var(--md-sys-color-secondary-container)
|
|
bubble-sub-button-light-background-color: var(--md-sys-color-secondary-container)
|
|
bubble-main-background-color: var(--md-sys-color-surface-container-highest)
|
|
bubble-pop-up-main-background-color: var(--md-sys-color-surface-container-low)
|
|
bubble-pop-up-border-radius: var(--md-sys-shape-corner-extra-large)
|
|
version: 5.0.1
|