Temas Home Assistant: Guía de Instalación y Modo Oscuro 2026

Actualizado el 24 de marzo de 2026

Personalizar la interfaz de Home Assistant es clave para una experiencia de usuario cómoda y eficiente. En esta guía definitiva de 2026, te enseñaré a instalar y gestionar los temas de Home Assistant, desde la configuración inicial hasta la creación de automatizaciones avanzadas para cambiar entre un modo claro y un modo oscuro en Home Assistant de forma totalmente automática.

Paso 1: Habilitar el Frontend de Temas en Home Assistant

Por defecto, Home Assistant no tiene la gestión de temas activada. El primer paso es decirle dónde buscar los archivos de configuración de nuestros temas. Para ello, necesitarás acceso a los archivos de configuración de tu sistema, normalmente a través de Apps (anteriormente conocidos como Add-ons) como File Editor o Samba.

Dentro de tu carpeta principal /config, crea una nueva carpeta llamada themes. Aquí es donde guardaremos todos nuestros archivos de temas.
Abre tu archivo principal de configuración, configuration.yaml.
Busca la sección frontend:. Si no existe, créala. Añade la siguiente línea para que Home Assistant sepa que debe cargar los temas desde la carpeta que acabamos de crear:

frontend:
  themes: !include_dir_merge_named themes

Guarda el archivo configuration.yaml y reinicia Home Assistant para que los cambios surtan efecto. A partir de ahora, podrás seleccionar los temas desde tu Perfil de Usuario.

Paso 2: Cómo Instalar Temas en 2026

Existen dos métodos principales para añadir nuevos temas a tu instalación. Mi recomendación personal es usar HACS, ya que simplifica enormemente el proceso.

Método 1: A través de HACS (Recomendado)

HACS (Home Assistant Community Store) es la forma más sencilla de encontrar e instalar cientos de temas creados por la comunidad. Si aún no lo tienes, te recomiendo seguir mi guía completa para instalar HACS en Home Assistant.

Una vez instalado HACS:

Ve a HACS en el menú lateral de Home Assistant.
Selecciona la sección Frontend.
Haz clic en el botón azul «Explorar y descargar repositorios» en la esquina inferior derecha.
Busca el tema que te guste, selecciónalo y sigue las instrucciones para instalarlo. HACS se encargará de colocar los archivos en la carpeta themes automáticamente.

Método 2: Instalación Manual

Si prefieres no usar HACS o has encontrado un tema en un foro o en GitHub, puedes instalarlo manualmente:

Copia el código YAML del tema.
Navega a tu carpeta /config/themes/.
Crea un nuevo archivo con extensión .yaml, por ejemplo, mi_tema_nuevo.yaml.
Pega el código dentro de este archivo y guárdalo.

Tras añadir un tema por cualquiera de los dos métodos, ve a tu perfil de usuario (haciendo clic en tu nombre en la parte inferior del menú lateral) y podrás seleccionarlo en el menú desplegable «Tema».

Paso 3: Automatización de Temas para una Experiencia Dinámica

Cambiar los temas manualmente está bien, pero el verdadero poder de Home Assistant reside en la automatización. A continuación, veremos dos formas de gestionar el cambio de temas de forma inteligente: con un selector en tu panel de control y de forma automática según la hora del día.

Opción A: Selector de Temas en tu Dashboard

Para crear un menú desplegable en tu interfaz, primero necesitamos un Ayudante de tipo `input_select`.

Ve a Ajustes > Dispositivos y Servicios > Ayudantes.
Haz clic en «Crear Ayudante» y selecciona «Desplegable».
Dale un nombre, por ejemplo, «Selector de Tema».
En las opciones, añade los nombres exactos de los temas que has instalado. Importante: El nombre debe coincidir con el que aparece definido dentro del archivo .yaml del tema, no con el nombre del archivo. Por ejemplo, si un tema se llama `Github Dark Theme`, esa es la opción que debes añadir.
Guarda el ayudante. Esto creará una entidad como `input_select.selector_de_tema`.

Ahora, crea una automatización que detecte cuándo cambia el valor de este `input_select` y aplique el tema correspondiente:

- alias: 'Selector de Temas Dashboard'
  id: 'selector_temas_dashboard_2026'
  trigger:
    # Se activa cuando cambiamos el valor del desplegable
    - platform: state
      entity_id: input_select.selector_de_tema
    # Se activa al iniciar Home Assistant para aplicar el tema guardado
    - platform: homeassistant
      event: start
  action:
    # Llama al servicio para cambiar el tema
    - service: frontend.set_theme
      data:
        # Usa el estado del desplegable como nombre del tema a aplicar
        name: "{{ states('input_select.selector_de_tema') }}"
  mode: single

Añade esta automatización y no olvides añadir la entidad `input_select.selector_de_tema` a una tarjeta de Entidades en tu dashboard para poder controlarla.

Opción B: Modo Oscuro Automático (Día/Noche)

Una de las automatizaciones más populares es cambiar a un tema claro durante el día y a un tema oscuro por la noche. Usaremos el ayudante `input_select` que creamos antes para mantener la sincronización con la interfaz.

Aquí tienes las dos automatizaciones necesarias. La primera se activa al atardecer y la segunda al amanecer.

Automatización para activar el tema oscuro al atardecer:

- alias: 'Tema automático - Noche'
  id: 'tema_automatico_noche_2026'
  trigger:
    - platform: sun
      event: sunset
  action:
    - service: input_select.select_option
      target:
        entity_id: input_select.selector_de_tema
      data:
        option: 'Github Dark Theme' # <-- Cambia esto por el nombre de tu tema oscuro
  mode: single

Automatización para activar el tema claro al amanecer:

- alias: 'Tema automático - Día'
  id: 'tema_automatico_dia_2026'
  trigger:
    - platform: sun
      event: sunrise
  action:
    - service: input_select.select_option
      target:
        entity_id: input_select.selector_de_tema
      data:
        option: 'Github Light Theme' # <-- Cambia esto por el nombre de tu tema claro
  mode: single

Con estas tres automatizaciones, tendrás un sistema de automatización de temas robusto: puedes cambiarlo manualmente cuando quieras, y si no lo tocas, se ajustará automáticamente con el sol.

Solución de Problemas Comunes (Troubleshooting)

Si te encuentras con problemas, aquí tienes algunas soluciones a los fallos más habituales:

El tema no aparece en mi perfil: Asegúrate de haber reiniciado Home Assistant después de modificar configuration.yaml. Verifica que la carpeta se llame exactamente themes y que esté dentro de /config.
Los colores de una tarjeta personalizada no cambian: Algunas tarjetas personalizadas no respetan todas las variables de los temas. Para una personalización más profunda, te recomiendo explorar la integración Card Mod desde HACS, que te permite aplicar estilos CSS directamente a cualquier tarjeta.
Recibo un error de sintaxis YAML: El error más común en los archivos themes.yaml o de configuración es la indentación. Utiliza la herramienta "Comprobar Configuración" en Ajustes > Sistema > Reparaciones para validar tus archivos antes de reiniciar.

Descuentos en domótica SONOFF