Created
March 22, 2025 15:02
-
-
Save rubin110/2cf8db818675ed3c8539fa425adb836c to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| --- | |
| # | |
| # HA Default Red | |
| # | |
| ha_default_red: | |
| modes: | |
| dark: | |
| primary-color: "#ff0000" | |
| accent-color: "#e34040" | |
| app-header-background-color: "#660000" | |
| ha-card-border-width: "0px" | |
| ha-card-border-radius: 8px | |
| # ha-card-chip-border-radius: 32px !important | |
| ha-card-border-color: "#333333" | |
| divider-color: "#1c1c1c" | |
| primary-background-color: "#000000" | |
| mush-chip-spacing: 8px | |
| mush-chip-padding: 0 0.25em | |
| mush-chip-height: 40px | |
| mush-chip-border-radius: 32px | |
| # mush-chip-border-width: var(--ha-card-border-width, 1px) | |
| # mush-chip-border-color: var(--ha-card-border-color, var(--divider-color)) | |
| # mush-chip-box-shadow: var(--ha-card-box-shadow, none) | |
| mush-chip-font-size: 0.35em | |
| # mush-chip-font-weight: bold | |
| mush-chip-icon-size: 0.6em | |
| mush-chip-avatar-padding: 0.1em | |
| # mush-chip-avatar-border-radius: 50% | |
| # mush-chip-background: var(--ha-card-background, white) | |
| ha-card-overlay-margin: 0.5em | |
| light: | |
| primary-color: "#ff0000" | |
| accent-color: "#e34040" | |
| app-header-background-color: "#660000" | |
| ha-card-border-width: "0px" | |
| ha-card-border-radius: 8px | |
| ha-card-chip-border-radius: 32px !important | |
| ha-card-border-color: "#333333" | |
| divider-color: "#1c1c1c" | |
| primary-background-color: "#000000" | |
| code-editor-background-color: "#111111" | |
| card-background-color: "#1c1c1c" | |
| secondary-background-color: "#202020" | |
| primary-text-color: "#e1e1e1" | |
| secondary-text-color: "#9b9b9b" | |
| disabled-text-color: "#6f6f6f" | |
| app-header-text-color: "#e1e1e1" | |
| switch-unchecked-button-color: "#999999" | |
| switch-unchecked-track-color: "#9b9b9b" | |
| input-idle-line-color: rgba(255, 255, 255, 0.42) | |
| input-hover-line-color: rgba(255, 255, 255, 0.87) | |
| input-disabled-line-color: rgba(255, 255, 255, 0.06) | |
| input-outlined-idle-border-color: rgba(255, 255, 255, 0.38) | |
| input-outlined-hover-border-color: rgba(255, 255, 255, 0.87) | |
| input-outlined-disabled-border-color: rgba(255, 255, 255, 0.06) | |
| input-fill-color: rgba(255, 255, 255, 0.05) | |
| input-disabled-fill-color: rgba(255, 255, 255, 0.02) | |
| input-ink-color: rgba(255, 255, 255, 0.87) | |
| input-label-ink-color: rgba(255, 255, 255, 0.6) | |
| input-disabled-ink-color: rgba(255, 255, 255, 0.37) | |
| input-dropdown-icon-color: rgba(255, 255, 255, 0.54) | |
| mdc-theme-primary: var(--primary-color) | |
| mdc-theme-secondary: var(--accent-color) | |
| mdc-theme-background: var(--primary-background-color) | |
| mdc-theme-surface: var(--card-background-color) | |
| mdc-theme-on-primary: var(--text-primary-color) | |
| mdc-theme-on-secondary: var(--text-primary-color) | |
| mdc-theme-on-surface: var(--primary-text-color) | |
| mdc-theme-text-disabled-on-light: var(--disabled-text-color) | |
| mdc-theme-text-primary-on-background: var(--primary-text-color) | |
| mdc-theme-text-secondary-on-background: var(--secondary-text-color) | |
| mdc-theme-text-hint-on-background: var(--secondary-text-color) | |
| mdc-theme-text-icon-on-background: var(--secondary-text-color) | |
| mdc-theme-error: var(--error-color) | |
| rgb-app-header-background-color: 102,0,0 | |
| app-theme-color: var(--app-header-background-color) | |
| mdc-checkbox-unchecked-color: rgba(var(--rgb-primary-text-color), 0.54) | |
| mdc-checkbox-disabled-color: var(--disabled-text-color) | |
| mdc-radio-unchecked-color: rgba(var(--rgb-primary-text-color), 0.54) | |
| mdc-radio-disabled-color: var(--disabled-text-color) | |
| mdc-tab-text-label-color-default: var(--primary-text-color) | |
| mdc-button-disabled-ink-color: var(--disabled-text-color) | |
| mdc-button-outline-color: var(--outline-color) | |
| mdc-dialog-scroll-divider-color: var(--divider-color) | |
| mdc-dialog-heading-ink-color: var(--primary-text-color) | |
| mdc-dialog-content-ink-color: var(--primary-text-color) | |
| mdc-text-field-idle-line-color: var(--input-idle-line-color) | |
| mdc-text-field-hover-line-color: var(--input-hover-line-color) | |
| mdc-text-field-disabled-line-color: var(--input-disabled-line-color) | |
| mdc-text-field-outlined-idle-border-color: var(--input-outlined-idle-border-color) | |
| mdc-text-field-outlined-hover-border-color: var(--input-outlined-hover-border-color) | |
| mdc-text-field-outlined-disabled-border-color: var(--input-outlined-disabled-border-color) | |
| mdc-text-field-fill-color: var(--input-fill-color) | |
| mdc-text-field-disabled-fill-color: var(--input-disabled-fill-color) | |
| mdc-text-field-ink-color: var(--input-ink-color) | |
| mdc-text-field-label-ink-color: var(--input-label-ink-color) | |
| mdc-text-field-disabled-ink-color: var(--input-disabled-ink-color) | |
| mdc-select-idle-line-color: var(--input-idle-line-color) | |
| mdc-select-hover-line-color: var(--input-hover-line-color) | |
| mdc-select-outlined-idle-border-color: var(--input-outlined-idle-border-color) | |
| mdc-select-outlined-hover-border-color: var(--input-outlined-hover-border-color) | |
| mdc-select-outlined-disabled-border-color: var(--input-outlined-disabled-border-color) | |
| mdc-select-fill-color: var(--input-fill-color) | |
| mdc-select-disabled-fill-color: var(--input-disabled-fill-color) | |
| mdc-select-ink-color: var(--input-ink-color) | |
| mdc-select-label-ink-color: var(--input-label-ink-color) | |
| mdc-select-disabled-ink-color: var(--input-disabled-ink-color) | |
| mdc-select-dropdown-icon-color: var(--input-dropdown-icon-color) | |
| mdc-select-disabled-dropdown-icon-color: var(--input-disabled-ink-color) | |
| codemirror-keyword: "#C792EA" | |
| rgb-codemirror-keyword: 199,146,234 | |
| codemirror-operator: "#89DDFF" | |
| rgb-codemirror-operator: 137,221,255 | |
| codemirror-variable: "#f07178" | |
| rgb-codemirror-variable: 240,113,120 | |
| codemirror-variable-2: "#EEFFFF" | |
| rgb-codemirror-variable-2: 238,255,255 | |
| codemirror-variable-3: "#DECB6B" | |
| rgb-codemirror-variable-3: 222,203,107 | |
| codemirror-builtin: "#FFCB6B" | |
| rgb-codemirror-builtin: 255,203,107 | |
| codemirror-atom: "#F78C6C" | |
| rgb-codemirror-atom: 247,140,108 | |
| codemirror-number: "#FF5370" | |
| rgb-codemirror-number: 255,83,112 | |
| codemirror-def: "#82AAFF" | |
| rgb-codemirror-def: 130,170,255 | |
| codemirror-string: "#C3E88D" | |
| rgb-codemirror-string: 195,232,141 | |
| codemirror-string-2: "#f07178" | |
| rgb-codemirror-string-2: 240,113,120 | |
| codemirror-comment: "#545454" | |
| rgb-codemirror-comment: 84,84,84 | |
| codemirror-tag: "#FF5370" | |
| rgb-codemirror-tag: 255,83,112 | |
| codemirror-meta: "#FFCB6B" | |
| rgb-codemirror-meta: 255,203,107 | |
| codemirror-attribute: "#C792EA" | |
| rgb-codemirror-attribute: 199,146,234 | |
| codemirror-property: "#C792EA" | |
| rgb-codemirror-property: 199,146,234 | |
| codemirror-qualifier: "#DECB6B" | |
| rgb-codemirror-qualifier: 222,203,107 | |
| codemirror-type: "#DECB6B" | |
| rgb-codemirror-type: 222,203,107 | |
| # mdc-ripple-color: "#AAAAAA" | |
| # codemirror-keyword: "#C792EA" | |
| # codemirror-operator: "#89DDFF" | |
| # codemirror-variable: "#f07178" | |
| # codemirror-variable-2: "#EEFFFF" | |
| # codemirror-variable-3: "#DECB6B" | |
| # codemirror-builtin: "#FFCB6B" | |
| # codemirror-atom: "#F78C6C" | |
| # codemirror-number: "#FF5370" | |
| # codemirror-def: "#82AAFF" | |
| # codemirror-string: "#C3E88D" | |
| # codemirror-string-2: "#f07178" | |
| # codemirror-comment: "#545454" | |
| # codemirror-tag: "#FF5370" | |
| # codemirror-meta: "#FFCB6B" | |
| # codemirror-attribute: "#C792EA" | |
| # codemirror-property: "#C792EA" | |
| # codemirror-qualifier: "#DECB6B" | |
| # codemirror-type: "#DECB6B" | |
| # codemirror-property: | |
| # codemirror-string: | |
| # codemirror-keyword: | |
| # codemirror-number: | |
| # codemirror-comment: | |
| # markdown-code-background-color: "#000000" | |
| # mdc-theme-primary: var(--accent-color) | |
| # mdc-theme-on-primary: var(--accent-text-color) | |
| # mdc-text-field-fill-color: rgba(255, 255, 255, 0.05) | |
| # mdc-text-field-ink-color: var(--primary-text-color) | |
| # mdc-text-field-label-ink-color: var(--primary-text-color) | |
| # mdc-select-fill-color: rgba(255, 255, 255, 0.05) | |
| # mdc-select-ink-color: var(--primary-text-color) | |
| # mdc-select-label-ink-color: var(--primary-text-color) | |
| # mdc-select-dropdown-icon-color: rgba(255, 255, 255, 0.54) | |
| # mdc-checkbox-unchecked-color: rgba(var(--rgb-primary-text-color), 0.54) | |
| # mdc-checkbox-disabled-color: var(--disabled-text-color) | |
| # mdc-radio-unchecked-color: rgba(var(--rgb-primary-text-color), 0.54) | |
| # mdc-radio-disabled-color: var(--disabled-text-color) | |
| # mdc-tab-text-label-color-default: var(--primary-text-color) | |
| # mdc-button-disabled-ink-color: var(--disabled-text-color) | |
| # mdc-button-outline-color: var(--outline-color) | |
| # mdc-dialog-scroll-divider-color: var(--divider-color) | |
| # mdc-dialog-heading-ink-color: var(--primary-text-color) | |
| # mdc-dialog-content-ink-color: var(--primary-text-color) | |
| # mdc-text-field-idle-line-color: var(--input-idle-line-color) | |
| # mdc-text-field-hover-line-color: var(--input-hover-line-color) | |
| # mdc-text-field-disabled-line-color: var(--input-disabled-line-color) | |
| # mdc-text-field-outlined-idle-border-color: var(--input-outlined-idle-border-color) | |
| # mdc-text-field-outlined-hover-border-color: var(--input-outlined-hover-border-color) | |
| # mdc-text-field-outlined-disabled-border-color: var(--input-outlined-disabled-border-color) | |
| # mdc-text-field-fill-color: var(--input-fill-color) | |
| # mdc-text-field-disabled-fill-color: var(--input-disabled-fill-color) | |
| # mdc-text-field-ink-color: var(--input-ink-color) | |
| # mdc-text-field-label-ink-color: var(--input-label-ink-color) | |
| # mdc-text-field-disabled-ink-color: var(--input-disabled-ink-color) | |
| # mdc-select-idle-line-color: var(--input-idle-line-color) | |
| # mdc-select-hover-line-color: var(--input-hover-line-color) | |
| # mdc-select-outlined-idle-border-color: var(--input-outlined-idle-border-color) | |
| # mdc-select-outlined-hover-border-color: var(--input-outlined-hover-border-color) | |
| # mdc-select-outlined-disabled-border-color: var(--input-outlined-disabled-border-color) | |
| # mdc-select-fill-color: var(--input-fill-color) | |
| # mdc-select-disabled-fill-color: var(--input-disabled-fill-color) | |
| # mdc-select-ink-color: var(--input-ink-color) | |
| # mdc-select-label-ink-color: var(--input-label-ink-color) | |
| # mdc-select-disabled-ink-color: var(--input-disabled-ink-color) | |
| # mdc-select-dropdown-icon-color: var(--input-dropdown-icon-color) | |
| # mdc-select-disabled-dropdown-icon-color: var(--input-disabled-ink-color) | |
| # material-shadow-elevation-2dp: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) | |
| # material-shadow-elevation-3dp: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4) | |
| # material-shadow-elevation-4dp: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4) | |
| # material-shadow-elevation-6dp: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4) | |
| # material-shadow-elevation-8dp: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4) | |
| # material-shadow-elevation-12dp: 0 12px 16px 1px rgba(0, 0, 0, 0.14), 0 4px 22px 3px rgba(0, 0, 0, 0.12), 0 6px 7px -4px rgba(0, 0, 0, 0.4) | |
| # material-shadow-elevation-16dp: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4) | |
| # material-shadow-elevation-24dp: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.4) | |
| # material-disabled-text-color: var(--light-theme-disabled-color, rgba(0, 0, 0, 0.38)) | |
| # material-primary-color: var(--primary-color, #6200ee) | |
| # material-primary-contrast-color: var(--dark-theme-base-color, #fff) | |
| # material-primary-text-color: var(--material-primary-color) | |
| # material-error-color: var(--error-color, #b00020) | |
| # material-error-text-color: var(--material-error-color) | |
| # material-disabled-color: rgba(0, 0, 0, 0.26) | |
| # material-divider-color: rgba(0, 0, 0, 0.12) | |
| # text-primary-color: "#ffffff | |
| # text-light-primary-color: "#212121 | |
| # dark-primary-color: "#0288d1 | |
| # light-primary-color: "#b3e5fc | |
| # scrollbar-thumb-color: rgb(194, 194, 194) | |
| # error-color: "#db4437 | |
| # warning-color: "#ffa600 | |
| # success-color: "#43a047 | |
| # info-color: "#039be5 | |
| # header-height: 56px | |
| # label-badge-red: var(--error-color) | |
| # label-badge-blue: var(--info-color) | |
| # label-badge-green: var(--success-color) | |
| # label-badge-yellow: var(--warning-color) | |
| # label-badge-grey: "#9e9e9e | |
| # state-icon-color: "#44739e | |
| # energy-grid-consumption-color: "#488fc2 | |
| # energy-solar-color: "#ff9800 | |
| # energy-non-fossil-color: "#0f9d58 | |
| # energy-battery-out-color: "#4db6ac | |
| # energy-battery-in-color: "#f06292 | |
| # energy-gas-color: "#8e021b | |
| # energy-water-color: "#00bcd4 | |
| # dark-divider-opacity: 0.12 | |
| # dark-disabled-opacity: 0.38 | |
| # dark-secondary-opacity: 0.54 | |
| # dark-primary-opacity: 0.87 | |
| # light-divider-opacity: 0.12 | |
| # light-disabled-opacity: 0.3 | |
| # light-secondary-opacity: 0.7 | |
| # light-primary-opacity: 1 | |
| # rgb-text-primary-color: 255,255,255 | |
| # red-color: "#f44336 | |
| # pink-color: "#e91e63 | |
| # purple-color: "#926bc7 | |
| # deep-purple-color: "#6e41ab | |
| # indigo-color: "#3f51b5 | |
| # blue-color: "#2196f3 | |
| # light-blue-color: "#03a9f4 | |
| # cyan-color: "#00bcd4 | |
| # teal-color: "#009688 | |
| # green-color: "#4caf50 | |
| # light-green-color: "#8bc34a | |
| # lime-color: "#cddc39 | |
| # yellow-color: "#ffeb3b | |
| # amber-color: "#ffc107 | |
| # orange-color: "#ff9800 | |
| # deep-orange-color: "#ff6f22 | |
| # brown-color: "#795548 | |
| # light-grey-color: "#bdbdbd | |
| # grey-color: "#9e9e9e | |
| # dark-grey-color: "#606060 | |
| # blue-grey-color: "#607d8b | |
| # black-color: "#000000 | |
| # white-color: "#ffffff | |
| # state-active-color: var(--amber-color) | |
| # state-inactive-color: var(--grey-color) | |
| # state-alarm_control_panel-armed_away-color: var(--green-color) | |
| # state-alarm_control_panel-armed_custom_bypass-color: var(--green-color) | |
| # state-alarm_control_panel-armed_home-color: var(--green-color) | |
| # state-alarm_control_panel-armed_night-color: var(--green-color) | |
| # state-alarm_control_panel-armed_vacation-color: var(--green-color) | |
| # state-alarm_control_panel-arming-color: var(--orange-color) | |
| # state-alarm_control_panel-disarming-color: var(--orange-color) | |
| # state-alarm_control_panel-pending-color: var(--orange-color) | |
| # state-alarm_control_panel-triggered-color: var(--red-color) | |
| # state-alert-off-color: var(--orange-color) | |
| # state-alert-on-color: var(--red-color) | |
| # state-binary_sensor-active-color: var(--amber-color) | |
| # state-binary_sensor-battery-on-color: var(--red-color) | |
| # state-binary_sensor-carbon_monoxide-on-color: var(--red-color) | |
| # state-binary_sensor-gas-on-color: var(--red-color) | |
| # state-binary_sensor-heat-on-color: var(--red-color) | |
| # state-binary_sensor-lock-on-color: var(--red-color) | |
| # state-binary_sensor-moisture-on-color: var(--red-color) | |
| # state-binary_sensor-problem-on-color: var(--red-color) | |
| # state-binary_sensor-safety-on-color: var(--red-color) | |
| # state-binary_sensor-smoke-on-color: var(--red-color) | |
| # state-binary_sensor-sound-on-color: var(--red-color) | |
| # state-binary_sensor-tamper-on-color: var(--red-color) | |
| # state-climate-auto-color: var(--green-color) | |
| # state-climate-cool-color: var(--blue-color) | |
| # state-climate-dry-color: var(--orange-color) | |
| # state-climate-fan_only-color: var(--cyan-color) | |
| # state-climate-heat-color: var(--deep-orange-color) | |
| # state-climate-heat-cool-color: var(--amber-color) | |
| # state-cover-active-color: var(--purple-color) | |
| # state-device_tracker-active-color: var(--blue-color) | |
| # state-device_tracker-home-color: var(--green-color) | |
| # state-fan-active-color: var(--cyan-color) | |
| # state-humidifier-on-color: var(--blue-color) | |
| # state-lawn_mower-error-color: var(--red-color) | |
| # state-lawn_mower-mowing-color: var(--teal-color) | |
| # state-light-active-color: var(--amber-color) | |
| # state-lock-jammed-color: var(--red-color) | |
| # state-lock-locked-color: var(--green-color) | |
| # state-lock-pending-color: var(--orange-color) | |
| # state-lock-unlocked-color: var(--red-color) | |
| # state-lock-opening-color: var(--orange-color) | |
| # state-lock-open-color: var(--red-color) | |
| # state-media_player-active-color: var(--light-blue-color) | |
| # state-person-active-color: var(--blue-color) | |
| # state-person-home-color: var(--green-color) | |
| # state-plant-active-color: var(--red-color) | |
| # state-siren-active-color: var(--red-color) | |
| # state-sun-above_horizon-color: var(--amber-color) | |
| # state-sun-below_horizon-color: var(--indigo-color) | |
| # state-switch-active-color: var(--amber-color) | |
| # state-update-active-color: var(--orange-color) | |
| # state-vacuum-active-color: var(--teal-color) | |
| # state-valve-active-color: var(--blue-color) | |
| # state-sensor-battery-high-color: var(--green-color) | |
| # state-sensor-battery-low-color: var(--red-color) | |
| # state-sensor-battery-medium-color: var(--orange-color) | |
| # state-water_heater-eco-color: var(--green-color) | |
| # state-water_heater-electric-color: var(--orange-color) | |
| # state-water_heater-gas-color: var(--orange-color) | |
| # state-water_heater-heat_pump-color: var(--orange-color) | |
| # state-water_heater-high_demand-color: var(--deep-orange-color) | |
| # state-water_heater-performance-color: var(--deep-orange-color) | |
| # history-unavailable-color: transparent | |
| # history-unknown-color: var(--dark-grey-color) | |
| # material-h6-font-size: 1.25rem | |
| # material-small-font-size: 0.875rem | |
| # material-caption-font-size: 0.75rem | |
| # material-button-font-size: 0.875rem | |
| # shadow-transition: {transition:box-shadow .28s cubic-bezier(.4, 0, .2, 1)} | |
| # shadow-none: {box-shadow:none} | |
| # shadow-elevation-2dp: {box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)} | |
| # shadow-elevation-3dp: {box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12),0 3px 3px -2px rgba(0,0,0,.4)} | |
| # shadow-elevation-4dp: {box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.4)} | |
| # shadow-elevation-6dp: {box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.4)} | |
| # shadow-elevation-8dp: {box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4)} | |
| # shadow-elevation-12dp: {box-shadow:0 12px 16px 1px rgba(0,0,0,.14),0 4px 22px 3px rgba(0,0,0,.12),0 6px 7px -4px rgba(0,0,0,.4)} | |
| # shadow-elevation-16dp: {box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4)} | |
| # shadow-elevation-24dp: {box-shadow:0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.4)} | |
| # paper-font-common-base: {font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased} | |
| # paper-font-common-code: {font-family:"Roboto Mono",Consolas,Menlo,monospace;-webkit-font-smoothing:antialiased} | |
| # paper-font-common-expensive-kerning: {text-rendering:optimizeLegibility} | |
| # paper-font-common-nowrap: {white-space:nowrap;overflow:hidden;text-overflow:ellipsis} | |
| # paper-font-display4: {@apply --paper-font-common-base;@apply --paper-font-common-nowrap;font-size:112px;font-weight:300;letter-spacing:-.044em;line-height:120px} | |
| # paper-font-display3: {@apply --paper-font-common-base;@apply --paper-font-common-nowrap;font-size:56px;font-weight:400;letter-spacing:-.026em;line-height:60px} | |
| # paper-font-display2: {@apply --paper-font-common-base;font-size:45px;font-weight:400;letter-spacing:-.018em;line-height:48px} | |
| # paper-font-display1: {@apply --paper-font-common-base;font-size:34px;font-weight:400;letter-spacing:-.01em;line-height:40px} | |
| # paper-font-headline: {@apply --paper-font-common-base;font-size:24px;font-weight:400;letter-spacing:-.012em;line-height:32px} | |
| # paper-font-title: {@apply --paper-font-common-base;@apply --paper-font-common-nowrap;font-size:20px;font-weight:500;line-height:28px} | |
| # paper-font-subhead: {@apply --paper-font-common-base;font-size:16px;font-weight:400;line-height:24px} | |
| # paper-font-body2: {@apply --paper-font-common-base;font-size:14px;font-weight:500;line-height:24px} | |
| # paper-font-body1: {@apply --paper-font-common-base;font-size:14px;font-weight:400;line-height:20px} | |
| # paper-font-caption: {@apply --paper-font-common-base;@apply --paper-font-common-nowrap;font-size:12px;font-weight:400;letter-spacing:.011em;line-height:20px} | |
| # paper-font-menu: {@apply --paper-font-common-base;@apply --paper-font-common-nowrap;font-size:13px;font-weight:500;line-height:24px} | |
| # paper-font-button: {@apply --paper-font-common-base;@apply --paper-font-common-nowrap;font-size:14px;font-weight:500;letter-spacing:.018em;line-height:24px;text-transform:uppercase} | |
| # paper-font-code2: {@apply --paper-font-common-code;font-size:14px;font-weight:700;line-height:20px} | |
| # paper-font-code1: {@apply --paper-font-common-code;font-size:14px;font-weight:500;line-height:20px} | |
| # margin-title-ltr: 0 0 0 24px | |
| # margin-title-rtl: 0 24px 0 0 | |
| # layout_-_display: flex | |
| # layout-inline_-_display: inline-flex | |
| # layout-horizontal_-_display: var(--layout_-_display) | |
| # layout-horizontal_-_-ms-flex-direction: row | |
| # layout-horizontal_-_-webkit-flex-direction: row | |
| # layout-horizontal_-_flex-direction: row | |
| # layout-horizontal-reverse_-_display: var(--layout_-_display) | |
| # layout-horizontal-reverse_-_-ms-flex-direction: row-reverse | |
| # layout-horizontal-reverse_-_-webkit-flex-direction: row-reverse | |
| # layout-horizontal-reverse_-_flex-direction: row-reverse | |
| # layout-vertical_-_display: var(--layout_-_display) | |
| # layout-vertical_-_-ms-flex-direction: column | |
| # layout-vertical_-_-webkit-flex-direction: column | |
| # layout-vertical_-_flex-direction: column | |
| # layout-vertical-reverse_-_display: var(--layout_-_display) | |
| # layout-vertical-reverse_-_-ms-flex-direction: column-reverse | |
| # layout-vertical-reverse_-_-webkit-flex-direction: column-reverse | |
| # layout-vertical-reverse_-_flex-direction: column-reverse | |
| # layout-wrap_-_-ms-flex-wrap: wrap | |
| # layout-wrap_-_-webkit-flex-wrap: wrap | |
| # layout-wrap_-_flex-wrap: wrap | |
| # layout-wrap-reverse_-_-ms-flex-wrap: wrap-reverse | |
| # layout-wrap-reverse_-_-webkit-flex-wrap: wrap-reverse | |
| # layout-wrap-reverse_-_flex-wrap: wrap-reverse | |
| # layout-flex-auto_-_-ms-flex: 1 1 auto | |
| # layout-flex-auto_-_-webkit-flex: 1 1 auto | |
| # layout-flex-auto_-_flex: 1 1 auto | |
| # layout-flex-none_-_-ms-flex: none | |
| # layout-flex-none_-_-webkit-flex: none | |
| # layout-flex-none_-_flex: none | |
| # layout-flex_-_-ms-flex: 1 1 0.000000001px | |
| # layout-flex_-_-webkit-flex: 1 | |
| # layout-flex_-_flex: 1 | |
| # layout-flex_-_-webkit-flex-basis: 0.000000001px | |
| # layout-flex_-_flex-basis: 0.000000001px | |
| # layout-flex-2_-_-ms-flex: 2 | |
| # layout-flex-2_-_-webkit-flex: 2 | |
| # layout-flex-2_-_flex: 2 | |
| # layout-flex-3_-_-ms-flex: 3 | |
| # layout-flex-3_-_-webkit-flex: 3 | |
| # layout-flex-3_-_flex: 3 | |
| # layout-flex-4_-_-ms-flex: 4 | |
| # layout-flex-4_-_-webkit-flex: 4 | |
| # layout-flex-4_-_flex: 4 | |
| # layout-flex-5_-_-ms-flex: 5 | |
| # layout-flex-5_-_-webkit-flex: 5 | |
| # layout-flex-5_-_flex: 5 | |
| # layout-flex-6_-_-ms-flex: 6 | |
| # layout-flex-6_-_-webkit-flex: 6 | |
| # layout-flex-6_-_flex: 6 | |
| # layout-flex-7_-_-ms-flex: 7 | |
| # layout-flex-7_-_-webkit-flex: 7 | |
| # layout-flex-7_-_flex: 7 | |
| # layout-flex-8_-_-ms-flex: 8 | |
| # layout-flex-8_-_-webkit-flex: 8 | |
| # layout-flex-8_-_flex: 8 | |
| # layout-flex-9_-_-ms-flex: 9 | |
| # layout-flex-9_-_-webkit-flex: 9 | |
| # layout-flex-9_-_flex: 9 | |
| # layout-flex-10_-_-ms-flex: 10 | |
| # layout-flex-10_-_-webkit-flex: 10 | |
| # layout-flex-10_-_flex: 10 | |
| # layout-flex-11_-_-ms-flex: 11 | |
| # layout-flex-11_-_-webkit-flex: 11 | |
| # layout-flex-11_-_flex: 11 | |
| # layout-flex-12_-_-ms-flex: 12 | |
| # layout-flex-12_-_-webkit-flex: 12 | |
| # layout-flex-12_-_flex: 12 | |
| # layout-start_-_-ms-flex-align: start | |
| # layout-start_-_-webkit-align-items: flex-start | |
| # layout-start_-_align-items: flex-start | |
| # layout-center_-_-ms-flex-align: center | |
| # layout-center_-_-webkit-align-items: center | |
| # layout-center_-_align-items: center | |
| # layout-end_-_-ms-flex-align: end | |
| # layout-end_-_-webkit-align-items: flex-end | |
| # layout-end_-_align-items: flex-end | |
| # layout-baseline_-_-ms-flex-align: baseline | |
| # layout-baseline_-_-webkit-align-items: baseline | |
| # layout-baseline_-_align-items: baseline | |
| # layout-start-justified_-_-ms-flex-pack: start | |
| # layout-start-justified_-_-webkit-justify-content: flex-start | |
| # layout-start-justified_-_justify-content: flex-start | |
| # layout-center-justified_-_-ms-flex-pack: center | |
| # layout-center-justified_-_-webkit-justify-content: center | |
| # layout-center-justified_-_justify-content: center | |
| # layout-end-justified_-_-ms-flex-pack: end | |
| # layout-end-justified_-_-webkit-justify-content: flex-end | |
| # layout-end-justified_-_justify-content: flex-end | |
| # layout-around-justified_-_-ms-flex-pack: distribute | |
| # layout-around-justified_-_-webkit-justify-content: space-around | |
| # layout-around-justified_-_justify-content: space-around | |
| # layout-justified_-_-ms-flex-pack: justify | |
| # layout-justified_-_-webkit-justify-content: space-between | |
| # layout-justified_-_justify-content: space-between | |
| # layout-center-center_-_-ms-flex-align: var(--layout-center_-_-ms-flex-align) | |
| # layout-center-center_-_-webkit-align-items: var(--layout-center_-_-webkit-align-items) | |
| # layout-center-center_-_align-items: var(--layout-center_-_align-items) | |
| # layout-center-center_-_-ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack) | |
| # layout-center-center_-_-webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content) | |
| # layout-center-center_-_justify-content: var(--layout-center-justified_-_justify-content) | |
| # layout-self-start_-_-ms-align-self: flex-start | |
| # layout-self-start_-_-webkit-align-self: flex-start | |
| # layout-self-start_-_align-self: flex-start | |
| # layout-self-center_-_-ms-align-self: center | |
| # layout-self-center_-_-webkit-align-self: center | |
| # layout-self-center_-_align-self: center | |
| # layout-self-end_-_-ms-align-self: flex-end | |
| # layout-self-end_-_-webkit-align-self: flex-end | |
| # layout-self-end_-_align-self: flex-end | |
| # layout-self-stretch_-_-ms-align-self: stretch | |
| # layout-self-stretch_-_-webkit-align-self: stretch | |
| # layout-self-stretch_-_align-self: stretch | |
| # layout-self-baseline_-_-ms-align-self: baseline | |
| # layout-self-baseline_-_-webkit-align-self: baseline | |
| # layout-self-baseline_-_align-self: baseline | |
| # layout-start-aligned_-_-ms-flex-line-pack: start | |
| # layout-start-aligned_-_-ms-align-content: flex-start | |
| # layout-start-aligned_-_-webkit-align-content: flex-start | |
| # layout-start-aligned_-_align-content: flex-start | |
| # layout-end-aligned_-_-ms-flex-line-pack: end | |
| # layout-end-aligned_-_-ms-align-content: flex-end | |
| # layout-end-aligned_-_-webkit-align-content: flex-end | |
| # layout-end-aligned_-_align-content: flex-end | |
| # layout-center-aligned_-_-ms-flex-line-pack: center | |
| # layout-center-aligned_-_-ms-align-content: center | |
| # layout-center-aligned_-_-webkit-align-content: center | |
| # layout-center-aligned_-_align-content: center | |
| # layout-between-aligned_-_-ms-flex-line-pack: justify | |
| # layout-between-aligned_-_-ms-align-content: space-between | |
| # layout-between-aligned_-_-webkit-align-content: space-between | |
| # layout-between-aligned_-_align-content: space-between | |
| # layout-around-aligned_-_-ms-flex-line-pack: distribute | |
| # layout-around-aligned_-_-ms-align-content: space-around | |
| # layout-around-aligned_-_-webkit-align-content: space-around | |
| # layout-around-aligned_-_align-content: space-around | |
| # layout-block_-_display: block | |
| # layout-invisible_-_visibility: hidden !important | |
| # layout-relative_-_position: relative | |
| # layout-fit_-_position: absolute | |
| # layout-fit_-_top: 0 | |
| # layout-fit_-_right: 0 | |
| # layout-fit_-_bottom: 0 | |
| # layout-fit_-_left: 0 | |
| # layout-scroll_-_-webkit-overflow-scrolling: touch | |
| # layout-scroll_-_overflow: auto | |
| # layout-fullbleed_-_margin: 0 | |
| # layout-fullbleed_-_height: 100vh | |
| # layout-fixed-top_-_position: fixed | |
| # layout-fixed-top_-_top: 0 | |
| # layout-fixed-top_-_left: 0 | |
| # layout-fixed-top_-_right: 0 | |
| # layout-fixed-right_-_position: fixed | |
| # layout-fixed-right_-_top: 0 | |
| # layout-fixed-right_-_right: 0 | |
| # layout-fixed-right_-_bottom: 0 | |
| # layout-fixed-bottom_-_position: fixed | |
| # layout-fixed-bottom_-_right: 0 | |
| # layout-fixed-bottom_-_bottom: 0 | |
| # layout-fixed-bottom_-_left: 0 | |
| # layout-fixed-left_-_position: fixed | |
| # layout-fixed-left_-_top: 0 | |
| # layout-fixed-left_-_bottom: 0 | |
| # layout-fixed-left_-_left: 0 | |
| # paper-font-common-code_-_-webkit-font-smoothing: antialiased | |
| # paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility | |
| # paper-font-common-nowrap_-_white-space: nowrap | |
| # paper-font-common-nowrap_-_overflow: hidden | |
| # paper-font-common-nowrap_-_text-overflow: ellipsis | |
| # paper-font-display4_-_font-family: var(--paper-font-common-base_-_font-family) | |
| # paper-font-display4_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing) | |
| # paper-font-display4_-_white-space: var(--paper-font-common-nowrap_-_white-space) | |
| # paper-font-display4_-_overflow: var(--paper-font-common-nowrap_-_overflow) | |
| # paper-font-display4_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow) | |
| # paper-font-display4_-_font-size: 112px | |
| # paper-font-display4_-_font-weight: 300 | |
| # paper-font-display4_-_letter-spacing: -.044em | |
| # paper-font-display4_-_line-height: 120px | |
| # paper-font-display3_-_font-family: var(--paper-font-common-base_-_font-family) | |
| # paper-font-display3_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing) | |
| # paper-font-display3_-_white-space: var(--paper-font-common-nowrap_-_white-space) | |
| # paper-font-display3_-_overflow: var(--paper-font-common-nowrap_-_overflow) | |
| # paper-font-display3_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow) | |
| # paper-font-display3_-_font-size: 56px | |
| # paper-font-display3_-_font-weight: 400 | |
| # paper-font-display3_-_letter-spacing: -.026em | |
| # paper-font-display3_-_line-height: 60px | |
| # paper-font-display2_-_font-family: var(--paper-font-common-base_-_font-family) | |
| # paper-font-display2_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing) | |
| # paper-font-display2_-_font-size: 45px | |
| # paper-font-display2_-_font-weight: 400 | |
| # paper-font-display2_-_letter-spacing: -.018em | |
| # paper-font-display2_-_line-height: 48px | |
| # paper-font-display1_-_font-family: var(--paper-font-common-base_-_font-family) | |
| # paper-font-display1_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing) | |
| # paper-font-display1_-_font-size: 34px | |
| # paper-font-display1_-_font-weight: 400 | |
| # paper-font-display1_-_letter-spacing: -.01em | |
| # paper-font-display1_-_line-height: 40px | |
| # paper-font-headline_-_font-family: var(--paper-font-common-base_-_font-family) | |
| # paper-font-headline_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing) | |
| # paper-font-headline_-_font-size: 24px | |
| # paper-font-headline_-_font-weight: 400 | |
| # paper-font-headline_-_letter-spacing: -.012em | |
| # paper-font-headline_-_line-height: 32px | |
| # paper-font-title_-_font-family: var(--paper-font-common-base_-_font-family) | |
| # paper-font-title_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing) | |
| # paper-font-title_-_white-space: var(--paper-font-common-nowrap_-_white-space) | |
| # paper-font-title_-_overflow: var(--paper-font-common-nowrap_-_overflow) | |
| # paper-font-title_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow) | |
| # paper-font-title_-_font-size: 20px | |
| # paper-font-title_-_font-weight: 500 | |
| # paper-font-title_-_line-height: 28px | |
| # paper-font-subhead_-_font-family: var(--paper-font-common-base_-_font-family) | |
| # paper-font-subhead_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing) | |
| # paper-font-subhead_-_font-size: 16px | |
| # paper-font-subhead_-_font-weight: 400 | |
| # paper-font-subhead_-_line-height: 24px | |
| # paper-font-body2_-_font-family: var(--paper-font-common-base_-_font-family) | |
| # paper-font-body2_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing) | |
| # paper-font-body2_-_font-size: 14px | |
| # paper-font-body2_-_font-weight: 500 | |
| # paper-font-body2_-_line-height: 24px | |
| # paper-font-body1_-_font-family: var(--paper-font-common-base_-_font-family) | |
| # paper-font-body1_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing) | |
| # paper-font-body1_-_font-size: 14px | |
| # paper-font-body1_-_font-weight: 400 | |
| # paper-font-body1_-_line-height: 20px | |
| # paper-font-caption_-_font-family: var(--paper-font-common-base_-_font-family) | |
| # paper-font-caption_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing) | |
| # paper-font-caption_-_white-space: var(--paper-font-common-nowrap_-_white-space) | |
| # paper-font-caption_-_overflow: var(--paper-font-common-nowrap_-_overflow) | |
| # paper-font-caption_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow) | |
| # paper-font-caption_-_font-size: 12px | |
| # paper-font-caption_-_font-weight: 400 | |
| # paper-font-caption_-_letter-spacing: .011em | |
| # paper-font-caption_-_line-height: 20px | |
| # paper-font-menu_-_font-family: var(--paper-font-common-base_-_font-family) | |
| # paper-font-menu_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing) | |
| # paper-font-menu_-_white-space: var(--paper-font-common-nowrap_-_white-space) | |
| # paper-font-menu_-_overflow: var(--paper-font-common-nowrap_-_overflow) | |
| # paper-font-menu_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow) | |
| # paper-font-menu_-_font-size: 13px | |
| # paper-font-menu_-_font-weight: 500 | |
| # paper-font-menu_-_line-height: 24px | |
| # paper-font-button_-_font-family: var(--paper-font-common-base_-_font-family) | |
| # paper-font-button_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing) | |
| # paper-font-button_-_white-space: var(--paper-font-common-nowrap_-_white-space) | |
| # paper-font-button_-_overflow: var(--paper-font-common-nowrap_-_overflow) | |
| # paper-font-button_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow) | |
| # paper-font-button_-_font-size: 14px | |
| # paper-font-button_-_font-weight: 500 | |
| # paper-font-button_-_letter-spacing: .018em | |
| # paper-font-button_-_line-height: 24px | |
| # paper-font-button_-_text-transform: uppercase | |
| # paper-font-code2_-_font-family: var(--paper-font-common-code_-_font-family) | |
| # paper-font-code2_-_-webkit-font-smoothing: var(--paper-font-common-code_-_-webkit-font-smoothing) | |
| # paper-font-code2_-_font-size: 14px | |
| # paper-font-code2_-_font-weight: 700 | |
| # paper-font-code2_-_line-height: 20px | |
| # paper-font-code1_-_font-family: var(--paper-font-common-code_-_font-family) | |
| # paper-font-code1_-_-webkit-font-smoothing: var(--paper-font-common-code_-_-webkit-font-smoothing) | |
| # paper-font-code1_-_font-size: 14px | |
| # paper-font-code1_-_font-weight: 500 | |
| # paper-font-code1_-_line-height: 20px | |
| # fc-small-font-size: .85em | |
| # fc-page-bg-color: "#fff | |
| # fc-neutral-bg-color: hsla(0,0%,82%,.3) | |
| # fc-neutral-text-color: grey | |
| # fc-border-color: "#ddd | |
| # fc-button-text-color: "#fff | |
| # fc-button-bg-color: "#2c3e50 | |
| # fc-button-border-color: "#2c3e50 | |
| # fc-button-hover-bg-color: "#1e2b37 | |
| # fc-button-hover-border-color: "#1a252f | |
| # fc-button-active-bg-color: "#1a252f | |
| # fc-button-active-border-color: "#151e27 | |
| # fc-event-bg-color: "#3788d8 | |
| # fc-event-border-color: "#3788d8 | |
| # fc-event-text-color: "#fff | |
| # fc-event-selected-overlay-color: rgba(0,0,0,.25) | |
| # fc-more-link-bg-color: "#d0d0d0 | |
| # fc-more-link-text-color: inherit | |
| # fc-event-resizer-thickness: 8px | |
| # fc-event-resizer-dot-total-width: 8px | |
| # fc-event-resizer-dot-border-width: 1px | |
| # fc-non-business-color: hsla(0,0%,84%,.3) | |
| # fc-bg-event-color: "#8fdf82 | |
| # fc-bg-event-opacity: 0.3 | |
| # fc-highlight-color: rgba(188,232,241,.3) | |
| # fc-today-bg-color: rgba(255,220,40,.15) | |
| # fc-now-indicator-color: red | |
| # fc-daygrid-event-dot-width: 8px | |
| # fc-list-event-dot-width: 10px | |
| # fc-list-event-hover-bg-color: "#f5f5f5 | |
| # state-icon-error-color: var(--error-state-color, var(--error-color)) | |
| # state-unavailable-color: var(--state-icon-unavailable-color, var(--disabled-text-color)) | |
| # sidebar-text-color: var(--primary-text-color) | |
| # sidebar-background-color: var(--card-background-color) | |
| # sidebar-selected-text-color: var(--primary-color) | |
| # sidebar-selected-icon-color: var(--primary-color) | |
| # sidebar-icon-color: rgba(var(--rgb-primary-text-color), 0.6) | |
| # switch-checked-color: var(--primary-color) | |
| # switch-checked-button-color: var(--switch-checked-color, var(--primary-background-color)) | |
| # switch-checked-track-color: var(--switch-checked-color, #000000) | |
| # switch-unchecked-button-color: "#999999 | |
| # switch-unchecked-track-color: "#9b9b9b | |
| # slider-color: var(--primary-color) | |
| # slider-secondary-color: var(--light-primary-color) | |
| # slider-track-color: var(--scrollbar-thumb-color) | |
| # label-badge-background-color: var(--card-background-color) | |
| # label-badge-text-color: rgba(var(--rgb-primary-text-color), 0.8) | |
| # paper-listbox-background-color: var(--card-background-color) | |
| # paper-item-icon-color: var(--state-icon-color) | |
| # paper-item-icon-active-color: var(--state-icon-active-color) | |
| # table-header-background-color: var(--input-fill-color) | |
| # table-row-background-color: var(--primary-background-color) | |
| # table-row-alternative-background-color: var(--secondary-background-color) | |
| # data-table-background-color: var(--card-background-color) | |
| # markdown-code-background-color: var(--primary-background-color) | |
| # ha-assist-chip-filled-container-color: rgba(var(--rgb-primary-text-color),0.15) | |
| # ha-assist-chip-active-container-color: rgba(var(--rgb-primary-color),0.15) | |
| # chip-background-color: rgba(var(--rgb-primary-text-color), 0.15) | |
| # material-body-text-color: var(--primary-text-color) | |
| # material-background-color: var(--card-background-color) | |
| # material-secondary-background-color: var(--secondary-background-color) | |
| # material-secondary-text-color: var(--secondary-text-color) | |
| # primary-background-color: "#000000 | |
| # rgb-primary-background-color: 0,0,0 | |
| # divider-color: "#1c1c1c | |
| # primary-color: "#ff0000 | |
| # rgb-primary-color: 255,0,0 | |
| # accent-color: "#e34040 | |
| # rgb-accent-color: 227,64,64 | |
| # ha-card-border-width: 0px | |
| # ha-card-border-color: "#333333 | |
| # rgb-ha-card-border-color: 51,51,51 | |
| # rgb-divider-color: 28,28,28 | |
| # rgb-switch-unchecked-button-color: 153,153,153 | |
| # rgb-switch-unchecked-track-color: 155,155,155 | |
| # rgb-app-header-text-color: 225,225,225 | |
| # card-background-color: "#1c1c1c | |
| # rgb-card-background-color: 28,28,28 | |
| # secondary-background-color: "#282828 | |
| # rgb-secondary-background-color: 40,40,40 | |
| # primary-text-color: "#e1e1e1 | |
| # rgb-primary-text-color: 225,225,225 | |
| # secondary-text-color: "#9b9b9b | |
| # rgb-secondary-text-color: 155,155,155 | |
| # disabled-text-color: "#6f6f6f | |
| # rgb-disabled-text-color: 111,111,111 | |
| # mdc-ripple-color: "#AAAAAA | |
| # rgb-mdc-ripple-color: 170,170,170 | |
| # clear-background-color: "#111111 | |
| # rgb-clear-background-color: 17,17,17 | |
| # outline-color: rgba(225, 225, 225, .12) | |
| # outline-hover-color: rgba(225, 225, 225, .24) | |
| # mdc-linear-progress-buffer-color: rgba(255, 255, 255, 0.1) | |
| # input-idle-line-color: rgba(255, 255, 255, 0.42) | |
| # input-hover-line-color: rgba(255, 255, 255, 0.87) | |
| # input-disabled-line-color: rgba(255, 255, 255, 0.06) | |
| # input-outlined-idle-border-color: rgba(255, 255, 255, 0.38) | |
| # input-outlined-hover-border-color: rgba(255, 255, 255, 0.87) | |
| # input-outlined-disabled-border-color: rgba(255, 255, 255, 0.06) | |
| # input-fill-color: rgba(255, 255, 255, 0.05) | |
| # input-disabled-fill-color: rgba(255, 255, 255, 0.02) | |
| # input-ink-color: rgba(255, 255, 255, 0.87) | |
| # input-label-ink-color: rgba(255, 255, 255, 0.6) | |
| # input-disabled-ink-color: rgba(255, 255, 255, 0.37) | |
| # input-dropdown-icon-color: rgba(255, 255, 255, 0.54) | |
| # codemirror-keyword: "#C792EA | |
| # rgb-codemirror-keyword: 199,146,234 | |
| # codemirror-operator: "#89DDFF | |
| # rgb-codemirror-operator: 137,221,255 | |
| # codemirror-variable: "#f07178 | |
| # rgb-codemirror-variable: 240,113,120 | |
| # codemirror-variable-2: "#EEFFFF | |
| # rgb-codemirror-variable-2: 238,255,255 | |
| # codemirror-variable-3: "#DECB6B | |
| # rgb-codemirror-variable-3: 222,203,107 | |
| # codemirror-builtin: "#FFCB6B | |
| # rgb-codemirror-builtin: 255,203,107 | |
| # codemirror-atom: "#F78C6C | |
| # rgb-codemirror-atom: 247,140,108 | |
| # codemirror-number: "#FF5370 | |
| # rgb-codemirror-number: 255,83,112 | |
| # codemirror-def: "#82AAFF | |
| # rgb-codemirror-def: 130,170,255 | |
| # codemirror-string: "#C3E88D | |
| # rgb-codemirror-string: 195,232,141 | |
| # codemirror-string-2: "#f07178 | |
| # rgb-codemirror-string-2: 240,113,120 | |
| # codemirror-comment: "#545454 | |
| # rgb-codemirror-comment: 84,84,84 | |
| # codemirror-tag: "#FF5370 | |
| # rgb-codemirror-tag: 255,83,112 | |
| # codemirror-meta: "#FFCB6B | |
| # rgb-codemirror-meta: 255,203,107 | |
| # codemirror-attribute: "#C792EA | |
| # rgb-codemirror-attribute: 199,146,234 | |
| # codemirror-property: "#C792EA | |
| # rgb-codemirror-property: 199,146,234 | |
| # codemirror-qualifier: "#DECB6B | |
| # rgb-codemirror-qualifier: 222,203,107 | |
| # codemirror-type: "#DECB6B | |
| # rgb-codemirror-type: 222,203,107 | |
| # energy-grid-return-color: "#a280db | |
| # rgb-energy-grid-return-color: 162,128,219 | |
| # map-filter: invert(.9) hue-rotate(170deg) brightness(1.5) contrast(1.2) saturate(.3) | |
| # disabled-color: "#464646 | |
| # rgb-disabled-color: 70,70,70 | |
| # direction: ltr | |
| # float-start: left | |
| # float-end: right | |
| # margin-title: var(--margin-title-ltr) | |
| # scale-direction: 1 | |
| # mdc-drawer-width: 56px | |
| # mdc-top-app-bar-width: calc(100% - var(--mdc-drawer-width)) | |
| # app-header-background-color: var(--sidebar-background-color) | |
| # app-header-text-color: var(--sidebar-text-color) | |
| # app-header-border-bottom: 1px solid var(--divider-color) | |
| # modes: | |
| # dark: | |
| # card-background-color: "#1c1c1c" | |
| # secondary-background-color: "#202020" | |
| # primary-text-color: "#e1e1e1" | |
| # secondary-text-color: "#9b9b9b" | |
| # disabled-text-color: "#6f6f6f" | |
| # app-header-text-color: "#e1e1e1" | |
| # switch-unchecked-button-color: "#999999" | |
| # switch-unchecked-track-color: "#9b9b9b" | |
| # mdc-ripple-color: "#AAAAAA" | |
| # # codemirror-keyword: "#C792EA" | |
| # # codemirror-operator: "#89DDFF" | |
| # # codemirror-variable: "#f07178" | |
| # # codemirror-variable-2: "#EEFFFF" | |
| # # codemirror-variable-3: "#DECB6B" | |
| # # codemirror-builtin: "#FFCB6B" | |
| # # codemirror-atom: "#F78C6C" | |
| # # codemirror-number: "#FF5370" | |
| # # codemirror-def: "#82AAFF" | |
| # # codemirror-string: "#C3E88D" | |
| # # codemirror-string-2: "#f07178" | |
| # # codemirror-comment: "#545454" | |
| # # codemirror-tag: "#FF5370" | |
| # # codemirror-meta: "#FFCB6B" | |
| # # codemirror-attribute: "#C792EA" | |
| # # codemirror-property: "#C792EA" | |
| # # codemirror-qualifier: "#DECB6B" | |
| # # codemirror-type: "#DECB6B" | |
| # primary-color: "#ff0000" | |
| # accent-color: "#e34040" | |
| # app-header-background-color: "#660000" | |
| # ha-card-border-width: "1px" | |
| # ha-card-border-color: "#333333" | |
| # divider-color: "#1c1c1c" | |
| # primary-background-color: "#000000" | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment