Dark Blue:
  modes:
    dark:
      ha-card-background: "#4d5052"
      ha-card-border-radius: 3px
      ha-config-card-border-radius: var(--ha-card-border-radius)
      ha-card-border-width: 0px
      ha-card-box-shadow: "1px 1px 2px 0px rgba(0,0,0,0.3)"

      primary-color: "#00A0E2"
      light-primary-color: "#19BAFF"
      graph-color: var(--primary-color)
      primary-background-color: "#3a3c3d"
      secondary-background-color: "#434647"
      divider-color: "#292a2e"
      disabled-color: "#666666"
      lovelace-background: var(--primary-background-color)

      primary-text-color: "#FBFBFB"
      secondary-text-color: var(--primary-color)
      text-primary-color: var(--primary-text-color)
      disabled-text-color: "#7A7D90"

      sidebar-icon-color: var(--primary-color)
      sidebar-text-color: var(--primary-text-color)
      sidebar-background-color: "#323436"
      sidebar-selected-background-color: var(--primary-background-color)
      sidebar-selected-icon-color: var(--light-primary-color)
      sidebar-selected-text-color: var(--primary-text-color)

      state-icon-color: var(--primary-color)
      state-icon-active-color: "#ffdd00"
      state-icon-unavailable-color: var(--disabled-text-color)

      paper-slider-knob-color: var(--primary-color)
      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)
      label-badge-background-color: var(--divider-color)
      label-badge-text-color: var(--primary-text-color)
      label-badge-red: var(--light-primary-color)

      paper-card-background-color: var(--ha-card-background)
      paper-listbox-background-color: var(--secondary-background-color)

      paper-toggle-button-checked-button-color: var(--primary-color)
      paper-toggle-button-checked-bar-color: var(--light-primary-color)
      paper-toggle-button-unchecked-button-color: var(--disabled-color)
      paper-toggle-button-unchecked-bar-color: "#333333"

      switch-checked-color: var(--paper-toggle-button-checked-button-color)
      switch-unchecked-button-color: var(--paper-toggle-button-unchecked-button-color)
      switch-unchecked-color: var(--paper-toggle-button-unchecked-bar-color)
      switch-unchecked-track-color: var(--paper-toggle-button-unchecked-bar-color)

      table-row-background-color: var(--divider-color)
      table-row-alternative-background-color: var(--secondary-background-color)
      card-background-color: var(--primary-background-color)

      ha-dialog-border-radius: var(--ha-card-border-radius)
      mdc-theme-surface: var(--ha-card-background)

      mdc-text-field-fill-color: var(--secondary-background-color)
      mdc-text-field-ink-color: var(--primary-text-color)
      mdc-select-fill-color: var(--secondary-background-color)
      mdc-text-field-label-ink-color: var(--primary-color)
      input-fill-color: var(--primary-color)
      input-ink-color: var(--primary-text-color)
      input-label-ink-color: var(--primary-text-color)
      input-disabled-fill-color: var(--secondary-background-color)
      input-disabled-ink-color: var(--disabled-text-color)
      input-disabled-label-ink-color: var(--disabled-text-color)
      input-idle-line-color: var(--divider-color)
      input-dropdown-icon-color: var(--secondary-text-color)
      input-hover-line-color: var(--primary-color)
      code-editor-background-color: var(--secondary-background-color)
      mdc-select-ink-color: var(--primary-text-color)
      mdc-select-label-ink-color: var(--secondary-text-color)
      mdc-select-idle-line-color: var(--divider-color)
      mdc-select-dropdown-icon-color: var(--secondary-text-color)
      mdc-select-hover-line-color: var(--primary-color)

