Change text color of a mushroom title card

Configuration Frontend
1

My wall mounted dashboard is setup using LCars Modern with mushroom cards. The mushroom title cards are a shade of yellow and the text is white – very hard to read unless I get up very close and look.

I’ve been trying to change the text color to give some contrast. But it just stays white.

This is my current YAML:

type: custom:mushroom-title-card
title: Living Room
card_mod:
  class: header-left
  style: |
    ha-card {
      color: blue;
    }

Following is the link I’ve been referring to in my attempts.

2

This will work

type: custom:mushroom-title-card
title: Hello, {{ user }} !
card_mod:
  style: |
    ha-card {
       --title-color:red;
        }
1 Like
3

Edit: wrong card.

4

This thread was specifically for the Mushroom Title Card. The code you provided does NOT work with the Title Card and will confuse others. The solution provided above DOES still work!

Your code will work with other Mushroom Cards types. Refer to this guide

5

Correct, I edited my message.