Bonjour,
Dans une Card entities, comment changer la couleur de fond ?
La couleur de fond de quoi ?
De la ligne ?
De la carte entités toute entière ?
De toutes les cartes de HA ?
De la carte entités entière.
Il faut utiliser GitHub - thomasloven/lovelace-card-mod: 🔹 Add CSS styles to (almost) any lovelace card
Disponible dans HACS.
Tu devras utiliser l’exemple fourni dans la documentation :
type: entities
entities:
- entity: sun.sun
style: |
ha-card{
--ha-card-background: teal;
}
J’ai installé via Hacs la Card-mod , redémarré et essayé l’exemple indiqué dur le Github pour cahnger le texte en rouge
type: entities
entities:
- entity: cover.volets_bso_tous
name: Toute la maison
state_color: true
card_mod:
style: |
carte-ha {
couleur: rouge;
}
La couleur ne change pas.
Et je ne trouve pas le pictogramme dans l’éditeur de message pour copier le code afin qu’il conserve le formatage ?
Salut ,
Merci de participer
Pour cela, il te suffit de cliquer sur l’outil dédié et de coller ton code à l’endroit indiqué :
Ne pas mettre card_mod
c’est pas carte-ha
Je t’ai donné un exemple
Merci pour ta patience! Je suis discipliné, il dit de faire un copier/coller, je fais un copier/ coller !
type: entities
entities:
- entity: cover.volets_bso_tous
name: Toute la maison
state_color: true
style: |
carte-ha {
couleur: rouge;
}
Le texte n’est toujours pas rouge !
Toi tu as utilisé la traduction…
C’est ha-card
Oui j’avoue !
En plus j’ai mis « couleur rouge » alors que ça fait plusieurs soirs que je passe sur mon Dashboard en écrivant évidemment en anglais ! C’est un signe : je vais me coucher …avec un texte en rouge !
Merci
Pour modifier l’arrière-plan de l’entities (passage en gris au lieu de noir)`
type: entities
entities:
- entity: cover.volets_bso_tous
name: Toute la maison
state_color: true
style: |
card_mod:
style: |
ha-card {
--ha-card-background: #4D4947;
}}
Et pour trouver le code CSS de la couleur c'est ici: https://htmlcolorcodes.com/fr/
Bonjour,
je voudrais rajoutter de la transparence a ma couleur pouvez vous m’aider SVP ?
Bonjour @voyagers21,
pour modifier l’opacité de la couleur , fait comme ca:
card_mod:
style: |
ha-card {
--ha-card-background: rgba(77,73,71,0.5);
}
rgba(77,73,71,0.5
) , le 0.5 modifie l’opacité, tu peu aller de 0.1 a 1.
a 0.5:
a 1:
Salut
Techniquement c’est une valeur en pourcentage, donc 0 à 100% ou 0 à 1 par pas de 0.01
Salut Ok merci a toi