Dark Green:
  modes:
    dark:
      ha-card-background: "#4e524f"
      ha-card-border-radius: 3px
      ha-config-card-border-radius: var(--ha-card-border-radius)
      ha-card-border-width: 0px
      ha-card-box-shadow: "1px 1px 2px 0px rgba(0,0,0,0.3)"

      primary-color: "#27ae61"
      light-primary-color: "#50FA9A"
      graph-color: var(--primary-color)
      primary-background-color: "#343b37"
      secondary-background-color: "#404743"
      divider-color: "#292a2e"
      disabled-color: "#666666"
      lovelace-background: var(--primary-background-color)

      primary-text-color: "#FBFBFB"
      secondary-text-color: var(--primary-color)
      text-primary-color: var(--primary-text-color)
      disabled-text-color: "#7A7D90"

      sidebar-icon-color: var(--primary-color)
      sidebar-text-color: var(--primary-text-color)
      sidebar-background-color: "#323633"
      sidebar-selected-background-color: var(--primary-background-color)
      sidebar-selected-icon-color: var(--light-primary-color)
      sidebar-selected-text-color: var(--primary-text-color)

      state-icon-color: var(--primary-color)
      state-icon-active-color: "#ffdd00"
      state-icon-unavailable-color: var(--disabled-text-color)

      paper-slider-knob-color: var(--primary-color)
      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)
      label-badge-background-color: var(--divider-color)
      label-badge-text-color: var(--primary-text-color)
      label-badge-red: var(--light-primary-color)

      paper-card-background-color: var(--ha-card-background)
      paper-listbox-background-color: var(--secondary-background-color)

      paper-toggle-button-checked-button-color: var(--primary-color)
      paper-toggle-button-checked-bar-color: var(--light-primary-color)
      paper-toggle-button-unchecked-button-color: var(--disabled-color)
      paper-toggle-button-unchecked-bar-color: "#333333"

      switch-checked-color: var(--paper-toggle-button-checked-button-color)
      switch-unchecked-button-color: var(--paper-toggle-button-unchecked-button-color)
      switch-unchecked-color: var(--paper-toggle-button-unchecked-bar-color)
      switch-unchecked-track-color: var(--paper-toggle-button-unchecked-bar-color)

      table-row-background-color: var(--divider-color)
      table-row-alternative-background-color: var(--secondary-background-color)
      card-background-color: var(--primary-background-color)

      ha-dialog-border-radius: var(--ha-card-border-radius)
      mdc-theme-surface: var(--ha-card-background)

      mdc-text-field-fill-color: var(--secondary-background-color)
      mdc-text-field-ink-color: var(--primary-text-color)
      mdc-select-fill-color: var(--secondary-background-color)
      mdc-text-field-label-ink-color: var(--primary-color)
      input-fill-color: var(--primary-color)
      input-ink-color: var(--primary-text-color)
      input-label-ink-color: var(--primary-text-color)
      input-disabled-fill-color: var(--secondary-background-color)
      input-disabled-ink-color: var(--disabled-text-color)
      input-disabled-label-ink-color: var(--disabled-text-color)
      input-idle-line-color: var(--divider-color)
      input-dropdown-icon-color: var(--secondary-text-color)
      input-hover-line-color: var(--primary-color)
      code-editor-background-color: var(--secondary-background-color)
      mdc-select-ink-color: var(--primary-text-color)
      mdc-select-label-ink-color: var(--secondary-text-color)
      mdc-select-idle-line-color: var(--divider-color)
      mdc-select-dropdown-icon-color: var(--secondary-text-color)
      mdc-select-hover-line-color: var(--primary-color)

