Temas para interface do Home Assistant

[douglas]

Abaixo segue alguns temas que podem ser utilizados no HA. Uma dica é que pode utilizar também uma automação para utilizar um tema de dia e outro tema a noite através da plataforma sun.

Página oficial da documentação do HA sobre temas:

Home Assistant Frontend

Edite seu arquivo /config/configuration.yaml e adicione:

frontend:
  themes: !include themes.yaml

Com o código já no configuration.yaml agora podemos instalar os temas pelos HACS!

Não tem o HACS instalado? Instale por aqui:

Custom Component: HACS - Home Assistant Community Store (+ correção para HACS is Disable)

O que é HACS? É uma abreviação de “Home Assistant Community Store” ou simplesmente a loja da comunidade do Home Assistant. Você certamente já precisou, ou já visualizou em vídeos, projetos em uma interface com componentes customizados. Como um botão, gráficos diferentes, com linhas mais atraentes, ou com barras, cartões personalizados, temas para o HA, etc. Para poder personalizar as telas do seu HA como os exemplos citados, é necessário a instalação de componentes customizados. Antes da exis…

Com ele instalado vamos aos temas:

Entrando no HACS vá na opção Frontend

Clique em Explore e ADD Repositories no canto direito abaixo.

Aqui podemos pesquisar cartões da lovelace e temas para o Home Assistant.

Escolhendo um tema é só clicar em Install This Repository in HACS para instalar.

Pronto, agora tem os temas a dispositção!
Para alterar o tema é só ir no seu perfil na opção de temas e alterar!

Opção dois de instalaçdo de temas:

Os temas também podem ser instalado ao modo antigo, na mão.

Crie um arquivo chamado themes.yaml dentro do diretório /config/ com o fonte dos temas, todos os temas pode estar no mesmo arquivo.

 Dark - Green:
  ### Main Interface Colors ###
  primary-color: "#03B14B"
  light-primary-color: "#47FC92"
  primary-background-color: "#1F1F28"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2F2F3D"
  ### Text ###
  primary-text-color: "#FFFFFF"
  secondary-text-color: "#47FC92"
  text-primary-color: "#FFFFFF"
  disabled-text-color: "#464653"
  ### Sidebar Menu ###
  sidebar-icon-color: "#B6B6C1"
  sidebar-text-color: "#F1F1F1"
  sidebar-selected-background-color: var(--primary-background-color)
  sidebar-selected-icon-color: "#47FC92"
  sidebar-selected-text-color: var(--sidebar-selected-icon-color)
  ### States and Badges ###
  state-icon-color: "#04E762"
  state-icon-active-color: "#FBD150"
  state-icon-unavailable-color: var(--disabled-text-color)
  ### Sliders ###
  paper-slider-knob-color: "#04E762"
  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: "#464653"
  label-badge-text-color: "#FFFFFF"
  label-badge-red: "#343443"
  ### Cards ###
  paper-card-background-color: "#23232E"
  paper-listbox-background-color: var(--primary-background-color)
  ### Toggles ###
  paper-toggle-button-checked-button-color: "#04E762"
  paper-toggle-button-checked-bar-color: "#47FC92"
  paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color)
  paper-toggle-button-unchecked-bar-color: "#343443"
  ### Table row ###
  table-row-background-color: var(--primary-background-color)
  table-row-alternative-background-color: var(--secondary-background-color)

Gray - Green:
  ### Main Interface Colors ###
  primary-color: "#24E081"
  light-primary-color: "#6BEAAA"
  primary-background-color: "#494B58"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#595B6B"
  ### Text ###
  primary-text-color: "#FBFBFB"
  secondary-text-color: "#24E081"
  text-primary-color: "#FBFBFB"
  disabled-text-color: "#7A7D90"
  ### Sidebar Menu ###
  sidebar-icon-color: "#A2A4B2"
  sidebar-text-color: "#FBFBFB"
  sidebar-selected-background-color: var(--primary-background-color)
  sidebar-selected-icon-color: "#24E081"
  sidebar-selected-text-color: var(--sidebar-selected-icon-color)
  ### States and Badges ###
  state-icon-color: "#24E081"
  state-icon-active-color: "#FBCD41"
  state-icon-unavailable-color: var(--disabled-text-color)
  ### Sliders ###
  paper-slider-knob-color: "#24E081"
  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)
  paper-green-400: "#FBCD41"
  ### Labels ###
  label-badge-background-color: "#9A9CAB"
  label-badge-text-color: "#FBFBFB"
  label-badge-red: "#555766"
  ### Cards ###
  paper-card-background-color: "#555766"
  paper-listbox-background-color: var(--primary-background-color)
  ### Toggles ###
  paper-toggle-button-checked-button-color: "#24E081"
  paper-toggle-button-checked-bar-color: "#6BEAAA"
  paper-toggle-button-unchecked-button-color: "#A2A4B2"
  paper-toggle-button-unchecked-bar-color: "#787B8F"
  ### Table row ###
  table-row-background-color: var(--primary-background-color)
  table-row-alternative-background-color: var(--secondary-background-color)

Dark - Blue/Purple:
  ### Main Interface Colors ###
  primary-color: "#0567d2"
  light-primary-color: "#4DA3FF"
  primary-background-color: "#141A32"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#3B4C8B"
  ### Text ###
  primary-text-color: "#FFFFFF"
  secondary-text-color: "#4DA3FF"
  text-primary-color: "#FFFFFF"
  disabled-text-color: "#4F5F78"
  ### Sidebar Menu ###
  sidebar-icon-color: "#4F6B95"
  sidebar-text-color: "#CBD5E4"
  sidebar-selected-background-color: var(--primary-background-color)
  sidebar-selected-icon-color: "#4DA3FF"
  sidebar-selected-text-color: var(--sidebar-selected-icon-color)
  ### States and Badges ###
  state-icon-color: "#0567d2"
  state-icon-active-color: "#FBCD41"
  state-icon-unavailable-color: var(--disabled-text-color)
  ### Sliders ###
  paper-slider-knob-color: "#0567d2"
  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: "#1E2747"
  label-badge-text-color: "#FFFFFF"
  label-badge-red: "#3B4C8B"
  ### Cards ###
  paper-card-background-color: "#1E2747"
  paper-listbox-background-color: var(--primary-background-color)
  ### Toggles ###
  paper-toggle-button-checked-button-color: "#FCFCFC"
  paper-toggle-button-checked-bar-color: "#4DA3FF"
  paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color)
  paper-toggle-button-unchecked-bar-color: "#303F79"
  ### Table row ###
  table-row-background-color: var(--primary-background-color)
  table-row-alternative-background-color: var(--secondary-background-color)

