Couleur de fond Card entities

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 :wave:,

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 :+1:

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… :innocent:

C’est ha-card :sweat_smile:

Oui j’avoue ! :smiley:
En plus j’ai mis « couleur rouge » :stuck_out_tongue: 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 ! :+1:
Merci

Partage ton code :+1:

1 « J'aime »

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

1 « J'aime »

Salut Ok merci a toi