Dark Orange:
  modes:
    dark:
      ha-card-background: "#524f4d"
      ha-card-border-radius: 3px
      ha-config-card-border-radius: var(--ha-card-border-radius)
      ha-card-border-width: 0px
      ha-card-box-shadow: "1px 1px 2px 0px rgba(0,0,0,0.3)"

      primary-color: "#E77E23"
      light-primary-color: "#FF9940"
      graph-color: var(--primary-color)
      primary-background-color: "#3b3937"
      secondary-background-color: "#474543"
      divider-color: "#292a2e"
      disabled-color: "#666666"
      lovelace-background: var(--primary-background-color)

      primary-text-color: "#FBFBFB"
      secondary-text-color: var(--primary-color)
      text-primary-color: var(--primary-text-color)
      disabled-text-color: "#7A7D90"

      sidebar-icon-color: var(--primary-color)
      sidebar-text-color: var(--primary-text-color)
      sidebar-background-color: "#363432"
      sidebar-selected-background-color: var(--primary-background-color)
      sidebar-selected-icon-color: var(--light-primary-color)
      sidebar-selected-text-color: var(--primary-text-color)

      state-icon-color: var(--primary-color)
      state-icon-active-color: "#ffdd00"
      state-icon-unavailable-color: var(--disabled-text-color)

      paper-slider-knob-color: var(--primary-color)
      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)
      label-badge-background-color: var(--divider-color)
      label-badge-text-color: var(--primary-text-color)
      label-badge-red: var(--light-primary-color)

      paper-card-background-color: var(--ha-card-background)
      paper-listbox-background-color: var(--secondary-background-color)

      paper-toggle-button-checked-button-color: var(--primary-color)
      paper-toggle-button-checked-bar-color: var(--light-primary-color)
      paper-toggle-button-unchecked-button-color: var(--disabled-color)
      paper-toggle-button-unchecked-bar-color: "#333333"

      switch-checked-color: var(--paper-toggle-button-checked-button-color)
      switch-unchecked-button-color: var(--paper-toggle-button-unchecked-button-color)
      switch-unchecked-color: var(--paper-toggle-button-unchecked-bar-color)
      switch-unchecked-track-color: var(--paper-toggle-button-unchecked-bar-color)

      table-row-background-color: var(--divider-color)
      table-row-alternative-background-color: var(--secondary-background-color)
      card-background-color: var(--primary-background-color)

      ha-dialog-border-radius: var(--ha-card-border-radius)
      mdc-theme-surface: var(--ha-card-background)

      mdc-text-field-fill-color: var(--secondary-background-color)
      mdc-text-field-ink-color: var(--primary-text-color)
      mdc-select-fill-color: var(--secondary-background-color)
      mdc-text-field-label-ink-color: var(--primary-color)
      input-fill-color: var(--primary-color)
      input-ink-color: var(--primary-text-color)
      input-label-ink-color: var(--primary-text-color)
      input-disabled-fill-color: var(--secondary-background-color)
      input-disabled-ink-color: var(--disabled-text-color)
      input-disabled-label-ink-color: var(--disabled-text-color)
      input-idle-line-color: var(--divider-color)
      input-dropdown-icon-color: var(--secondary-text-color)
      input-hover-line-color: var(--primary-color)
      code-editor-background-color: var(--secondary-background-color)
      mdc-select-ink-color: var(--primary-text-color)
      mdc-select-label-ink-color: var(--secondary-text-color)
      mdc-select-idle-line-color: var(--divider-color)
      mdc-select-dropdown-icon-color: var(--secondary-text-color)
      mdc-select-hover-line-color: var(--primary-color)

Dark Pink:
  modes:
    dark:
      ha-card-background: "#524d4e"
      ha-card-border-radius: 3px
      ha-config-card-border-radius: var(--ha-card-border-radius)
      ha-card-border-width: 0px
      ha-card-box-shadow: "1px 1px 2px 0px rgba(0,0,0,0.3)"

      primary-color: "#ff6397"
      light-primary-color: "#ff78a5"
      graph-color: var(--primary-color)
      primary-background-color: "#3b3738"
      secondary-background-color: "#474543"
      divider-color: "#292a2e"
      disabled-color: "#666666"
      lovelace-background: var(--primary-background-color)

      primary-text-color: "#FBFBFB"
      secondary-text-color: var(--primary-color)
      text-primary-color: var(--primary-text-color)
      disabled-text-color: "#7A7D90"

      sidebar-icon-color: var(--primary-color)
      sidebar-text-color: var(--primary-text-color)
      sidebar-background-color: "#363233"
      sidebar-selected-background-color: var(--primary-background-color)
      sidebar-selected-icon-color: var(--light-primary-color)
      sidebar-selected-text-color: var(--primary-text-color)

      state-icon-color: var(--primary-color)
      state-icon-active-color: "#ffdd00"
      state-icon-unavailable-color: var(--disabled-text-color)

      paper-slider-knob-color: var(--primary-color)
      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)
      label-badge-background-color: var(--divider-color)
      label-badge-text-color: var(--primary-text-color)
      label-badge-red: var(--light-primary-color)

      paper-card-background-color: var(--ha-card-background)
      paper-listbox-background-color: var(--secondary-background-color)

      paper-toggle-button-checked-button-color: var(--primary-color)
      paper-toggle-button-checked-bar-color: var(--light-primary-color)
      paper-toggle-button-unchecked-button-color: var(--disabled-color)
      paper-toggle-button-unchecked-bar-color: "#333333"

      switch-checked-color: var(--paper-toggle-button-checked-button-color)
      switch-unchecked-button-color: var(--paper-toggle-button-unchecked-button-color)
      switch-unchecked-color: var(--paper-toggle-button-unchecked-bar-color)
      switch-unchecked-track-color: var(--paper-toggle-button-unchecked-bar-color)

      table-row-background-color: var(--divider-color)
      table-row-alternative-background-color: var(--secondary-background-color)
      card-background-color: var(--primary-background-color)

      ha-dialog-border-radius: var(--ha-card-border-radius)
      mdc-theme-surface: var(--ha-card-background)

      mdc-text-field-fill-color: var(--secondary-background-color)
      mdc-text-field-ink-color: var(--primary-text-color)
      mdc-select-fill-color: var(--secondary-background-color)
      mdc-text-field-label-ink-color: var(--primary-color)
      input-fill-color: var(--primary-color)
      input-ink-color: var(--primary-text-color)
      input-label-ink-color: var(--primary-text-color)
      input-disabled-fill-color: var(--secondary-background-color)
      input-disabled-ink-color: var(--disabled-text-color)
      input-disabled-label-ink-color: var(--disabled-text-color)
      input-idle-line-color: var(--divider-color)
      input-dropdown-icon-color: var(--secondary-text-color)
      input-hover-line-color: var(--primary-color)
      code-editor-background-color: var(--secondary-background-color)
      mdc-select-ink-color: var(--primary-text-color)
      mdc-select-label-ink-color: var(--secondary-text-color)
      mdc-select-idle-line-color: var(--divider-color)
      mdc-select-dropdown-icon-color: var(--secondary-text-color)
      mdc-select-hover-line-color: var(--primary-color)