Dark - Orange:
  ### Main Interface Colors ###
  primary-color: "#FF8300"
  light-primary-color: "#FFA23F"
  primary-background-color: "#1F1F28"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#353544"
  ### Text ###
  primary-text-color: "#FFFFFF"
  secondary-text-color: "#FF8300"
  text-primary-color: "#FFFFFF"
  disabled-text-color: "#595975"
  ### Sidebar Menu ###
  sidebar-icon-color: "#7D8BA6"
  sidebar-text-color: "#F1F1F1"
  sidebar-selected-background-color: var(--primary-background-color)
  sidebar-selected-icon-color: "#FFA23F"
  sidebar-selected-text-color: var(--sidebar-selected-icon-color)
  ### States and Badges ###
  state-icon-color: "#FF8300"
  state-icon-active-color: "#FBCD41"
  state-icon-unavailable-color: var(--disabled-text-color)
  ### Sliders ###
  paper-slider-knob-color: "#FF8300"
  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: "#363647"
  label-badge-text-color: "#F1F1F1"
  label-badge-red: "#FFA23F"
  ### Cards ###
  paper-card-background-color: "#23232E"
  paper-listbox-background-color: var(--primary-background-color)
  ### Toggles ###
  paper-toggle-button-checked-button-color: "#FF8300"
  paper-toggle-button-checked-bar-color: "#FFA23F"
  paper-toggle-button-unchecked-button-color: "#767679"
  paper-toggle-button-unchecked-bar-color: "#444446"
  ### Table row ###
  table-row-background-color: var(--primary-background-color)
  table-row-alternative-background-color: var(--secondary-background-color)
  
Other - Dark Orange:
  primary-color: "#ff9800"
  light-primary-color: "#ffc947"
  dark-primary-color: "#c66900"
  text-primary-color: "#ffffff"
  primary-background-color: "#37464f"
  sidebar-text_-_background: "#62717b"
  paper-card-background-color: "#263137"
  paper-card-header-color: "var(--text-primary-color)"
  secondary-background-color: "var(--primary-background-color)"
  primary-text-color: "var(--text-primary-color)"
  secondary-text-color: "var(--primary-color)"
  paper-listbox-background-color: "var(--sidebar-text_-_background)"
  paper-toggle-button-checked-ink-color: "var(--dark-primary-color)"
  paper-toggle-button-checked-button-color: "var(--dark-primary-color)"
  paper-toggle-button-checked-bar-color: "var(--dark-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-active-color: "var(--primary-color)"
  paper-slider-secondary-color: "var(--light-primary-color)"
  paper-slider-container-color: "var(--sidebar-text_-_background)"
  paper-progress-secondary-color: "var(--sidebar-text_-_background)"
  paper-item-selected_-_background-color: "var(--primary-color)"
  paper-item-icon_-_color: "var(--text-primary-color)"
  paper-item-icon-color: "var(--sidebar-text_-_background)"
  paper-item-icon-active-color: "var(--primary-color)"
  paper-grey-50: "var(--sidebar-text_-_background)"
  paper-grey-200: "var(--primary-background-color)"
  label-badge-background-color: "var(--sidebar-text_-_background)"
  label-badge-text-color: "var(--text-primary-color)"
  label-badge-red: "var(--primary-color)"
  label-badge-blue: "var(--light-primary-color)"
  label-badge-green: "var(--dark-primary-color)"
  label-badge-yellow: "var(--text-primary-color)"
  label-badge-grey: "var(--paper-grey-500)"
  table-row-background-color: "var(--paper-card-background-color)"
  table-row-alternative-background-color: "var(--sidebar-text_-_background)"

Material Dark Green:
  light_green: "#08a8a5"
  dark_green: "#017775"
  dark_grey: "#232326"
  light_grey: "#344249"
  red: "#d10404"
  yellow: "#fffa0c"
  white: "#f7f7f7"
  pink: "#ff0090"
  primary-color: "var(--light_green)"
  light-primary-color: "var(--red)"
  dark-primary-color: "var(--red)"
  text-primary-color: "var(--pink)"
  primary-background-color: "var(--dark_grey)"
  sidebar-text_-_background: "var(--pink)"
  paper-card-background-color: "var(--light_grey)"
  paper-card-header-color: "var(--white)"
  secondary-background-color: "var(--dark_grey)"
  primary-text-color: "var(--white)"
  secondary-text-color: "var(--white)"
  paper-listbox-background-color: "var(--light_grey)"
  paper-toggle-button-checked-ink-color: "var(--pink)"
  paper-toggle-button-checked-button-color: "var(--yellow)"
  paper-toggle-button-checked-bar-color: "var(--yellow)"
  paper-slider-knob-color: "var(--yellow)"
  paper-slider-knob-start-color: "var(--red)"
  paper-slider-pin-color: "var(--pink)"
  paper-slider-active-color: "var(--yellow)"
  paper-slider-secondary-color: "var(--pink)"
  paper-slider-container-color: "var(--red)"
  paper-progress-secondary-color: "var(--pink)"
  paper-item-selected_-_background-color: "var(--light_green)"
  paper-item-icon_-_color: "var(--pink)"
  paper-item-icon-color: "var(--dark_green)"
  paper-item-icon-active-color: "var(--yellow)"
  paper-grey-50: "var(--light_green)"
  paper-grey-200: "var(--dark_green)"
  label-badge-background-color: "var(--light_grey)"
  label-badge-text-color: "var(--white)"
  label-badge-red: "var(--red)"
  label-badge-blue: "var(--pink)"
  label-badge-green: "var(--pink)"
  label-badge-yellow: "var(--pink)"
  label-badge-grey: "var(--pink)"
  table-row-background-color: "var(--light_grey)"
  table-row-alternative-background-color: "var(--dark_grey)"

