Couleur titre section Dashboard

Entraide Home Assistant
,
1

Bonjour,

Est-il possible de modifier la couleur d’un titre de section sur le Dashboard??

Dashboard
Dashboard1864×918 145 KB

J’ai tenté avec card-mod mais cela ne donne rien.

views:
  - title: Ancenis
    path: ancenis
    cards: []
    subview: false
    type: sections
    sections:
      - type: grid
        cards:
          - show_current: true
            show_forecast: false
            type: weather-forecast
            entity: weather.ancenis
            forecast_type: daily
          - show_name: false
            show_icon: true
            show_state: true
            type: glance
            entities:
              - entity: sensor.ancenis_rain_chance
              - entity: sensor.ancenis_pressure
        title: Actuellement
      - type: grid
        cards: []
      - type: grid
        cards:
          - type: glance
            entities:
              - entity: sensor.sun_solar_elevation
              - entity: sensor.sun_solar_azimuth
          - type: glance
            entities:
              - entity: sensor.sun_next_rising
                name: Lever du soleil
                type: attribute
                attribute: next_rising
                format: datetime
                prefix: le
                icon: mdi:weather-sunset-up
              - entity: sensor.sun_next_dusk
                name: Coucher du soleil
                type: attribute
                attribute: next_setting
                format: datetime
                prefix: le
                icon: mdi:weather-sunset-down
        title: Soleil
      - type: grid
        cards:
          - show_current: false
            show_forecast: true
            type: weather-forecast
            entity: weather.ancenis
            forecast_type: hourly
        title: Prévisions horaires
      - type: grid
        cards: []
      - type: grid
        cards: []
      - type: grid
        cards:
          - show_current: false
            show_forecast: true
            type: weather-forecast
            entity: weather.ancenis
            forecast_type: daily
        title: Prévisions Journalière
    background:
      image: /api/image/serve/b0968e74181ae53ec0b0e89cbbb88731/original
    max_columns: 3

Merci d’avance

2

Bonjour @Alkynao Je ne vois pas card_mod dans ton code.

title: Soleil
        card_mod:
          style: |
            ha-card .card-header {
              color: #ff9800;
            }

Tu peux tester ça, il faut avoir installer card-mod dans HACS :wink:
Je n’ai que mon tel donc moins facile… Vider le cache pour tester.
Bob

3

Merci mais cela ne fonctionne pas.

Après relecture de la doc il semblerai que ce ne soit pas possible avec Card-Mod:

Card_Mod
Card_Mod849×172 53.6 KB

Y a t-il donc un autre moyen de le faire?

Cordialement

4

Bonjour @Alkynao
Je serai sur mon PC ce midi et je pourrais te donner plus d’info (code + screenshot) sur ce que j’ai fait si tu n’as pas eu la solution d’ici là.
Tu utilises le nouveau mode section ? C’est ça ?
Bob

5

Bonjour,
il faut passer pas mod-card, pour pouvoir appliquer du CSS sur la carte Grid.

Exemple :

views:
  - title: color
    path: color
    type: sections
    sections:
      - type: custom:mod-card
        card:
          type: grid
          columns: 3
          square: true
          title: Services
          cards:
            - type: button
              name: Wetter
              icon: mdi:white-balance-sunny
              show_name: true
              show_state: false
              show_icon: true
        card_mod:
          style:
            hui-grid-card:
              $: |
                .card-header {
                  color: red !important;
                  text-align: center;
                }
            .: |
              ha-card {
                border: 3px solid magenta;
                padding: 25px;
                background-color: orange;
              }

image
image1125×337 8.29 KB

Mais il faut passer par l’éditeur de configuration. Par le Dashboard ça pas l’air possible.
image

6

Bonjour @WarC0zes

Bonne précision, je n’avais pas pensé le dire à @Alkynao :wink:
Bob

7

J’ai manqué de précision mais card-mod est bien installé et je passais déjà par l’éditeur yaml pour les modifs.

@Bob
Oui je passe bien par le nouveau mode Section/Grid et ce sont leurs titres dont je souhaite modifier le titre (et non les titres contenu dans les carte, ça je sais faire.)

@WarC0zes
Mod-card est un autre frontend? Rien à voir avec Card-Mod?

Encore merci

8

Non, ça fait partie de la carte card_mod. Ta rien a installer de plus.

image
image973×521 22.4 KB