Web-UI-Themen

Um Farben und Schriftarten in der MyQ-Web-Benutzeroberfläche zu ändern, müssen Sie eine Theme-Datei in der config.ini bereitstellen.

Speichern Sie die Theme-Datei unter C:\ProgramData\MyQ\Themes\webUI\ (Standardpfad) und legen Sie den Namen der Datei in der Option themeFile in der Datei config.ini fest.

Wenn der Name der Theme-Datei beispielsweise customTheme.css lautet, sollte die config.ini wie folgt aussehen:

[General]
themeFile=customTheme.css

Es kann jeweils nur ein Design festgelegt werden, das für alle Benutzer und Administratoren gilt. Wenn keine Design-Datei angegeben wird, verwendet MyQ das integrierte Standarddesign.

Eigenschaften der Theme-Datei

Design-Dateien werden erstellt, indem die Werte von Variablen in einer CSS-Datei überschrieben werden. Die Variablen folgen der Standard-Syntax für benutzerdefinierte CSS-Eigenschaften und nehmen Standard-CSS-Werte an. Die Variablen müssen im :root Gültigkeitsbereich liegen. Variablen, die nicht in der Theme-Datei angegeben sind, behalten den Wert aus dem Standard-Theme bei.

Beispiel:

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

Variablen

• Es ist möglich, eine vorhandene Variable mit der Notation --variableB: var(–variableA);.

• Es wird empfohlen, Werte in rem Einheiten