Vintage: 
  turmeric-color: "#DEB853"
  light-turmeric-color: "#E2D9A2"
  slate-color: "#0A373A" 
  light-slate-color: "#789F8A"
  maroon-color: "#862715"
  primary-font-family: "Lucida Console"        
  paper-listbox-background-color: "var(--turmeric-color)"
  light-primary-color: "var(--light-turmeric-color)"
  paper-item-selected_-_background-color: "var(--light-turmeric-color)"
  paper-grey-200: "var(--light-turmeric-color)"   
  divider-color: "var(--light-turmeric-color)"        
  primary-background-color: "var(--light-turmeric-color)"
  secondary-background-color: "var(--light-turmeric-color)"
  paper-slider-secondary-color: "var(--light-turmeric-color)" 
  paper-toggle-button-checked-bar-color: "var(--light-turmeric-color)"        
  primary-color: "var(--slate-color)"
  paper-grey-50: "var(--slate-color)"        
  primary-text-color: "var(--slate-color)" 
  secondary-text-color: "var(--slate-color)"
  paper-item-icon-color: "var(--slate-color)"
  label-badge-text-color: "var(--slate-color)"
  paper-item-icon_-_color: "var(--slate-color)"
  paper-slider-knob-color: "var(--slate-color)"
  paper-slider-knob-start-color: "var(--slate-color)"
  paper-slider-pin-color: "var(--slate-color)"
  paper-toggle-button-checked-button-color: "var(--slate-color)"
  paper-toggle-button-unchecked-bar-color: "var(--slate-color)"        
  paper-card-header-color: "var(--slate-color)"  
  disabled-text-color: "var(--light-slate-color)"
  paper-card-background-color: "var(--light-slate-color)"     
  label-badge-background-color: "var(--light-slate-color)"         
  dark-primary-color: "var(--maroon-color)"
  paper-listbox-color: "var(--maroon-color)" 
  paper-item-icon-active-color: "var(--maroon-color)" 
  label-badge-red: "var(--maroon-color)"
  paper-slider-active-color: "var(--maroon-color)"        
  paper-toggle-button-checked-ink-color: "var(--maroon-color)"  
  paper-font-common-base_-_font-family: "var(--primary-font-family)"
  paper-font-common-code_-_font-family: "var(--primary-font-family)"
  paper-font-body1_-_font-family: "var(--primary-font-family)"
  paper-font-subhead_-_font-family: "var(--primary-font-family)"
  paper-font-headline_-_font-family: "var(--primary-font-family)"
  paper-font-caption_-_font-family: "var(--primary-font-family)"    
  paper-font-title_-_font-family: "var(--primary-font-family)"   

oled:
  primary-color: 'black'
  accent-color: '#03A9F4'
  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: '#03A9F4'
  disabled-text-color: 'white'
  label-badge-border-color: 'green'
  sidebar-icon-color: 'black'
  primary-background-color: 'black'
  secondary-background-color: '#222222'
  divider-color: 'black'
  table-row-background-color: '#292929'
  table-row-alternative-background-color: '#292929'
  paper-listbox-color: 'black'
  paper-listbox-background-color: '#03A9F4'
  paper-grey-50: 'black'
  paper-grey-200: 'black'
  paper-card-header-color: 'red'
  paper-card-background-color: 'black'
  paper-dialog-background-color: 'black'
  paper-item-icon-color: 'var(--primary-text-color)'
  paper-item-icon-active-color: '#03A9F4'
  paper-item-icon_-_color: 'green'
  paper-item-selected_-_background-color: '#292929'
  paper-tabs-selection-bar-color: 'green'
  label-badge-red: 'var(--accent-color)'
  label-badge-text-color: 'var(--primary-text-color)'
  label-badge-background-color: '#222222'
  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)'
  google-red-500: '#b58e31'
  google-green-500: '#2980b9'      

 Dark - Green:
  ### Main Interface Colors ###
  primary-color: "#03B14B"
  light-primary-color: "#47FC92"
  primary-background-color: "#1F1F28"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2F2F3D"
  ### Text ###
  primary-text-color: "#FFFFFF"
  secondary-text-color: "#47FC92"
  text-primary-color: "#FFFFFF"
  disabled-text-color: "#464653"
  ### Sidebar Menu ###
  sidebar-icon-color: "#B6B6C1"
  sidebar-text-color: "#F1F1F1"
  sidebar-selected-background-color: var(--primary-background-color)
  sidebar-selected-icon-color: "#47FC92"
  sidebar-selected-text-color: var(--sidebar-selected-icon-color)
  ### States and Badges ###
  state-icon-color: "#04E762"
  state-icon-active-color: "#FBD150"
  state-icon-unavailable-color: var(--disabled-text-color)
  ### Sliders ###
  paper-slider-knob-color: "#04E762"
  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: "#464653"
  label-badge-text-color: "#FFFFFF"
  label-badge-red: "#343443"
  ### Cards ###
  paper-card-background-color: "#23232E"
  paper-listbox-background-color: var(--primary-background-color)
  ### Toggles ###
  paper-toggle-button-checked-button-color: "#04E762"
  paper-toggle-button-checked-bar-color: "#47FC92"
  paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color)
  paper-toggle-button-unchecked-bar-color: "#343443"
  ### Table row ###
  table-row-background-color: var(--primary-background-color)
  table-row-alternative-background-color: var(--secondary-background-color)

