Issue installing theme

Configuration
1

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

2

Off top if head is the filename spell correctly and I would also change the midnight: to theme_midnight: just to keep the naming the same

3

You need a space between the colon and the '.

primary-color: ‘#5294E2’

Simon