Hello. I have a fresh install of Hass, and am trying to install my first theme.
Both my theme_midnight.yaml and configuration.yaml are valid YAML, but I am getting an error:
frontend:
- Invalid config for [frontend]: expected a dictionary for dictionary value @ data['frontend']['themes']['midnight']. Got "primary-color:'#5294E2' accent-color:'#E45E65' dark-primary-color:'var(--accent-color)' light-primary-color:'var(--accent-color)' primary-text-color:'#FFFFFF' text-primary-color:'var(--primary-text-color)' secondary-text-color:'#5294E2' disabled-text-color:'#7F848E' label-badge-border-color:'green'\nprimary-background-color:'#383C45' secondary-background-color:'#383C45' divider-color:'rgba(0,0,0,.12)'\ntable-row-background-color:'#353840' table-row-alternative-background-color:'#3E424B'\npap.... (See /home/name/.homeassistant/configuration.yaml, line 17). Please check the docs at https://home-assistant.io/components/frontend/
- automation: ?
default_config: ?
frontend: [source /home/name/.homeassistant/configuration.yaml:17]
javascript_version: latest
themes: [source /home/name/.homeassistant/configuration.yaml:17]
midnight: primary-color:'#5294E2' accent-color:'#E45E65' dark-primary-color:'var(--accent-color)' light-primary-color:'var(--accent-color)' primary-text-color:'#FFFFFF' text-primary-color:'var(--primary-text-color)' secondary-text-color:'#5294E2' disabled-text-color:'#7F848E' label-badge-border-color:'green'
primary-background-color:'#383C45' secondary-background-color:'#383C45' divider-color:'rgba(0,0,0,.12)'
table-row-background-color:'#353840' table-row-alternative-background-color:'#3E424B'
paper-listbox-color:'var(--primary-color)' paper-listbox-background-color:'#2E333A' paper-grey-50:'var(--primary-text-color)' paper-grey-200:'#414A59'
paper-card-header-color:'var(--accent-color)' paper-card-background-color:'#434954' paper-dialog-background-color:'#434954' paper-item-icon-color:'var(--primary-text-color)' paper-item-icon-active-color:'#F9C536' paper-item-icon_-_color:'green' paper-item-selected_-_background-color:'#434954' paper-tabs-selection-bar-color:'green'
label-badge-red:'var(--accent-color)' label-badge-text-color:'var(--primary-text-color)' label-badge-background-color:'#2E333A'
paper-toggle-button-checked-button-color:'var(--accent-color)' paper-toggle-button-checked-bar-color:'var(--accent-color)' paper-toggle-button-checked-ink-color:'var(--accent-color)' paper-toggle-button-unchecked-button-color:'var(--disabled-text-color)' paper-toggle-button-unchecked-bar-color:'var(--disabled-text-color)' paper-toggle-button-unchecked-ink-color:'var(--disabled-text-color)'
paper-slider-knob-color:'var(--accent-color)' paper-slider-knob-start-color:'var(--accent-color)' paper-slider-pin-color:'var(--accent-color)' paper-slider-active-color:'var(--accent-color)' paper-slider-container-color:'linear-gradient(var(--primary-background-color),var(--secondary-background-color))no-repeat' paper-slider-secondary-color:'var(--secondary-background-color)' paper-slider-disabled-active-color:'var(--disabled-text-color)' paper-slider-disabled-secondary-color:'var(--disabled-text-color)'
google-red-500:'#E45E65' google-green-500:'#39E949'
group: ?
script: ?
Successful config (partial)
frontend:
themes: !include theme_midnight.yaml
javascript_version: latest
midnight:
primary-color:'#5294E2'
accent-color:'#E45E65'
dark-primary-color:'var(--accent-color)'
light-primary-color:'var(--accent-color)'
primary-text-color:'#FFFFFF'
text-primary-color:'var(--primary-text-color)'
secondary-text-color:'#5294E2'
disabled-text-color:'#7F848E'
label-badge-border-color:'green'
primary-background-color:'#383C45'
secondary-background-color:'#383C45'
divider-color:'rgba(0,0,0,.12)'
table-row-background-color:'#353840'
table-row-alternative-background-color:'#3E424B'
paper-listbox-color:'var(--primary-color)'
paper-listbox-background-color:'#2E333A'
paper-grey-50:'var(--primary-text-color)'
paper-grey-200:'#414A59'
paper-card-header-color:'var(--accent-color)'
paper-card-background-color:'#434954'
paper-dialog-background-color:'#434954'
paper-item-icon-color:'var(--primary-text-color)'
paper-item-icon-active-color:'#F9C536'
paper-item-icon_-_color:'green'
paper-item-selected_-_background-color:'#434954'
paper-tabs-selection-bar-color:'green'
label-badge-red:'var(--accent-color)'
label-badge-text-color:'var(--primary-text-color)'
label-badge-background-color:'#2E333A'
paper-toggle-button-checked-button-color:'var(--accent-color)'
paper-toggle-button-checked-bar-color:'var(--accent-color)'
paper-toggle-button-checked-ink-color:'var(--accent-color)'
paper-toggle-button-unchecked-button-color:'var(--disabled-text-color)'
paper-toggle-button-unchecked-bar-color:'var(--disabled-text-color)'
paper-toggle-button-unchecked-ink-color:'var(--disabled-text-color)'
paper-slider-knob-color:'var(--accent-color)'
paper-slider-knob-start-color:'var(--accent-color)'
paper-slider-pin-color:'var(--accent-color)'
paper-slider-active-color:'var(--accent-color)'
paper-slider-container-color:'linear-gradient(var(--primary-background-color),var(--secondary-background-color))no-repeat'
paper-slider-secondary-color:'var(--secondary-background-color)'
paper-slider-disabled-active-color:'var(--disabled-text-color)'
paper-slider-disabled-secondary-color:'var(--disabled-text-color)'
google-red-500:'#E45E65'
google-green-500:'#39E949'
Does anyone see any glaring issues with my setup? Thank you