Dark Turqoise:
  modes:
    dark:
      ha-card-background: "#4d5152"
      ha-card-border-radius: 3px
      ha-config-card-border-radius: var(--ha-card-border-radius)
      ha-card-border-width: 0px
      ha-card-box-shadow: "1px 1px 2px 0px rgba(0,0,0,0.3)"

      primary-color: "#00BCD4"
      light-primary-color: "#19E4FF"
      graph-color: var(--primary-color)
      primary-background-color: "#373a3b"
      secondary-background-color: "#434647"
      divider-color: "#292a2e"
      disabled-color: "#666666"
      lovelace-background: var(--primary-background-color)

      primary-text-color: "#FBFBFB"
      secondary-text-color: var(--primary-color)
      text-primary-color: var(--primary-text-color)
      disabled-text-color: "#7A7D90"

      sidebar-icon-color: var(--primary-color)
      sidebar-text-color: var(--primary-text-color)
      sidebar-background-color: "#323536"
      sidebar-selected-background-color: var(--primary-background-color)
      sidebar-selected-icon-color: var(--light-primary-color)
      sidebar-selected-text-color: var(--primary-text-color)

      state-icon-color: var(--primary-color)
      state-icon-active-color: "#ffdd00"
      state-icon-unavailable-color: var(--disabled-text-color)

      paper-slider-knob-color: var(--primary-color)
      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)
      label-badge-background-color: var(--divider-color)
      label-badge-text-color: var(--primary-text-color)
      label-badge-red: var(--light-primary-color)

      paper-card-background-color: var(--ha-card-background)
      paper-listbox-background-color: var(--secondary-background-color)

      paper-toggle-button-checked-button-color: var(--primary-color)
      paper-toggle-button-checked-bar-color: var(--light-primary-color)
      paper-toggle-button-unchecked-button-color: var(--disabled-color)
      paper-toggle-button-unchecked-bar-color: "#333333"

      switch-checked-color: var(--paper-toggle-button-checked-button-color)
      switch-unchecked-button-color: var(--paper-toggle-button-unchecked-button-color)
      switch-unchecked-color: var(--paper-toggle-button-unchecked-bar-color)
      switch-unchecked-track-color: var(--paper-toggle-button-unchecked-bar-color)

      table-row-background-color: var(--divider-color)
      table-row-alternative-background-color: var(--secondary-background-color)
      card-background-color: var(--primary-background-color)

      ha-dialog-border-radius: var(--ha-card-border-radius)
      mdc-theme-surface: var(--ha-card-background)

      mdc-text-field-fill-color: var(--secondary-background-color)
      mdc-text-field-ink-color: var(--primary-text-color)
      mdc-select-fill-color: var(--secondary-background-color)
      mdc-text-field-label-ink-color: var(--primary-color)
      input-fill-color: var(--primary-color)
      input-ink-color: var(--primary-text-color)
      input-label-ink-color: var(--primary-text-color)
      input-disabled-fill-color: var(--secondary-background-color)
      input-disabled-ink-color: var(--disabled-text-color)
      input-disabled-label-ink-color: var(--disabled-text-color)
      input-idle-line-color: var(--divider-color)
      input-dropdown-icon-color: var(--secondary-text-color)
      input-hover-line-color: var(--primary-color)
      code-editor-background-color: var(--secondary-background-color)
      mdc-select-ink-color: var(--primary-text-color)
      mdc-select-label-ink-color: var(--secondary-text-color)
      mdc-select-idle-line-color: var(--divider-color)
      mdc-select-dropdown-icon-color: var(--secondary-text-color)
      mdc-select-hover-line-color: var(--primary-color)

