Hi.
I have set up the ‘Dark - Blue’ theme in my home assistant (which I have downloaded/copied as I am not experienced enough to create one myself). The coding in themes.yaml is as follows:
Dark - Blue:
### Main Interface Colors ###
primary-color: "#2F7EFD"
light-primary-color: "#6FA6FE"
primary-background-color: "#1F1F28"
secondary-background-color: var(--primary-background-color)
divider-color: "#2F2F3D"
### Text ###
primary-text-color: "#FFFFFF"
secondary-text-color: "#6FA6FE"
text-primary-color: "#FFFFFF"
disabled-text-color: "#4E4E66"
### Sidebar Menu ###
sidebar-icon-color: "#B6B6C1"
sidebar-text-color: "#F1F1F1"
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#6FA6FE"
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
### States and Badges ###
state-icon-color: "#2F7EFD"
state-icon-active-color: "#FBCD41"
state-icon-unavailable-color: var(--disabled-text-color)
### Sliders ###
paper-slider-knob-color: "#2F7EFD"
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)
### Labels ###
label-badge-background-color: "#23232E"
label-badge-text-color: "#F1F1F1"
label-badge-red: "#6FA6FE"
### Cards ###
paper-card-background-color: "#23232E"
paper-listbox-background-color: var(--primary-background-color)
### Toggles ###
paper-toggle-button-checked-button-color: "#4e91fd"
paper-toggle-button-checked-bar-color: "#6FA6FE"
paper-toggle-button-unchecked-button-color: "#0245b1"
paper-toggle-button-unchecked-bar-color: "#606e85"
### Table row ###
table-row-background-color: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
It works well enough apart from when I want to use the configuration/devices area. The background and foreground colours are the same so it is not possible to see anything, i.e.:
If I switch to the default theme, it is of course visible:
Which variables of the ‘Dark - Blue’ theme do I need to change to make the relevant sections visible?
Thanks in advance.
