Je ne suis pas un pro du HTML/CSS... mais j'aimerai voir ce que je peux arriver à faire.
En fait, j'utilise le theme Darksobre avec des polices blanches/claires en fait au quotidien sur la gestion de Jeedom (dashboard, etc) et sur mes designs de téléphone (plus lisible sur les écrans LED).
Par contre à la maison sur les tablettes domotiques, je suis parti sur des designs clairs (fond blanc plutôt que noirs) ce qui m'impose de revoir toutes les couleurs des polices.
Le problème c'est que soit je dois doubler tous les virtuels/widgets avec un pour le tél, un pour les designs tablettes (bonjour le bordel à gérer) soit j'utilise le même et je me dis que c'est possible de détecter que je suis sur certains designs et j'y applique un theme différent. Si j'ai bien compris c'est tout l'intérêt du CSS ?
La question, c'est comme je fais ça ? .
Par exemple, j'ai ce virtuel via dashboard ou sur design téléphone :
Qui forcément donne ça :
Je ne comprends pas pourquoi, d'ailleurs, c'est gris et pas blanc . Et du coup j'aurai voulu travailler la couleur à l'élément que j'affiche .
EDIT : j'ai bien tenté à l'instant de doubler ce virtuel en appliquant dans les commandes avancées une couleur noire au texte, mais rien à faire, il reste blanc sur le dashboard et gris clair sur mon design...
Mes connaissances ont des limites .
Un autre exemple, j'ai bien tenté par exemple ici d'uniformiser mon texte ... mais les autres widgets, je n'y arrive pas...
En utilisant les éléments de base (ici plugin groupe), j'ai modifié la couleur du texte en noir mais comment harmoniser avec le même style que les titres à gauche (cf balise plus bas).
De même, je souhaiter forcer la police Montserrat sur mes designs.
Comment je peux le faire ?
Cela doit tourner autour de cette ligne, mais je la mets où ?
Là pour l'instant, à chaque texte que je veux mettre, je fais ce code...
Code : Tout sélectionner
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<div align=center style="color:rgba(0,0,0,1); font-size:16px; height:30px; padding-top:5px; font-family:Montserrat, Arial;; font-weight:normal;">
<strong>texte que je veux rentrer</strong>
</div>
Pour l'instant, j'ai mis cette ligne dans configuration avancée/JS :
Code : Tout sélectionner
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
Merci pour votre aide !!!!