270 lines
11 KiB
YAML
270 lines
11 KiB
YAML
Dark Blue:
|
|
ha-card-border-radius: 2px
|
|
ha-card-box-shadow: "1px 1px 2px 0px rgba(0,0,0,0.3)"
|
|
|
|
primary-color: "#00A0E2"
|
|
light-primary-color: "#19BAFF"
|
|
graph-color: var(--primary-color)
|
|
primary-background-color: "#3c3f40"
|
|
secondary-background-color: var(--primary-background-color)
|
|
divider-color: "#292a2e"
|
|
disabled-color: "#666666"
|
|
|
|
primary-text-color: "#FBFBFB"
|
|
secondary-text-color: var(--primary-color)
|
|
text-primary-color: var(--primary-text-color)
|
|
disabled-text-color: "#7A7D90"
|
|
|
|
sidebar-icon-color: var(--primary-color)
|
|
sidebar-text-color: var(--primary-text-color)
|
|
sidebar-background-color: "#323536"
|
|
sidebar-selected-background-color: var(--primary-background-color)
|
|
sidebar-selected-icon-color: var(--light-primary-color)
|
|
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
|
|
|
|
state-icon-color: var(--primary-color)
|
|
state-icon-active-color: "#ffdd00"
|
|
state-icon-unavailable-color: var(--disabled-text-color)
|
|
|
|
paper-slider-knob-color: var(--primary-color)
|
|
paper-slider-knob-start-color: var(--paper-slider-knob-color)
|
|
paper-slider-pin-color: var(--paper-slider-knob-color)
|
|
paper-slider-active-color: var(--paper-slider-knob-color)
|
|
paper-slider-secondary-color: var(--light-primary-color)
|
|
label-badge-background-color: var(--divider-color)
|
|
label-badge-text-color: var(--primary-text-color)
|
|
label-badge-red: var(--light-primary-color)
|
|
|
|
paper-card-background-color: "#4d5052"
|
|
paper-listbox-background-color: var(--primary-background-color)
|
|
|
|
paper-toggle-button-checked-button-color: var(--primary-color)
|
|
paper-toggle-button-checked-bar-color: var(--light-primary-color)
|
|
paper-toggle-button-unchecked-button-color: var(--disabled-color)
|
|
paper-toggle-button-unchecked-bar-color: "#333333"
|
|
|
|
switch-checked-color: var(--paper-toggle-button-checked-button-color)
|
|
switch-unchecked-button-color: var(--paper-toggle-button-unchecked-button-color)
|
|
switch-unchecked-color: var(--paper-toggle-button-unchecked-bar-color)
|
|
switch-unchecked-track-color: var(--paper-toggle-button-unchecked-bar-color)
|
|
|
|
table-row-background-color: var(--divider-color)
|
|
table-row-alternative-background-color: var(--secondary-background-color)
|
|
card-background-color: var(--primary-background-color)
|
|
|
|
Dark Green:
|
|
ha-card-border-radius: 2px
|
|
ha-card-box-shadow: "1px 1px 2px 0px rgba(0,0,0,0.3)"
|
|
|
|
primary-color: "#27ae61"
|
|
light-primary-color: "#50FA9A"
|
|
graph-color: var(--primary-color)
|
|
primary-background-color: "#39403c"
|
|
secondary-background-color: var(--primary-background-color)
|
|
divider-color: "#292a2e"
|
|
disabled-color: "#666666"
|
|
|
|
primary-text-color: "#FBFBFB"
|
|
secondary-text-color: var(--primary-color)
|
|
text-primary-color: var(--primary-text-color)
|
|
disabled-text-color: "#7A7D90"
|
|
|
|
sidebar-icon-color: var(--primary-color)
|
|
sidebar-text-color: var(--primary-text-color)
|
|
sidebar-background-color: "#323633"
|
|
sidebar-selected-background-color: var(--primary-background-color)
|
|
sidebar-selected-icon-color: var(--light-primary-color)
|
|
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
|
|
|
|
state-icon-color: var(--primary-color)
|
|
state-icon-active-color: "#ffdd00"
|
|
state-icon-unavailable-color: var(--disabled-text-color)
|
|
|
|
paper-slider-knob-color: var(--primary-color)
|
|
paper-slider-knob-start-color: var(--paper-slider-knob-color)
|
|
paper-slider-pin-color: var(--paper-slider-knob-color)
|
|
paper-slider-active-color: var(--paper-slider-knob-color)
|
|
paper-slider-secondary-color: var(--light-primary-color)
|
|
label-badge-background-color: var(--divider-color)
|
|
label-badge-text-color: var(--primary-text-color)
|
|
label-badge-red: var(--light-primary-color)
|
|
|
|
paper-card-background-color: "#4e524f"
|
|
paper-listbox-background-color: var(--primary-background-color)
|
|
|
|
paper-toggle-button-checked-button-color: var(--primary-color)
|
|
paper-toggle-button-checked-bar-color: var(--light-primary-color)
|
|
paper-toggle-button-unchecked-button-color: var(--disabled-color)
|
|
paper-toggle-button-unchecked-bar-color: "#333333"
|
|
|
|
switch-checked-color: var(--paper-toggle-button-checked-button-color)
|
|
switch-unchecked-button-color: var(--paper-toggle-button-unchecked-button-color)
|
|
switch-unchecked-color: var(--paper-toggle-button-unchecked-bar-color)
|
|
switch-unchecked-track-color: var(--paper-toggle-button-unchecked-bar-color)
|
|
|
|
table-row-background-color: var(--divider-color)
|
|
table-row-alternative-background-color: var(--secondary-background-color)
|
|
card-background-color: var(--primary-background-color)
|
|
|
|
Dark Orange:
|
|
ha-card-border-radius: 2px
|
|
ha-card-box-shadow: "1px 1px 2px 0px rgba(0,0,0,0.3)"
|
|
|
|
primary-color: "#E77E23"
|
|
light-primary-color: "#FF9940"
|
|
graph-color: var(--primary-color)
|
|
primary-background-color: "#403e3c"
|
|
secondary-background-color: var(--primary-background-color)
|
|
divider-color: "#292a2e"
|
|
disabled-color: "#666666"
|
|
|
|
primary-text-color: "#FBFBFB"
|
|
secondary-text-color: var(--primary-color)
|
|
text-primary-color: var(--primary-text-color)
|
|
disabled-text-color: "#7A7D90"
|
|
|
|
sidebar-icon-color: var(--primary-color)
|
|
sidebar-text-color: var(--primary-text-color)
|
|
sidebar-background-color: "#363332"
|
|
sidebar-selected-background-color: var(--primary-background-color)
|
|
sidebar-selected-icon-color: var(--light-primary-color)
|
|
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
|
|
|
|
state-icon-color: var(--primary-color)
|
|
state-icon-active-color: "#ffdd00"
|
|
state-icon-unavailable-color: var(--disabled-text-color)
|
|
|
|
paper-slider-knob-color: var(--primary-color)
|
|
paper-slider-knob-start-color: var(--paper-slider-knob-color)
|
|
paper-slider-pin-color: var(--paper-slider-knob-color)
|
|
paper-slider-active-color: var(--paper-slider-knob-color)
|
|
paper-slider-secondary-color: var(--light-primary-color)
|
|
label-badge-background-color: var(--divider-color)
|
|
label-badge-text-color: var(--primary-text-color)
|
|
label-badge-red: var(--light-primary-color)
|
|
|
|
paper-card-background-color: "#524f4d"
|
|
paper-listbox-background-color: var(--primary-background-color)
|
|
|
|
paper-toggle-button-checked-button-color: var(--primary-color)
|
|
paper-toggle-button-checked-bar-color: var(--light-primary-color)
|
|
paper-toggle-button-unchecked-button-color: var(--disabled-color)
|
|
paper-toggle-button-unchecked-bar-color: "#333333"
|
|
|
|
switch-checked-color: var(--paper-toggle-button-checked-button-color)
|
|
switch-unchecked-button-color: var(--paper-toggle-button-unchecked-button-color)
|
|
switch-unchecked-color: var(--paper-toggle-button-unchecked-bar-color)
|
|
switch-unchecked-track-color: var(--paper-toggle-button-unchecked-bar-color)
|
|
|
|
table-row-background-color: var(--divider-color)
|
|
table-row-alternative-background-color: var(--secondary-background-color)
|
|
card-background-color: var(--primary-background-color)
|
|
|
|
Dark Turqoise:
|
|
ha-card-border-radius: 2px
|
|
ha-card-box-shadow: "1px 1px 2px 0px rgba(0,0,0,0.3)"
|
|
|
|
primary-color: "#00BCD4"
|
|
light-primary-color: "#19E4FF"
|
|
graph-color: var(--primary-color)
|
|
primary-background-color: "#3c3f40"
|
|
secondary-background-color: var(--primary-background-color)
|
|
divider-color: "#292a2e"
|
|
disabled-color: "#666666"
|
|
|
|
primary-text-color: "#FBFBFB"
|
|
secondary-text-color: var(--primary-color)
|
|
text-primary-color: var(--primary-text-color)
|
|
disabled-text-color: "#7A7D90"
|
|
|
|
sidebar-icon-color: var(--primary-color)
|
|
sidebar-text-color: var(--primary-text-color)
|
|
sidebar-background-color: "#323536"
|
|
sidebar-selected-background-color: var(--primary-background-color)
|
|
sidebar-selected-icon-color: var(--light-primary-color)
|
|
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
|
|
|
|
state-icon-color: var(--primary-color)
|
|
state-icon-active-color: "#ffdd00"
|
|
state-icon-unavailable-color: var(--disabled-text-color)
|
|
|
|
paper-slider-knob-color: var(--primary-color)
|
|
paper-slider-knob-start-color: var(--paper-slider-knob-color)
|
|
paper-slider-pin-color: var(--paper-slider-knob-color)
|
|
paper-slider-active-color: var(--paper-slider-knob-color)
|
|
paper-slider-secondary-color: var(--light-primary-color)
|
|
label-badge-background-color: var(--divider-color)
|
|
label-badge-text-color: var(--primary-text-color)
|
|
label-badge-red: var(--light-primary-color)
|
|
|
|
paper-card-background-color: "#4d5152"
|
|
paper-listbox-background-color: var(--primary-background-color)
|
|
|
|
paper-toggle-button-checked-button-color: var(--primary-color)
|
|
paper-toggle-button-checked-bar-color: var(--light-primary-color)
|
|
paper-toggle-button-unchecked-button-color: var(--disabled-color)
|
|
paper-toggle-button-unchecked-bar-color: "#333333"
|
|
|
|
switch-checked-color: var(--paper-toggle-button-checked-button-color)
|
|
switch-unchecked-button-color: var(--paper-toggle-button-unchecked-button-color)
|
|
switch-unchecked-color: var(--paper-toggle-button-unchecked-bar-color)
|
|
switch-unchecked-track-color: var(--paper-toggle-button-unchecked-bar-color)
|
|
|
|
table-row-background-color: var(--divider-color)
|
|
table-row-alternative-background-color: var(--secondary-background-color)
|
|
card-background-color: var(--primary-background-color)
|
|
|
|
Dark Yellow:
|
|
ha-card-border-radius: 2px
|
|
ha-card-box-shadow: "1px 1px 2px 0px rgba(0,0,0,0.3)"
|
|
|
|
primary-color: "#e5ba0e"
|
|
light-primary-color: "#FFD429"
|
|
graph-color: var(--primary-color)
|
|
primary-background-color: "#403f3c"
|
|
secondary-background-color: var(--primary-background-color)
|
|
divider-color: "#292a2e"
|
|
disabled-color: "#666666"
|
|
|
|
primary-text-color: "#FBFBFB"
|
|
secondary-text-color: var(--primary-color)
|
|
text-primary-color: var(--primary-text-color)
|
|
disabled-text-color: "#7A7D90"
|
|
|
|
sidebar-icon-color: var(--primary-color)
|
|
sidebar-text-color: var(--primary-text-color)
|
|
sidebar-background-color: "#363432"
|
|
sidebar-selected-background-color: var(--primary-background-color)
|
|
sidebar-selected-icon-color: var(--light-primary-color)
|
|
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
|
|
|
|
state-icon-color: var(--primary-color)
|
|
state-icon-active-color: "#ffdd00"
|
|
state-icon-unavailable-color: var(--disabled-text-color)
|
|
|
|
paper-slider-knob-color: var(--primary-color)
|
|
paper-slider-knob-start-color: var(--paper-slider-knob-color)
|
|
paper-slider-pin-color: var(--paper-slider-knob-color)
|
|
paper-slider-active-color: var(--paper-slider-knob-color)
|
|
paper-slider-secondary-color: var(--light-primary-color)
|
|
label-badge-background-color: var(--divider-color)
|
|
label-badge-text-color: var(--primary-text-color)
|
|
label-badge-red: var(--light-primary-color)
|
|
|
|
paper-card-background-color: "#52514d"
|
|
paper-listbox-background-color: var(--primary-background-color)
|
|
|
|
paper-toggle-button-checked-button-color: var(--primary-color)
|
|
paper-toggle-button-checked-bar-color: var(--light-primary-color)
|
|
paper-toggle-button-unchecked-button-color: var(--disabled-color)
|
|
paper-toggle-button-unchecked-bar-color: "#333333"
|
|
|
|
switch-checked-color: var(--paper-toggle-button-checked-button-color)
|
|
switch-unchecked-button-color: var(--paper-toggle-button-unchecked-button-color)
|
|
switch-unchecked-color: var(--paper-toggle-button-unchecked-bar-color)
|
|
switch-unchecked-track-color: var(--paper-toggle-button-unchecked-bar-color)
|
|
|
|
table-row-background-color: var(--divider-color)
|
|
table-row-alternative-background-color: var(--secondary-background-color)
|
|
card-background-color: var(--primary-background-color)
|