Alguns temas para a interface do Home Assistant

j_assuncao · 7 Maio , 2018 15:15

Podes mudar o tema com uma automação#### CHOOSE THEME

automation:
  - alias: 'Temas'
    initial_state: 'on'
    trigger:
      - platform: state
        entity_id: input_select.hass_template
    action:
      - service: frontend.set_theme
        data_template:
          name: "{{ states.input_select.hass_template.state }}"

mais isto,

input_select:
#### Escolha da cor dos temas
hass_template:
    name: Escolha um tema
    options:
      - escuro_azul
      - claro_laranja
    initial: escuro_azul
    icon: mdi:theme-light-dark

e colocas tudo num grupo

CarlosMartins · 7 Maio , 2018 16:39

Nao funcionou, vou postar minhas configs:
os temas estao dentro da pasta THEMES

frontend:
  themes: !include_dir_merge_named themes/
  extra_html_url:
    - /local/custom_ui/state-card-custom-ui.html
  extra_html_url_es5:
    - /local/custom_ui/state-card-custom-ui-es5.html


automation:
 - alias: 'Temas'
   initial_state: 'on'
   trigger:
     - platform: state
       entity_id: input_select.hass_template
   action:
     - service: frontend.set_theme
       data_template:
         name: "{{ states.input_select.hass_template.state }}"

Input:
hass_theme:
  name: Temas
  options:
    - dark
    - lightblue
    - cpha
  initial: dark
  icon: mdi:theme-light-dark

RodolfoVieira · 7 Maio , 2018 18:26

@CarlosMartins tens que colocar aqui o código mas quando o colocares clica em <> senão é dificil detectar o erro.

Draco · 7 Maio , 2018 20:27

Estes temas dão para instalar no hassbian?

jhows · 7 Maio , 2018 20:48

Sim, normal. São padrão

CarlosMartins · 7 Maio , 2018 20:54

Ja ajustei o codigo, o problema persiste.

jhows · 7 Maio , 2018 21:04

Mude o seu Input: para input_select

input_select:
hass_theme:
  name: Temas
  options:
    - dark
    - lightblue
    - cpha
  initial: dark
  icon: mdi:theme-light-dark

CarlosMartins · 8 Maio , 2018 02:04

Ja esta em input_select, mesmo assim nao funciona.

CarlosMartins · 8 Maio , 2018 11:21

Resolvi o problema, vou postar o codigo aqui caso alguem tambem precise ou tenha dificuldade:

frontend:
  themes: !include_dir_merge_named themes/
  
  
cria a pasta

mkdir themes

Joga os temas na pasta:

ls -l themes/
-rw-rw-r-- 1 carlos carlos  141 May  7 08:53 cpha.yaml
-rw-rw-r-- 1 carlos carlos 1411 Mar 15 08:24 darkcyan.yaml
-rw-rw-r-- 1 carlos carlos 1478 Apr 20 18:12 darkred.yaml
-rw-r--r-- 1 carlos carlos 3223 May  7 08:52 dark.yaml
-rw-rw-r-- 1 carlos carlos 3212 May  7 08:53 green.yaml
-rw-r--r-- 1 carlos carlos  458 Apr 20 18:12 lightblue.yaml
-rw-r--r-- 1 carlos carlos 4698 Apr 20 18:12 midnight.yaml
-rw-rw-r-- 1 carlos carlos 1474 Mar 15 08:24 solarized.yaml
-rw-rw-r-- 1 carlos carlos 1290 Mar 15 08:24 teal.yaml  
  
O nome da opção tem q ser o mesmo nome do arquivo criado:

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

Cria a automação, tem q estar com o mesmo nome do INPUT:

automation:	
 - alias: hass_theme
   initial_state: 'on'
   trigger:
     - platform: state
       entity_id: input_select.hass_theme
   action:
     - service: frontend.set_theme
       data_template:
         name: "{{ states.input_select.hass_theme.state }}"

Luis_Belo · 26 Maio , 2018 15:55

Boa tarde pessoal…

Preciso de uma ajudinha… quando forçom com isto:
wifi

Não acontece nada

Excelente tópico Obrigado.

Podes partilhar o nome desse ícone que tens? Onde tens “Auto Night Theme”

Obr.

Cumps.
Luis Belo

souzaathales · 29 Maio , 2018 15:01

Simples, o “name” do tema escuro não é black, é dark.
Sobre o ícone, é mdi:theme-light-dark

Luis_Belo · 30 Maio , 2018 18:09

Devo ter aqui alguma coisa mal…
Já corrigi para:
wifi
E ele não me muda nada…

Tenho a config assim:

hass_theme:
name: Temas
options:

Dark

Lightblue

Frontend

Solarized
initial: Lightblue
icon: mdi:theme-light-dark

