Temi dell’interfaccia utente Web

Per modificare i colori e i caratteri nell'interfaccia utente web di MyQ, è necessario fornire un file tema nel file config.ini.

Salvare il file del tema in C:\ProgramData\MyQ\Themes\webUI\ (percorso predefinito) e impostare il nome del file nell'opzione themeFile nel file config.ini.

Ad esempio, se il nome del file del tema è customTheme.css, il file config.ini dovrebbe apparire come segue:

[General]
themeFile=customTheme.css

È possibile impostare un solo tema alla volta, che verrà utilizzato da tutti gli utenti e amministratori. Se non viene fornito alcun file di tema, MyQ utilizza il tema predefinito integrato.

Proprietà del file del tema

I file dei temi vengono creati sovrascrivendo i valori delle variabili in un file CSS. Le variabili seguono la sintassi standard delle proprietà personalizzate CSS e ricevono valori CSS standard. Le variabili devono trovarsi nell'ambito :root ambito. Le variabili non specificate nel file del tema mantengono il valore del tema predefinito.

Esempio:

:root {
    --primary: MediumOrchid;
    --primary-light: thistle;
    --secondary: peachpuff;
    --secondary-light: #fee3ca;
    --secondary-dark: orange;
    --list-item-highlight: plum;
}

Variabili

• È possibile utilizzare una variabile esistente utilizzando la notazione --variableB: var(–variableA);.

• Si raccomanda di mantenere i valori espressi in rem unità