Dark Yellow:
  modes:
    dark:
      ha-card-background: "#52514d"
      ha-card-border-radius: 3px
      ha-config-card-border-radius: var(--ha-card-border-radius)
      ha-card-border-width: 0px
      ha-card-box-shadow: "1px 1px 2px 0px rgba(0,0,0,0.3)"

      primary-color: "#e5ba0e"
      light-primary-color: "#FFD429"
      graph-color: var(--primary-color)
      primary-background-color: "#3b3a37"
      secondary-background-color: "#474643"
      divider-color: "#292a2e"
      disabled-color: "#666666"
      lovelace-background: var(--primary-background-color)

      primary-text-color: "#FBFBFB"
      secondary-text-color: var(--primary-color)
      text-primary-color: var(--primary-text-color)
      disabled-text-color: "#7A7D90"

      sidebar-icon-color: var(--primary-color)
      sidebar-text-color: var(--primary-text-color)
      sidebar-background-color: "#363532"
      sidebar-selected-background-color: var(--primary-background-color)
      sidebar-selected-icon-color: var(--light-primary-color)
      sidebar-selected-text-color: var(--primary-text-color)

      state-icon-color: var(--primary-color)
      state-icon-active-color: "#ffdd00"
      state-icon-unavailable-color: var(--disabled-text-color)

      paper-slider-knob-color: var(--primary-color)
      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)
      label-badge-background-color: var(--divider-color)
      label-badge-text-color: var(--primary-text-color)
      label-badge-red: var(--light-primary-color)

      paper-card-background-color: var(--ha-card-background)
      paper-listbox-background-color: var(--secondary-background-color)

      paper-toggle-button-checked-button-color: var(--primary-color)
      paper-toggle-button-checked-bar-color: var(--light-primary-color)
      paper-toggle-button-unchecked-button-color: var(--disabled-color)
      paper-toggle-button-unchecked-bar-color: "#333333"

      switch-checked-color: var(--paper-toggle-button-checked-button-color)
      switch-unchecked-button-color: var(--paper-toggle-button-unchecked-button-color)
      switch-unchecked-color: var(--paper-toggle-button-unchecked-bar-color)
      switch-unchecked-track-color: var(--paper-toggle-button-unchecked-bar-color)

      table-row-background-color: var(--divider-color)
      table-row-alternative-background-color: var(--secondary-background-color)
      card-background-color: var(--primary-background-color)

      ha-dialog-border-radius: var(--ha-card-border-radius)
      mdc-theme-surface: var(--ha-card-background)

      mdc-text-field-fill-color: var(--secondary-background-color)
      mdc-text-field-ink-color: var(--primary-text-color)
      mdc-select-fill-color: var(--secondary-background-color)
      mdc-text-field-label-ink-color: var(--primary-color)
      input-fill-color: var(--primary-color)
      input-ink-color: var(--primary-text-color)
      input-label-ink-color: var(--primary-text-color)
      input-disabled-fill-color: var(--secondary-background-color)
      input-disabled-ink-color: var(--disabled-text-color)
      input-disabled-label-ink-color: var(--disabled-text-color)
      input-idle-line-color: var(--divider-color)
      input-dropdown-icon-color: var(--secondary-text-color)
      input-hover-line-color: var(--primary-color)
      code-editor-background-color: var(--secondary-background-color)
      mdc-select-ink-color: var(--primary-text-color)
      mdc-select-label-ink-color: var(--secondary-text-color)
      mdc-select-idle-line-color: var(--divider-color)
      mdc-select-dropdown-icon-color: var(--secondary-text-color)
      mdc-select-hover-line-color: var(--primary-color)