Gray - Green:
  ### Main Interface Colors ###
  primary-color: "#24E081"
  light-primary-color: "#6BEAAA"
  primary-background-color: "#494B58"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#595B6B"
  ### Text ###
  primary-text-color: "#FBFBFB"
  secondary-text-color: "#24E081"
  text-primary-color: "#FBFBFB"
  disabled-text-color: "#7A7D90"
  ### Sidebar Menu ###
  sidebar-icon-color: "#A2A4B2"
  sidebar-text-color: "#FBFBFB"
  sidebar-selected-background-color: var(--primary-background-color)
  sidebar-selected-icon-color: "#24E081"
  sidebar-selected-text-color: var(--sidebar-selected-icon-color)
  ### States and Badges ###
  state-icon-color: "#24E081"
  state-icon-active-color: "#FBCD41"
  state-icon-unavailable-color: var(--disabled-text-color)
  ### Sliders ###
  paper-slider-knob-color: "#24E081"
  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)
  paper-green-400: "#FBCD41"
  ### Labels ###
  label-badge-background-color: "#9A9CAB"
  label-badge-text-color: "#FBFBFB"
  label-badge-red: "#555766"
  ### Cards ###
  paper-card-background-color: "#555766"
  paper-listbox-background-color: var(--primary-background-color)
  ### Toggles ###
  paper-toggle-button-checked-button-color: "#24E081"
  paper-toggle-button-checked-bar-color: "#6BEAAA"
  paper-toggle-button-unchecked-button-color: "#A2A4B2"
  paper-toggle-button-unchecked-bar-color: "#787B8F"
  ### Table row ###
  table-row-background-color: var(--primary-background-color)
  table-row-alternative-background-color: var(--secondary-background-color)

Dark - Blue/Purple:
  ### Main Interface Colors ###
  primary-color: "#0567d2"
  light-primary-color: "#4DA3FF"
  primary-background-color: "#141A32"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#3B4C8B"
  ### Text ###
  primary-text-color: "#FFFFFF"
  secondary-text-color: "#4DA3FF"
  text-primary-color: "#FFFFFF"
  disabled-text-color: "#4F5F78"
  ### Sidebar Menu ###
  sidebar-icon-color: "#4F6B95"
  sidebar-text-color: "#CBD5E4"
  sidebar-selected-background-color: var(--primary-background-color)
  sidebar-selected-icon-color: "#4DA3FF"
  sidebar-selected-text-color: var(--sidebar-selected-icon-color)
  ### States and Badges ###
  state-icon-color: "#0567d2"
  state-icon-active-color: "#FBCD41"
  state-icon-unavailable-color: var(--disabled-text-color)
  ### Sliders ###
  paper-slider-knob-color: "#0567d2"
  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: "#1E2747"
  label-badge-text-color: "#FFFFFF"
  label-badge-red: "#3B4C8B"
  ### Cards ###
  paper-card-background-color: "#1E2747"
  paper-listbox-background-color: var(--primary-background-color)
  ### Toggles ###
  paper-toggle-button-checked-button-color: "#FCFCFC"
  paper-toggle-button-checked-bar-color: "#4DA3FF"
  paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color)
  paper-toggle-button-unchecked-bar-color: "#303F79"
  ### Table row ###
  table-row-background-color: var(--primary-background-color)
  table-row-alternative-background-color: var(--secondary-background-color)

Dark - Orange:
  ### Main Interface Colors ###
  primary-color: "#FF8300"
  light-primary-color: "#FFA23F"
  primary-background-color: "#1F1F28"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#353544"
  ### Text ###
  primary-text-color: "#FFFFFF"
  secondary-text-color: "#FF8300"
  text-primary-color: "#FFFFFF"
  disabled-text-color: "#595975"
  ### Sidebar Menu ###
  sidebar-icon-color: "#7D8BA6"
  sidebar-text-color: "#F1F1F1"
  sidebar-selected-background-color: var(--primary-background-color)
  sidebar-selected-icon-color: "#FFA23F"
  sidebar-selected-text-color: var(--sidebar-selected-icon-color)
  ### States and Badges ###
  state-icon-color: "#FF8300"
  state-icon-active-color: "#FBCD41"
  state-icon-unavailable-color: var(--disabled-text-color)
  ### Sliders ###
  paper-slider-knob-color: "#FF8300"
  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: "#363647"
  label-badge-text-color: "#F1F1F1"
  label-badge-red: "#FFA23F"
  ### Cards ###
  paper-card-background-color: "#23232E"
  paper-listbox-background-color: var(--primary-background-color)
  ### Toggles ###
  paper-toggle-button-checked-button-color: "#FF8300"
  paper-toggle-button-checked-bar-color: "#FFA23F"
  paper-toggle-button-unchecked-button-color: "#767679"
  paper-toggle-button-unchecked-bar-color: "#444446"
  ### Table row ###
  table-row-background-color: var(--primary-background-color)
  table-row-alternative-background-color: var(--secondary-background-color)
  
