Thèmes de l’interface utilisateur Web

Pour modifier les couleurs et les polices dans l'interface utilisateur Web de MyQ, vous devez fournir un fichier de thème dans le fichier config.ini.

Enregistrez le fichier de thème dans C:\ProgramData\MyQ\Themes\webUI\ (chemin par défaut), et définissez le nom du fichier dans l'option themeFile du fichier config.ini.

Par exemple, si le nom du fichier de thème est customTheme.css, le fichier config.ini doit se présenter comme suit :

[General]
themeFile=customTheme.css

Un seul thème peut être défini à la fois et il est utilisé pour tous les utilisateurs et administrateurs. Si aucun fichier de thème n'est fourni, MyQ utilise le thème embarqué par défaut.

Propriétés du fichier de thème

Les fichiers de thème sont créés en redéfinissant les valeurs des variables dans un fichier CSS. Les variables respectent la syntaxe standard des propriétés personnalisées CSS et reçoivent des valeurs CSS standard. Les variables doivent se trouver dans la :root . Les variables non spécifiées dans le fichier de thème conservent la valeur du thème par défaut.

Exemple :

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

Variables

• Il est possible d'utiliser une variable existante en utilisant la notation --variableB: var(–variableA);.

• Il est recommandé de conserver les valeurs exprimées en rem unités