So after a ton of lookin and reading, i finally got some themes going but still not what I was hoping for.
in my configuration.yaml i have added
“frontend:
themes: !include themes.yaml”
and then in my themes.yaml is like this :
"darkcyan:
# Main colors that can be changed
primary-color: “#00bcd4”
disabled-text-color: “#545454”
divider-color: “rgba(255, 255, 255, 0.12)”
paper-card-background-color: “#4e4e4e”
paper-grey-200: “#191919”
paper-item-icon-color: “#d3d3d3”
paper-listbox-background-color: “#202020”
paper-listbox-color: “#FFFFFF”
primary-background-color: “#303030”
primary-text-color: “#cfcfcf”
secondary-background-color: “#2b2b2b”
secondary-text-color: “#04a7bc”
# Colors based on variables, see above
label-badge-background-color: “var(–secondary-background-color)”
label-badge-text-color: “var(–text-primary-color)”
paper-card-header-color: “#var(–paper-item-icon-color)”
paper-grey-50: “var(–primary-text-color)”
paper-item-icon-active-color: “var(–primary-color)”
paper-item-icon_-_color: “var(–primary-text-color)”
paper-slider-active-color: “var(–primary-color)”
paper-slider-knob-color: “var(–primary-color)”
paper-slider-knob-start-color: “var(–primary-color)”
paper-slider-pin-color: “var(–primary-color)”
paper-slider-secondary-color: “var(–light-primary-color)”
paper-toggle-button-checked-ink-color: “var(–dark-primary-color)”
paper-toggle-button-checked-button-color: “var(–primary-color)”
paper-toggle-button-checked-bar-color: “var(–light-primary-color)”
paper-toggle-button-unchecked-bar-color: “var(–primary-text-color)”
And then it looks like this
I was hoping that the whole white background would be the same color as the “cards” … or is this edited elsewhere ?
running hassio 143