Other - Dark Orange:
  primary-color: "#ff9800"
  light-primary-color: "#ffc947"
  dark-primary-color: "#c66900"
  text-primary-color: "#ffffff"
  primary-background-color: "#37464f"
  sidebar-text_-_background: "#62717b"
  paper-card-background-color: "#263137"
  paper-card-header-color: "var(--text-primary-color)"
  secondary-background-color: "var(--primary-background-color)"
  primary-text-color: "var(--text-primary-color)"
  secondary-text-color: "var(--primary-color)"
  paper-listbox-background-color: "var(--sidebar-text_-_background)"
  paper-toggle-button-checked-ink-color: "var(--dark-primary-color)"
  paper-toggle-button-checked-button-color: "var(--dark-primary-color)"
  paper-toggle-button-checked-bar-color: "var(--dark-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-active-color: "var(--primary-color)"
  paper-slider-secondary-color: "var(--light-primary-color)"
  paper-slider-container-color: "var(--sidebar-text_-_background)"
  paper-progress-secondary-color: "var(--sidebar-text_-_background)"
  paper-item-selected_-_background-color: "var(--primary-color)"
  paper-item-icon_-_color: "var(--text-primary-color)"
  paper-item-icon-color: "var(--sidebar-text_-_background)"
  paper-item-icon-active-color: "var(--primary-color)"
  paper-grey-50: "var(--sidebar-text_-_background)"
  paper-grey-200: "var(--primary-background-color)"
  label-badge-background-color: "var(--sidebar-text_-_background)"
  label-badge-text-color: "var(--text-primary-color)"
  label-badge-red: "var(--primary-color)"
  label-badge-blue: "var(--light-primary-color)"
  label-badge-green: "var(--dark-primary-color)"
  label-badge-yellow: "var(--text-primary-color)"
  label-badge-grey: "var(--paper-grey-500)"
  table-row-background-color: "var(--paper-card-background-color)"
  table-row-alternative-background-color: "var(--sidebar-text_-_background)"

Material Dark Green:
  light_green: "#08a8a5"
  dark_green: "#017775"
  dark_grey: "#232326"
  light_grey: "#344249"
  red: "#d10404"
  yellow: "#fffa0c"
  white: "#f7f7f7"
  pink: "#ff0090"
  primary-color: "var(--light_green)"
  light-primary-color: "var(--red)"
  dark-primary-color: "var(--red)"
  text-primary-color: "var(--pink)"
  primary-background-color: "var(--dark_grey)"
  sidebar-text_-_background: "var(--pink)"
  paper-card-background-color: "var(--light_grey)"
  paper-card-header-color: "var(--white)"
  secondary-background-color: "var(--dark_grey)"
  primary-text-color: "var(--white)"
  secondary-text-color: "var(--white)"
  paper-listbox-background-color: "var(--light_grey)"
  paper-toggle-button-checked-ink-color: "var(--pink)"
  paper-toggle-button-checked-button-color: "var(--yellow)"
  paper-toggle-button-checked-bar-color: "var(--yellow)"
  paper-slider-knob-color: "var(--yellow)"
  paper-slider-knob-start-color: "var(--red)"
  paper-slider-pin-color: "var(--pink)"
  paper-slider-active-color: "var(--yellow)"
  paper-slider-secondary-color: "var(--pink)"
  paper-slider-container-color: "var(--red)"
  paper-progress-secondary-color: "var(--pink)"
  paper-item-selected_-_background-color: "var(--light_green)"
  paper-item-icon_-_color: "var(--pink)"
  paper-item-icon-color: "var(--dark_green)"
  paper-item-icon-active-color: "var(--yellow)"
  paper-grey-50: "var(--light_green)"
  paper-grey-200: "var(--dark_green)"
  label-badge-background-color: "var(--light_grey)"
  label-badge-text-color: "var(--white)"
  label-badge-red: "var(--red)"
  label-badge-blue: "var(--pink)"
  label-badge-green: "var(--pink)"
  label-badge-yellow: "var(--pink)"
  label-badge-grey: "var(--pink)"
  table-row-background-color: "var(--light_grey)"
  table-row-alternative-background-color: "var(--dark_grey)"

Dica de pack com temas!

Caule Themes Pack 1

Caule Themes Pack 1 - by caulecriativo.com - Instale via HACS

Caule Themes Pack 1 - by caulecriativo.com [hacs_badge] [ha brasil] [ha brasil discord] [homeassistant_community] [Github Stars] [Github Follow] Criado por Ricardo Correia para a comunidade Home Assistant Brasil. 10 cores modernas; 4 categorias de estilos; Black Glass Black Dark Light 40 temas no total; Ícones animados para o card de previsão do tempo; E de bônus um seletor de temas automático para sua interface. Quero pedir apenas 3 coisas para quem se beneficiar com esses temas: …

[douglas]

Segue mais dois temas

Material Dark Green:
  light_green: "#08a8a5"
  dark_green: "#017775"
  dark_grey: "#232326"
  light_grey: "#344249"
  red: "#d10404"
  yellow: "#fffa0c"
  white: "#f7f7f7"
  pink: "#ff0090"
  primary-color: "var(--light_green)"
  light-primary-color: "var(--red)"
  dark-primary-color: "var(--red)"
  text-primary-color: "var(--pink)"
  primary-background-color: "var(--dark_grey)"
  sidebar-text_-_background: "var(--pink)"
  paper-card-background-color: "var(--light_grey)"
  paper-card-header-color: "var(--white)"
  secondary-background-color: "var(--dark_grey)"
  primary-text-color: "var(--white)"
  secondary-text-color: "var(--white)"
  paper-listbox-background-color: "var(--light_grey)"
  paper-toggle-button-checked-ink-color: "var(--pink)"
  paper-toggle-button-checked-button-color: "var(--yellow)"
  paper-toggle-button-checked-bar-color: "var(--yellow)"
  paper-slider-knob-color: "var(--yellow)"
  paper-slider-knob-start-color: "var(--red)"
  paper-slider-pin-color: "var(--pink)"
  paper-slider-active-color: "var(--yellow)"
  paper-slider-secondary-color: "var(--pink)"
  paper-slider-container-color: "var(--red)"
  paper-progress-secondary-color: "var(--pink)"
  paper-item-selected_-_background-color: "var(--light_green)"
  paper-item-icon_-_color: "var(--pink)"
  paper-item-icon-color: "var(--dark_green)"
  paper-item-icon-active-color: "var(--yellow)"
  paper-grey-50: "var(--light_green)"
  paper-grey-200: "var(--dark_green)"
  label-badge-background-color: "var(--light_grey)"
  label-badge-text-color: "var(--white)"
  label-badge-red: "var(--red)"
  label-badge-blue: "var(--pink)"
  label-badge-green: "var(--pink)"
  label-badge-yellow: "var(--pink)"
  label-badge-grey: "var(--pink)"
  table-row-background-color: "var(--light_grey)"
  table-row-alternative-background-color: "var(--dark_grey)"
 
