Dashboard - card-mod - Kachelnamen farblich - farblicher Rahmen um Abschnitte

Dashboard/Cards/Frontend
,
1

Hallo zusammen, mein erster Post hier im Forum…

Ich versuche mein Dashboard farblich zu gestalten und habe es hinbekommen eine Kachel mit card-mod zu verändern. Hintergrund Farbe und Rahmen hab ich hinbekommen.
Suche aber seit Tagen eine Lösung um auch den Text der Karte farblich anzupassen. Der “color: red” hat keinerlei Auswirkung und auch die vielen Lösungsideen über .state oder so zu gehen alles wirkungslos. Wo wird die Farbe zum “name: Garten” definiert? Oder geht das nicht???

type: tile
entity: light.aussen_hinten_gartenbeleuchtung_164
name: Garten
hide_state: true
color: yellow
card_mod:
  style: |
    ha-card {
      box-shadow: none;
      border: solid 5px {% if states('light.aussen_hinten_gartenbeleuchtung_164') == 'off' %} grey {% else %} yellow {% endif %};
      border-radius: 10px;
      color: red;
      }

Die neuen Abschnitte sind klasse, für mein Auge wäre es schön wenn um die Abschnitte ein Rahmen wäre den ich farblich verändern kann. Oder den Abschnitten vielleicht sogar einen Hintergrundfarbe zu geben. Geht das überhaupt?

Danke!!!
Knut aus Köln!

2

Hi,

versuch mal das, für den Rahmen.
Das klappt bei mir, allerdings benutze ich kein if/else

type: tile
entity: light.aussen_hinten_gartenbeleuchtung_164
name: Garten
hide_state: true
color: yellow
card_mod:
  style: |
    ha-card {
      box-shadow: none;
      border: 5.0px outset {% if states('light.aussen_hinten_gartenbeleuchtung_164') == 'off' %} grey {% else %} yellow {% endif %};
      border-radius: 10px;
      color: red;
      }
3

Hi, Rahmen und Rahmenrundung und Rahmenfarbe klappt sehr gut bei mir!

Es geht mir um den Text in der Kachel, und um einen Rahmen um Abschnitte.

image
image694×384 16.3 KB

5

Ist fast identisch, bei border is ne kleine Änderung drin.

Dann habe ich dich falsch verstanden. Sorry. Wie das mit der Textfarbe geht, weiß ich leider nicht ausm Stehgreif.

Nachtrag:
Hab hier noch was gefunden zum Thema Textfarbe ändern.
Screenshot 2024-11-21 202438

Hier der Code:

card_mod:
  style:
    mushroom-state-info$: |
      .container {
        --card-primary-color: blue;
        --card-secondary-color: orange;
      }

Wie du den allerdings bei dir einfügen musst, kann ich dir nicht sagen.
Dafür hab ich leider noch zu wenig Ahnung, von der Materie.

:crayon:by HarryP: Zusammenführung Doppelpost (bitte “bearbeiten” Funktion nutzen)