Changement couleur du titre pour les tuiles en Warning-Danger

Bonjour à tous,

voici mon problème :
Je n’arrive pas à changer la couleur du titre d’une tuile lorsque celle ci est en warning/danger.
J’ai réussi à changer le bandeau de couleur et certains éléments mais pas le titre…
Voilà ce que ça donne pour l’instant :

Le code css :

Si quelqu’un avait une idée/solution.

Merci !

Je n’ai pas la solution, mais je veux bien ton code css en texte plutôt qu’en image.
C’est plus pratique pour le copier-coller :wink:

Joli design au passage

Voici un exemple :

background-color: rgb(64, 128, 128)
.widget-name

clic droit sur la tuille > Paramètres d’affichage

1 « J'aime »

Merci @fwehrle !
Désolé pour la capture d’écran, c’était plus facile sur smartphone :sweat_smile:

Le voici en texte :

/* Warning */
center.widget-name:has(.warning .fa-bell) {
  background-color: rgb(255, 165, 0) !important;
}
center.widget-name:has(.warning .fa-bell) > .tooltipstered i {
  color: rgb(0, 0, 0) !important;
}
center.widget-name:has(.warning .fa-bell) > .refresh i {
  color: rgb(0, 0, 0) !important;
}

/* Danger */
center.widget-name:has(.warning .fa-exclamation) {
  background-color: rgb(230, 0, 58) !important;
}```
1 « J'aime »

@Franck_jeedom On ne doit pas avoir la même version de Jeedom car je n’ai pas de menu particulier quand je fais un clic droit sur la tuile…
Par contre ce n’est pas la solution que je cherche car je veux que le titre change seulement une valeur déclenche le Warning/Danger et non le changer en permanence :

C’est une config d’ajout d’équipement dans un design :smiley:

Bonjour tu peux via scénario code

J’essaierai de retrouver

Sinon les tag de la tuile

Tu as pour l’info là (pour le principe de recherche)

Genre la batterie

$battery="13";
$cmd=cmd::byString("#[Recapitulatif][sondes][sud]#");
$o=$cmd->getEqLogic();
if ($battery == 0) {
  $o->batteryStatus(-1);
} else {
  $o->batteryStatus($battery);
}

$resultat = $o->getStatus('battery');
$scenario->setLog("Valeur de la batterie : $resultat");

Pour afficher la batterie

Voici la solution en passant par du css :

/* Warning */
center.widget-name:has(.warning .fa-bell) {
  background-color: rgb(255, 165, 0) !important;
  --eqTitle-color: rgb(0, 0, 0) !important;
  --linkHoverLight-color: rgb(0, 0, 0) !important;
}
center.widget-name:has(.warning .fa-bell) > .tooltipstered i {
  color: rgb(0, 0, 0) !important;
}
center.widget-name:has(.warning .fa-bell) > .refresh i {
  color: rgb(0, 0, 0) !important;
}

Merci @ajja17orange pour m’avoir mis sur la voie :grin:
Voilà ce que ça donne :

Screenshot_20230117_235008

1 « J'aime »

Ce sujet a été automatiquement fermé après 24 heures suivant le dernier commentaire. Aucune réponse n’est permise dorénavant.