Dark:
  primary-color: "#424242" # Primary (most of the UI)
  primary-background-color: "#303030" # Primary background colour (dialogs, e.t.c)
  secondary-background-color: "#303030" # Secondary background colour (main UI background)
  paper-card-background-color: "#424242" # Card background colour
  paper-item-icon-color: "#949494" # Icon colour
  primary-text-color: "#FFFFFF" # Primary text colour
  secondary-text-color: "rgba(255, 255, 255, 0.7)" # Secondary text colour
  disabled-text-color: "rgba(255, 255, 255, 0.5)" # Disabled text colour
  divider-color: "rgba(255, 255, 255, 0.12)" # Divider colour
  paper-card-header-color: "#FFFFFF" # Card header text colour
  paper-listbox-background-color: "#424242" # Listbox background colour
  paper-listbox-color: "#FFFFFF" # Listbox text colour
  paper-grey-200: "#616161" # Listbox selected item background colour
  paper-toggle-button-checked-ink-color: "#1DE9B6"
  paper-toggle-button-checked-button-color: "#949494"
  paper-toggle-button-checked-bar-color: "#949494"
  paper-slider-knob-color: "#949494"
  paper-slider-knob-start-color: "#949494"
  paper-slider-pin-color: "#949494"
  paper-slider-active-color: "#949494"
  paper-slider-secondary-color: "#949494"

O que estarei a fazer de errado?
Obrigado @souzaathales

souzaathales · 30 Maio , 2018 18:12

Mostra algum erro no log?
O que você tem definido aqui?

Luis_Belo · 30 Maio , 2018 22:53

Não tenho erros nenhuns e aparece-me isto…
wifi

Deixo os meus ficheiros:

github.com

cylonr/homeassistant-config/blob/master/input_select.yaml

hass_theme:
  name: Temas
  options:
    - Dark
    - Lightblue
    - Frontend
    - Solarized
  initial: Lightblue
  icon: mdi:theme-light-dark

github.com

cylonr/homeassistant-config/blob/master/packages/user_interface.yaml

#--------------------------------------------------------------------
#         _   _        ____      _____  _     ______      ______ 
#       | \ | |      / __ \    |  __ \| |   |  ____|    |  ____|
#       |  \| | ___ | |  | |___| |__) | |__ | |__   _ __| |__   
#       | . ` |/ _ \| |  | / __|  ___/| '_ \|  __| | '__|  __|  
#       | |\  | (_) | |__| \__ \ |    | | | | |____| |  | |____ 
#       |_| \_|\___/ \____/|___/_|    |_| |_|______|_|  |______|
#
#	Home Assistant - Auto User Interface
#--------------------------------------------------------------------
#	Author		:	Luis Belo
#	Date		:	2018-05-26
#	Description :	Set configuration to Auto User Interface
#--------------------------------------------------------------------
homeassistant:

automation:

  #dark theme at night
  - alias: Set dark theme for the night

This file has been truncated. show original

Onde estarei a errar?

souzaathales · 30 Maio , 2018 23:40

Deixe selecionado a opção backed selected

Luis_Belo · 31 Maio , 2018 12:04

Assim ele já vai comutar automaticamente entre os 2 temas que selecionei?
É que é uma automação que gostava mesmo de ter

j_assuncao · 31 Maio , 2018 22:05

Já tens alguma automação para isso @Luis_Belo? E como queres que a automação funcione?

Luis_Belo · 31 Maio , 2018 23:05

Neste momento tenho isto:

github.com

cylonr/homeassistant-config/blob/master/packages/user_interface.yaml

#--------------------------------------------------------------------
#         _   _        ____      _____  _     ______      ______ 
#       | \ | |      / __ \    |  __ \| |   |  ____|    |  ____|
#       |  \| | ___ | |  | |___| |__) | |__ | |__   _ __| |__   
#       | . ` |/ _ \| |  | / __|  ___/| '_ \|  __| | '__|  __|  
#       | |\  | (_) | |__| \__ \ |    | | | | |____| |  | |____ 
#       |_| \_|\___/ \____/|___/_|    |_| |_|______|_|  |______|
#
#	Home Assistant - Auto User Interface
#--------------------------------------------------------------------
#	Author		:	Luis Belo
#	Date		:	2018-05-26
#	Description :	Set configuration to Auto User Interface
#--------------------------------------------------------------------
homeassistant:

automation:

  #dark theme at night
  - alias: Set dark theme for the night

This file has been truncated. show original

Mas estou a falhar aqui alguma coisa na - platform: sun … Não tenho nenhuma entity com isso aqui para ele poder accionar a acção

souzaathales · 31 Maio , 2018 23:48

Se não deixares em backed selected nenhuma automação que mude o tema irá funcionar. Terás mesmo de mudar pelas configurações.

miruim · 13 Outubro , 2018 18:22

continuo com problemas em configurar os temas. Já andei a pesquisar por todo o lado mas a verdade é que não consigo.
Caso vá pelas ferramentas do sistema e selecione o frontend.set_theme e depois escreva por exemplo {“name”:“default”} ele assume, mas não consigo colocar essa funcão no UI do HA.
Alguem me ajuda ??

Já agora alguma possibilidade de diminuir o tamanho da letra ?

Obrigado