Vintage: 
  turmeric-color: "#DEB853"
  light-turmeric-color: "#E2D9A2"
  slate-color: "#0A373A" 
  light-slate-color: "#789F8A"
  maroon-color: "#862715"
  primary-font-family: "Lucida Console"        
  paper-listbox-background-color: "var(--turmeric-color)"
  light-primary-color: "var(--light-turmeric-color)"
  paper-item-selected_-_background-color: "var(--light-turmeric-color)"
  paper-grey-200: "var(--light-turmeric-color)"   
  divider-color: "var(--light-turmeric-color)"        
  primary-background-color: "var(--light-turmeric-color)"
  secondary-background-color: "var(--light-turmeric-color)"
  paper-slider-secondary-color: "var(--light-turmeric-color)" 
  paper-toggle-button-checked-bar-color: "var(--light-turmeric-color)"        
  primary-color: "var(--slate-color)"
  paper-grey-50: "var(--slate-color)"        
  primary-text-color: "var(--slate-color)" 
  secondary-text-color: "var(--slate-color)"
  paper-item-icon-color: "var(--slate-color)"
  label-badge-text-color: "var(--slate-color)"
  paper-item-icon_-_color: "var(--slate-color)"
  paper-slider-knob-color: "var(--slate-color)"
  paper-slider-knob-start-color: "var(--slate-color)"
  paper-slider-pin-color: "var(--slate-color)"
  paper-toggle-button-checked-button-color: "var(--slate-color)"
  paper-toggle-button-unchecked-bar-color: "var(--slate-color)"        
  paper-card-header-color: "var(--slate-color)"  
  disabled-text-color: "var(--light-slate-color)"
  paper-card-background-color: "var(--light-slate-color)"     
  label-badge-background-color: "var(--light-slate-color)"         
  dark-primary-color: "var(--maroon-color)"
  paper-listbox-color: "var(--maroon-color)" 
  paper-item-icon-active-color: "var(--maroon-color)" 
  label-badge-red: "var(--maroon-color)"
  paper-slider-active-color: "var(--maroon-color)"        
  paper-toggle-button-checked-ink-color: "var(--maroon-color)"  
  paper-font-common-base_-_font-family: "var(--primary-font-family)"
  paper-font-common-code_-_font-family: "var(--primary-font-family)"
  paper-font-body1_-_font-family: "var(--primary-font-family)"
  paper-font-subhead_-_font-family: "var(--primary-font-family)"
  paper-font-headline_-_font-family: "var(--primary-font-family)"
  paper-font-caption_-_font-family: "var(--primary-font-family)"    
  paper-font-title_-_font-family: "var(--primary-font-family)"

[remontti]

EscuroAmarelo:
  ### Main Interface Colors ###
  primary-color: "#FCB800"
  light-primary-color: "#FFCD44"
  primary-background-color: "#141414"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#262626"
  ### Text ###
  primary-text-color: "#EBEBEB"
  secondary-text-color: "#FCB800"
  text-primary-color: "#141414"
  disabled-text-color: "#5D5D5D"
  ### Sidebar Menu ###
  sidebar-icon-color: "#8E8E8E"
  sidebar-text-color: "#EBEBEB"
  sidebar-selected-background-color: var(--primary-background-color)
  sidebar-selected-icon-color: "#FCB800"
  sidebar-selected-text-color: var(--sidebar-selected-icon-color)
  ### States and Badges ###
  state-icon-color: "#FCB800"
  state-icon-active-color: "#FDEAB0"
  state-icon-unavailable-color: var(--disabled-text-color)
  ### Sliders ###
  paper-slider-knob-color: "#FCB800"
  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: "#515151"
  label-badge-text-color: "#EBEBEB"
  label-badge-red: "#515151"
  ### Cards ###
  paper-card-background-color: "#1A1A1A"
  paper-listbox-background-color: var(--primary-background-color)
  ### Toggles ###
  paper-toggle-button-checked-button-color: "#FCB800"
  paper-toggle-button-checked-bar-color: "#FFD45D"
  paper-toggle-button-unchecked-button-color: "#8E8E8E"
  paper-toggle-button-unchecked-bar-color: "#515151"
  ### Table row ###
  table-row-background-color: var(--primary-background-color)
  table-row-alternative-background-color: var(--secondary-background-color)

[remontti]

EscuroVerde:
  ### Main Interface Colors ###
  primary-color: "#03B14B"
  light-primary-color: "#47FC92"
  primary-background-color: "#1F1F28"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2F2F3D"
  ### Text ###
  primary-text-color: "#FFFFFF"
  secondary-text-color: "#47FC92"
  text-primary-color: "#FFFFFF"
  disabled-text-color: "#464653"
  ### Sidebar Menu ###
  sidebar-icon-color: "#B6B6C1"
  sidebar-text-color: "#F1F1F1"
  sidebar-selected-background-color: var(--primary-background-color)
  sidebar-selected-icon-color: "#47FC92"
  sidebar-selected-text-color: var(--sidebar-selected-icon-color)
  ### States and Badges ###
  state-icon-color: "#04E762"
  state-icon-active-color: "#FBD150"
  state-icon-unavailable-color: var(--disabled-text-color)
  ### Sliders ###
  paper-slider-knob-color: "#04E762"
  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: "#464653"
  label-badge-text-color: "#FFFFFF"
  label-badge-red: "#343443"
  ### Cards ###
  paper-card-background-color: "#23232E"
  paper-listbox-background-color: var(--primary-background-color)
  ### Toggles ###
  paper-toggle-button-checked-button-color: "#04E762"
  paper-toggle-button-checked-bar-color: "#47FC92"
  paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color)
  paper-toggle-button-unchecked-bar-color: "#343443"
  ### Table row ###
  table-row-background-color: var(--primary-background-color)
  table-row-alternative-background-color: var(--secondary-background-color)

