I’ve seen some nice themes but wanted something a little different in Lovelace. Put this one together and thought it was good enough to share. I still need to do some tweaking as I figure out what setting does what but overall it works well for my use and eye’s.
here is the config file
themes.yaml (1.5 KB)
So I have update this to adjust colors for sliders and toggles to be more consistent with the theme.
themes.yaml (1.6 KB)
Okay finalized this theme. I have it where I am happy with it maybe some of you will be too.
here is my configuration
The_Blues:
primary-color: “#007ba7” # Primary (most of the UI)
primary-background-color: “#ace5ee” # Primary background colour (dialogs, e.t.c)
secondary-background-color: “#007aa5” # Secondary background colour (main UI background)
paper-card-background-color: “#93ccea” # Card background colour
paper-item-icon-color: “#318ce7” # Icon colour
primary-text-color: “#100c08” # Primary text colour
text-primary-color: “#e0ffff” #Top Menu Bar Color
secondary-text-color: “#100c08” # Secondary text colour
disabled-text-color: “#ff003f” # Disabled text colour
divider-color: “#100c08” # Divider colour
paper-card-header-color: “#002147” # Card header text colour
paper-listbox-background-color: “#e7feff” # Listbox background colour
paper-listbox-color: “#100c08” # Listbox text colour
paper-grey-200: “21abcd” # Listbox selected item background colour
paper-toggle-button-checked-ink-color: “#5d8aa8”
paper-toggle-button-checked-button-color: “#0077be”
paper-toggle-button-checked-bar-color: “#e7feff”
paper-toggle-button-unchecked-bar-color: “#91a3b0”
paper-toggle-button-unchecked-button-color: “#5f9ea0”
paper-slider-knob-color: “#0077be”
paper-slider-knob-start-color: “#5d8aa8”
paper-slider-pin-color: “#b2beb5”
paper-slider-active-color: “#b2beb5”
paper-slider-secondary-color: “#6699cc”
table-row-background-color: “#f0ffff”
table-row-alternative-background-color: “#f0f8ff”
