Change app header text color for one view

[skyrock (Phil)]

Hello,

is there a way to change only the color of the encircled icon in the header bar?

I have tried this with card-mod, but no success:

  - title: Alarmo
    path: alarmo
    icon: mdi:shield-home-outline
    type: custom:alarmo-card
    entity: alarm_control_panel.alarmo
    cards: []
    card_mod:
      style: |
        ha-app-layout {
          --app-header-text-color: red;
        }

Thank you!

[LiQuid_cOOled]

Please check out these two threads

Card-mod - Add css styles to any lovelace card

Here all my posts which may be useful: NOTE: Do not forget to add a "card_mod:" keyword before "style:" (new in card-mod 3). And also read this important note to create optimized code. In most examples here a code is NOT optimized - just to describe a DOM navigation. Entity card post rotating icon (by @dolodobendan) disabled tap_action Entities card (including some special row elements - button, section, divider) post font-size for Entities card post Entities card with attributes …

Card-mod - Super-charge your themes!

A while ago, I created card-mod, a custom card* that lets you change various css options for other lovelace cards. Much more skilled people than I have used that to create beautiful and awesome things. Today, I’ve added theme support to card-mod. Your ordinary theme file can now be used to Give cards a flashing border Make that border only flash when a certain entity is in a certain state Make fan icons spin when they are on Change the border color of the badges at the top of the screen dep…

[skyrock (Phil)]

Thank you! I went through both threads but I am getting nowhere.

What I want to acheive:

• Make the color of the alarm-icon in the header change depending on the state of Alarmo (armed, triggered, disarmed)

What I did:

• installed card-mod.js
• added it to the resources
• tried many code-snippets I found in posts here
• found out that I apparently need to change “app-header-text-color” in order to change the color of the logo

I never managed to change the color of the logo at all.

It seems like all solutions only refer to changing all headers in a theme, which is not what I want.

Any hints?