[remontti]

EscuroAzul:
  ### 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: "#2F7EFD"
  paper-toggle-button-checked-bar-color: "#6FA6FE"
  paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color)
  paper-toggle-button-unchecked-bar-color: "#3E4756"
  ### Table row ###
  table-row-background-color: var(--primary-background-color)
  table-row-alternative-background-color: var(--secondary-background-color)

[remontti]

RemonttiAzul:
  # Main colors
  primary-color: '#1c5b83'
  accent-color: '#b58e31'
  dark-primary-color: '#1c5b83'
  light-primary-color: '#1c5b83'
  # Text colors
  primary-text-color: '#FFFFFF'
  text-primary-color: 'var(--primary-text-color)'
  secondary-text-color: '#b58e31'
  disabled-text-color: '#616161'
  # Sidebar
  sidebar-icon-color: '#BDBDBD'
  # Background colors
  primary-background-color: '#0d0d0d'
  secondary-background-color: '#0d0d0d'
  divider-color: 'rgba(0, 0, 0, .12)'
  table-row-background-color: '#151515'
  table-row-alternative-background-color: '#151515'
  # Nav Menu
  paper-listbox-color: '#777777'
  paper-listbox-background-color: '#101010'
  paper-grey-50: 'var(--primary-text-color)'
  paper-grey-200: '#0d0d0d'
  # Paper card
  paper-card-header-color: '#1c5b83'
  paper-card-background-color: '#151515'
  paper-dialog-background-color: '#151515'
  paper-item-icon-color: 'var(--primary-text-color)'
  paper-item-icon-active-color: '#b58e31'
  paper-item-selected_-_background-color: '#151515'
  # Labels
  label-badge-red: 'var(--primary-color)'
  label-badge-text-color: 'var(--primary-text-color)'
  label-badge-background-color: '#0d0d0d'
  # Switches
  paper-toggle-button-checked-button-color: '#1c5b83'
  paper-toggle-button-checked-bar-color: '#1c5b83'
  paper-toggle-button-checked-ink-color: '#1c5b83'
  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)'
  # Sliders
  paper-slider-knob-color: '#1c5b83'
  paper-slider-knob-start-color: '#1c5b83'
  paper-slider-pin-color: '#1c5b83'
  paper-slider-active-color: '#1c5b83'
  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 colors
  google-red-500: '#b58e31'
  google-green-500: '#1c5b83'
  #Changes to fix history/logbook menus
  lumo-primary-text-color: '#1c5b83'
  lumo-secondary-text-color: '#1c5b83'
  lumo-primary-color: '#1c5b83'
  #Calendar day numbers
  lumo-body-text-color: '#b58e31'
  #Calendar/Date-Picker Background
  lumo-base-color: '#0d0d0d'
  #Month/Year header
  lumo-header-text-color: 'var(--lumo-body-text-color)'
  #DayOfWeek Header
  lumo-tertiary-text-color: 'var(--lumo-body-text-color)'
  lumo-shade: '#0d0d0d'
  lumo-shade-90pct: 'rgba(13, 13, 13, .9)'
  lumo-shade-80pct: 'rgba(13, 13, 13, .8)'
  lumo-shade-70pct: 'rgba(13, 13, 13, .7)'
  lumo-shade-60pct: 'rgba(13, 13, 13, .6)'
  lumo-shade-50pct: 'rgba(13, 13, 13, .5)'
  lumo-shade-40pct: 'rgba(13, 13, 13, .4)'
  lumo-shade-30pct: 'rgba(13, 13, 13, .3)'
  lumo-shade-20pct: 'rgba(13, 13, 13, .2)'
  lumo-shade-10pct: 'rgba(13, 13, 13, .1)'
  lumo-shade-5pct: 'rgba(13, 13, 13, .05)'
  lumo-tint-5pct: '#0d0d0d'

[remontti]

RemonttiVerde:
  # Main colors
  primary-color: '#035633'
  accent-color: '#00c85f'
  dark-primary-color: '#035633'
  light-primary-color: '#035633'
  # Text colors
  primary-text-color: '#FFFFFF'
  text-primary-color: 'var(--primary-text-color)'
  secondary-text-color: '#00c85f'
  disabled-text-color: '#777777'
  # Sidebar
  sidebar-icon-color: '#777777'
  # Background colors
  primary-background-color: '#0d0d0d'
  secondary-background-color: '#0d0d0d'
  divider-color: 'rgba(0, 0, 0, .12)'
  table-row-background-color: '#151515'
  table-row-alternative-background-color: '#151515'
  # Nav Menu
  paper-listbox-color: '#777777'
  paper-listbox-background-color: '#101010'
  paper-grey-50: 'var(--primary-text-color)'
  paper-grey-200: '#0d0d0d'
  # Paper card
  paper-card-header-color: '#035633'
  paper-card-background-color: '#151515'
  paper-dialog-background-color: '#151515'
  paper-item-icon-color: 'var(--primary-text-color)'
  paper-item-icon-active-color: '#00c85f'
  paper-item-selected_-_background-color: '#151515'

  # Labels
  label-badge-red: 'var(--primary-color)'
  label-badge-text-color: 'var(--primary-text-color)'
  label-badge-background-color: '#0d0d0d'
  # Switches
  paper-toggle-button-checked-button-color: '#035633'
  paper-toggle-button-checked-bar-color: '#035633'
  paper-toggle-button-checked-ink-color: '#035633'
  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)'
  # Sliders
  paper-slider-knob-color: '#035633'
  paper-slider-knob-start-color: '#035633'
  paper-slider-pin-color: '#035633'
  paper-slider-active-color: '#035633'
  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 colors
  google-red-500: '#00c85f'
  google-green-500: '#035633'
  #Changes to fix history/logbook menus
  lumo-primary-text-color: '#035633'
  lumo-secondary-text-color: '#035633'
  lumo-primary-color: '#035633'
  #Calendar day numbers
  lumo-body-text-color: '#00c85f'
  #Calendar/Date-Picker Background
  lumo-base-color: '#0d0d0d'
  #Month/Year header
  lumo-header-text-color: 'var(--lumo-body-text-color)'
  #DayOfWeek Header
  lumo-tertiary-text-color: 'var(--lumo-body-text-color)'
  lumo-shade: '#0d0d0d'
  lumo-shade-90pct: 'rgba(13, 13, 13, .9)'
  lumo-shade-80pct: 'rgba(13, 13, 13, .8)'
  lumo-shade-70pct: 'rgba(13, 13, 13, .7)'
  lumo-shade-60pct: 'rgba(13, 13, 13, .6)'
  lumo-shade-50pct: 'rgba(13, 13, 13, .5)'
  lumo-shade-40pct: 'rgba(13, 13, 13, .4)'
  lumo-shade-30pct: 'rgba(13, 13, 13, .3)'
  lumo-shade-20pct: 'rgba(13, 13, 13, .2)'
  lumo-shade-10pct: 'rgba(13, 13, 13, .1)'
  lumo-shade-5pct: 'rgba(13, 13, 13, .05)'
  lumo-tint-5pct: '#0d0d0d'

