[Question]: Possibility to change the font color and weight of the card header

[michaelhenningersrb]

What happened?

I want to use the card without any background image. I like it plain and white/grey scales.

I am searching for an option to set the title font style ( also the shadow ) somehome.

Could you please provide a configuration setting to establish this?

BR Michael

Card Version

latest

HomeAssistant Version

latest

Relevant log output

No response

[krom]

Hi, I have similar issue. I use background image from area and I want to see dark icons and text on light image and light text ondark image For now it's not readable, sorry

[michaelhenningersrb]

I got a temporary solution with card_mod. The only problem is that it is not stable on reload. Sometimes the card_mod settings do not get displayed:

background_color: var(--ha-card-background, var(--card-background-color))  # <-- Sets the background to the default css background color of your theme
card_mod:
  style: |
    .box {
      color: var(--primary-text-color) !important; /** <-- Sets the primary text color **/
      text-shadow: unset !important; /** <-- No text shadow **/
    }
    .box ha-icon-button.state-on state-badge {
      color: black !important; /** <-- Black badge icons **/
    }
    .card-header {
      font-weight: normal !important; /** <-- No bold text **/
    }

Results in:

Light theme:

Dark theme ( i know the badge icon color is bad ):

My next approach would be to fork this repo to make it stable.

@junalmeida Are you planning to support our wishes in the future? ;)

In the latest release 2024.2.0 there is also an option to configure an icon for an area instead of an image. This would also be nice to configure somewhere: https://www.home-assistant.io/blog/2024/02/07/release-20242/#icons-everywhere

[junalmeida]

Yes I do have plans to support bugfixes and feature requests. I'm just busy for a while.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.