Alguns temas para a interface do Home Assistant

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

j_assuncao · 13 Outubro , 2018 19:58

Eu tenho isso implementado com um selector na UI. Podes ver no meu GitHub:

cafeoliveira · 2 Novembro , 2018 00:15

Fica aqui para quem quiser uma nova imagem para o seu homeassistant: muitos temas

cafeoliveira · 2 Novembro , 2018 00:45

boa noite.
depois de criar os ficheiros com os temas na pasta themes
mais o ficheiro packages/automations.yaml:
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 }}"

mais o ficheiro configurations.yaml:

input_select:
  hass_theme:
    name: Escolha um tema
    options:
      - azulescuro
      - laranjaclaro
    initial: azulescuro
    icon: mdi:theme-light-dark

já aparece na pagina mas ao selecionar nao dá nada:

mas se for manual já funciona:

cafeoliveira · 5 Novembro , 2018 23:54

Boas… Alguém me poderá ajudar a resolver o problema acima indicado

Obrigado

j_assuncao · 6 Novembro , 2018 08:21

Dentro da action, o name do data_template está errado.

name: "{{ states.input_select_hass_theme.state }}"

deve ser

name: "{{ states.input_select.hass_theme.state }}"

Se tivesses visto no log já sabias qual erra o erro…

cafeoliveira · 6 Novembro , 2018 17:54

muito obrigado, já funciona…

agora surgiu outro…:
se fizer restart ao serviço, ele não mantem o tema que quero e fica com o tema default

j_assuncao · 6 Novembro , 2018 17:59

Nunca mantém porque o serviço frontend.set_theme não retém o estado entre reboots. Mas podes contornar essa questão com uma automação que mude o tema quando o HA arranca.

maxcalavera · 18 Abril , 2019 21:30

Boas malta, eu estou a usar a seguinte automação para trocar os temas com o nascer e pôr do sol.

  - alias: Temas Automáticos day and night
    initial_state: true
    trigger:
    - platform: homeassistant
      event: start
    - platform: state
      entity_id: sun.sun
      to: above_horizon
    - platform: state
      entity_id: sun.sun
      to: below_horizon
    action:
      - service_template: frontend.set_theme
        data_template:
          name: >
            {% if states.sun.sun.state == "above_horizon" %}
              Light - Cyan
            {% else %}
              Dark - Cyan
            {% endif %}

Espero que seja util para algum membro.
Cumps