[remontti]

RemonttiVerde2:
  # Main colors
  primary-color: '#035633'
  accent-color: '#00c85f'
  dark-primary-color: '#035633'
  light-primary-color: '#035633'
  # Text colors
  primary-text-color: '#FFFFFF'
  text-primary-color: 'var(--primary-text-color)'
  secondary-text-color: '#00c85f'
  disabled-text-color: '#777777'
  # Sidebar
  sidebar-icon-color: '#777777'
  # Background colors
  primary-background-color: '#0d0d0d'
  secondary-background-color: '#0d0d0d'
  divider-color: 'rgba(0, 0, 0, .12)'
  table-row-background-color: '#151515'
  table-row-alternative-background-color: '#151515'
  # Nav Menu
  paper-listbox-color: '#777777'
  paper-listbox-background-color: '#101010'
  paper-grey-50: 'var(--primary-text-color)'
  paper-grey-200: '#0d0d0d'
  # Paper card
  paper-card-header-color: '#035633'
  paper-card-background-color: '#151515'
  paper-dialog-background-color: '#151515'
  paper-item-icon-color: '#03663b'
  paper-item-icon-active-color: '#ffbb00'
  paper-item-selected_-_background-color: '#151515'
  # Labels
  label-badge-red: '#ffdd00'
  label-badge-text-color: '#ffdd00'
  label-badge-background-color: '#ffdd00'
  # Switches
  paper-toggle-button-checked-button-color: '#ffbb00'
  paper-toggle-button-checked-bar-color: '#024427'
  paper-toggle-button-checked-ink-color: '#024427'
  paper-toggle-button-unchecked-button-color: '#28322d'
  paper-toggle-button-unchecked-bar-color: '#28322d'
  paper-toggle-button-unchecked-ink-color: '#28322d'
  # Sliders
  paper-slider-knob-color: '#ffdd00'
  paper-slider-knob-start-color: '#ffdd00'
  paper-slider-pin-color: '#ffbb00'
  paper-slider-active-color: '#ffbb00'
  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 colors
  google-red-500: '#00c85f'
  google-green-500: '#035633'
  #Changes to fix history/logbook menus
  lumo-primary-text-color: '#035633'
  lumo-secondary-text-color: '#035633'
  lumo-primary-color: '#035633'
  #Calendar day numbers
  lumo-body-text-color: '#00c85f'
  #Calendar/Date-Picker Background
  lumo-base-color: '#0d0d0d'
  #Month/Year header
  lumo-header-text-color: 'var(--lumo-body-text-color)'
  #DayOfWeek Header
  lumo-tertiary-text-color: 'var(--lumo-body-text-color)'
  lumo-shade: '#0d0d0d'
  lumo-shade-90pct: 'rgba(13, 13, 13, .9)'
  lumo-shade-80pct: 'rgba(13, 13, 13, .8)'
  lumo-shade-70pct: 'rgba(13, 13, 13, .7)'
  lumo-shade-60pct: 'rgba(13, 13, 13, .6)'
  lumo-shade-50pct: 'rgba(13, 13, 13, .5)'
  lumo-shade-40pct: 'rgba(13, 13, 13, .4)'
  lumo-shade-30pct: 'rgba(13, 13, 13, .3)'
  lumo-shade-20pct: 'rgba(13, 13, 13, .2)'
  lumo-shade-10pct: 'rgba(13, 13, 13, .1)'
  lumo-shade-5pct: 'rgba(13, 13, 13, .05)'
  lumo-tint-5pct: '#0d0d0d'

[Derato]

Ola Douglas, fiz todo o passo a passo, mais não ativou, existe alguma alteração nessa nova atualização?

[douglas]

Verifica se apareceu nessa tela. Se não, valida seu código para ver se aparece algo incorreto.

[Derato]

Valeu Douglas!!! agora vai…kkkkkk

[AlessandroQuiterio]

Boa tarde Pessoal !
Oi Douglas, criei o arquivo, eu valido as configurações e não da erro, porém não aparece.
Ajuda ai por favor.

[wapick]

frontend:  
themes: !include_dir_merge_named themes/
input_select:
 hass_theme:
    name: 'Current Theme'
    options:
     - 'default'
     - 'dark'
     - 'teal'
     - 'darkcyan'
     - 'midnight'
     - 'cpha'
     - 'green'
     - 'solarized'
    initial: 'default'
    icon: 'mdi:palette'

tenho essa configuração e funciona.

[AlessandroQuiterio]

Oi Douglas ! Criei o um arquivo chamado themes.yaml e coloquei essa configs que vc me mandou, mais não deu certo.
Muito obrigado mesmo assim pela ajuda.

[Fabio_Wielewski]

Muito bom, assim que possível quero mechendo nos temas, vlw Douglas