logo_domotutos
por

Cómo personalizar los colores del visual de Tasmota (Temas)

Desde la consola de Tasmota podemos cambiar los colores que vemos cuando entramos en nuestro dispositivo por IP.

Para ello, entramos en la consola de Tasmota:

El comando para modificar el patrón de colores se basa en los códigos HEX del colorama (#XXXXXX). Para los que no lo conocéis, cada color tiene un código único que empieza por # y le siguen una serie de números. Os pasamos un ejemplo para que tengáis una idea:

Redactamos este código modificando los códigos hexadecimales de color:

WebColor {"WebColor":["#000000","#ffffff","#f2f2f2","#000000","#ffffff","#000000","#ffffff","#ff0000","#008000","#ffffff","#1fa3ec","#0e70a4","#d43535","#931f1f","#47c266","#5aaf6f","#ffffff","#999999","#000000"]}

Donde el orden de los colores determina:

  1. (El primero) Determina el color de las letras y números que establecen el registro de consumos y el ON / OFF.
  2. El fondo.
  3. Sin determinar.
  4. El color de las letras cuando redactamos en campos en blanco.
  5. El fondo de los campos en blanco.
  6. Las letras del LOG que aparece en consola.
  7. El fondo del campo del LOG.
  8. Sin determinar.
  9. Sin determinar.
  10. El color de las letras de los botones de inicio.
  11. El fondo de los botones.
  12. El color del sombreo al pasar el cursor sobre los botones.
  13. El color del botón del Reinicio.
  14. El color del sombreo al pasar el cursor sobre el botón de Reinicio.
  15. Sin determinar.
  16. Sin determinar.
  17. Sin determinar.
  18. Sin determinar.
  19. (El último) Letras del módulo y título.

Tenemos combinaciones predeterminadas para Tasmota extraídas de github. Clica aquí para entrar en la web.

Son las siguientes:

Dark (Tema por defecto)

WebColor {"WebColor":["#eaeaea","#252525","#4f4f4f","#000000","#dddddd","#65c115","#1f1f1f","#ff5661","#008000","#faffff","#1fa3ec","#0e70a4","#d43535","#931f1f","#47c266","#5aaf6f","#faffff","#999999","#eaeaea"]}

Light (default until 6.7.1.)

WebColor {"WebColor":["#000000","#ffffff","#f2f2f2","#000000","#ffffff","#000000","#ffffff","#ff0000","#008000","#ffffff","#1fa3ec","#0e70a4","#d43535","#931f1f","#47c266","#5aaf6f","#ffffff","#999999","#000000"]}

Halloween

WebColor {"WebColor":["#cccccc","#2f3133","#3d3f41","#dddddd","#293134","#ffb000","#293134","#ff5661","#008000","#ffffff","#ec7600","#bf5f00","#d43535","#931f1f","#47c266","#5aaf6f","#ffffff","#999999","#bc4d90"]}

Navy

WebColor {"WebColor":["#e0e0c0","#000033","#4f4f4f","#000000","#dddddd","#a7f432","#1e1e1e","#ff0000","#008000","#ffffff","#1fa3ec","#0e70a4","#d43535","#931f1f","#47c266","#5aaf6f","#ffffff","#999999","#eedd77"]}

Purple Rain

WebColor {"WebColor":["#eaeaea","#252525","#282531","#eaeaea","#282531","#d7ccff","#1d1b26","#ff5661","#008000","#faffff","#694fa8","#4d3e7f","#b73d5d","#822c43","#1f917c","#156353","#faffff","#716b7f","#eaeaea"]}

Para cualquier duda o consulta tienes disponible el grupo de telegram «Domoticz a lo Spain» para entrar, ponerte cómodo y participar cuanto quieras.

Clica aquí para entrar en él

Cualquier duda, sugerencia o comentario será bien recibida en la web!