Webmasters à vos marques !

Nouveauté dans les versions > 2183, la gestion de thèmes pour l’interface web de Domoticz.

Le menu « Configuration de l’application »  puis « Paramètres » fait apparaître maintenant un sélecteur de thèmes en dessous du choix du langage.

Themes-selector

(si ce n’est pas le cas videz le cache de votre navigateur)

La version 2196 apporte 4 thèmes différents déclinés en gray et blue.

Un prochain article nous parlera des « Custom Pages » … teasing …

Custom pages

« Custom pages » qui consistent à afficher la page ci-dessus ou bien d’autres pages web à l’intérieur de Domoticz. Ce sera l’objet de plusieurs prochains articles.

Encore une fois on voit ici l’ouverture et la puissance de Domoticz en œuvre.

Détaillons ces nouveaux aspects concernant les thèmes..

I – Les thèmes.

Les thèmes sont dans le dossier domoticz/www/styles

On retrouve 4 dossiers dont les noms sont ceux que l’on retrouve dans l’interface web.

  • element-dark
  • element-light
  • simple-blue
  • simple-gray

Ces dossiers sont les squelettes des thèmes, ils contiennent au minimum un fichier css et tous les fichiers nécessaires à l’affichage du site (images, fontes, css …).

N.B le dossier image situé ici ne contient que les images du thème. les images des switches ne sont pas ici mais dans /domoticz/www/images/.

La lecture du fichier css montre que l’on peut redéfinir énormément de choses dans l’interface.

la preuve avec .navbar .nav repeinte en rouge !domoticz_web

Pour créer un nouveau thème, il suffira donc de créer un dossier et d’y déposer tous les fichiers nécessaires et de le sélectionner dans l’interface.

to be continued …

Posted in domoticz, interfaces.

2 Comments

  1. Bonjour,
    Je suis dans une version beta avancée, l’une des dernières, et lorsque que je clique sur « thèmes » la liste déroulante est vide. Pourtant j’ai bien les CSS dans le répertoire ? une idée ? Je vide mon cache régulièrement

  2. Bonjour
    Bizarre en effet
    Sans doute un cache qui traine par la
    Sous Firefox dans les options va dans Avancé puis réseau et en bas supprime le cache de ton Domoticz
    Pour les autres navigateurs giyf

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *