homeassistant/themes/dark_themes/dark_themes.yaml

270 lines
11 KiB
YAML
Raw Permalink Normal View History

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)