Temas de interfaz de usuario web

Para cambiar los colores y las fuentes en la interfaz de usuario web de MyQ, debe proporcionar un archivo de tema en el archivo config.ini.

Guarde el archivo de tema en C:\ProgramData\MyQ\Themes\webUI\ (ruta predeterminada) y establezca el nombre del archivo en la opción themeFile del archivo config.ini.

Por ejemplo, si el nombre del archivo de tema es customTheme.css, el archivo config.ini debería tener el siguiente aspecto:

[General]
themeFile=customTheme.css

Solo se puede establecer un tema a la vez y se utiliza para todos los usuarios y administradores. Si no se proporciona ningún archivo de tema, MyQ utiliza el tema predeterminado integrado.

Propiedades del archivo de tema

Los archivos de tema se crean sobrescribiendo los valores de las variables en un archivo CSS. Las variables siguen la sintaxis estándar de las propiedades personalizadas de CSS y reciben valores estándar de CSS. Las variables deben estar en el :root ámbito. Las variables no especificadas en el archivo de tema conservan el valor del tema predeterminado.

Ejemplo:

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

Variables

• Es posible utilizar una variable existente utilizando la notación --variableB: var(–variableA);.

• Se recomienda mantener los valores expresados en rem unidades