Console Tasmota - Webcolor

 

Tasmota permette di fare un sacco di cose, tra le quali anche la personalizzazione dei colori dell'interfaccia web, vediamo inseme come!

Un comando semi sconosciuto è WebColor, vediamo insieme cosa fa!

Permette, molto semplicemente, di cambiare tutti i colori dell'interfaccia web di Tasmota.

Si possono passare come parametro i colori degli elementi che si vogliono cambiare, a patto che i colori siano in formato esadecimale.

Per esempio, passando questo comando :

WebColor1 #ee4b6a

Viene settato il colore del GlobatText al colore #ee4b6a, che è un rosa acceso.

Qui sotto c'è tutta la lista dei parametri ed a cosa corrispondono :

1 = Global text

2 = Global background

3 = Form background

4 = Input text

5 = Input background

6 = Console text

7 = Console background

8 = Warning text

9 = Success text

10 = Button text

11 = Button

12 = Button hovered over

13 = Restart/Reset/Delete button

14 = Restart/Reset/Delete button hover

15 = Save button

16 = Save button hover

17 = Config timer tab text

18 = Config timer tab background

19 = Module title and FriendlyName text

Siccome non è facile capire di preciso a cosa corrispondono, ecco delle immagini esplicative :

Particolare della zona della console Tasmota

Particolare della pagina web principale

Particolare della pagina dei Log, se vuoi approfondire questo argomento, ne ho parlato in questo post : Console Tasmota - I log

Questa forse è la pagina più particolare, ha un sacco di testi e di colori, alcuni specifici solo per i Timer. Se poi vuoi capire cosa potresti combinare con il firmware Tasmota ed i suoi timer, ho scritto un post dedicato all'argomento : Console Tasmota - Timer

Tasmota permette anche di passare tutti i colori in un colpo solo, in modo da cambiare completamente lo schema colori.

Questo metodo si chiama Theme e sulla wiki ci sono già diversi temi pronti

Siccome mi volevo creare il mio tema e mi ero stufato di fare test su test, ho creato un piccolo foglio di LibreOffice Calc che includo qui :

Basta solo inserire i valori dei colori che si vogliono e viene generato il comando da incollare nella console Tasmota.

Semplice, veloce, gratis, cosa vuoi di più?

Il file lo puoi scaricare qui : Tasmota WebColor Generator

Io oramai per gli abbinamenti di colori uso Coolors. Questo sito consente di generare delle pallette di colori che stiano decentemente insieme, una manna per gente come me!

Lo uso da tempo per avere delle combinazioni decenti di colori sia per LibreOffice che per Grafana! Anzi, se vuoi vedere qualcosa di Grafana, ti consiglio questo post "Domoticz, InfluxBD e Grafana".

Ecco com'è adesso la mia interfaccia web di Tasmota :

Schermata "Home"

Console

Configurazione modulo

Configurazione timer

Se anche tu vuoi provare lo schema colori che ho approntato, eccolo :

WebColor {"WebColor":["#f8fa00","#1e2019","#555b6e","#1e2019","#e2c044","#f8fa00","#555b6e","#f92a82","#21d83a","#f8fa00","#353a47","#555b6e","#e3170a","#ee4b6a","#353a47","#c6cdb6","#c6cdb6","#353a47","#e2c044"]}

Per tornare allo schema colori classico, invece, incolla questo comando nella console di Tasmota :

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

Ok, anche questa parte della console Tasmota la abbiamo vista, ma ci sono ancora un sacco di cose che si possono fare!

Se hai piacere, ci sono davvero tanti articoli sul tema, qui trovi tutti i post che sono taggati come "tasmota"

Il file di Libre Office Calc che uso per i colori, lo puoi scaricare qui : Tasmota WebColor Generator