river berry
Im trying to change the font color on my mushroom climate card, ive followed this page https://community.home-assistant.io/t/mushroom-cards-card-mod-styling-config-guide/600472/4 but nothing happends when i try to change the color?
heres my .yaml
https://pastebin.com/x32twxGj
river berry
cards:
- type: custom:mushroom-climate-card
entity: climate.termostat_kokken
name: Thermostat Køkken
fill_container: false
hvac_modes:
- heat
- auto
- 'off'
show_temperature_control: true
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style: |
ha-card {
background: none;
border: 2px outset #cc8418;
--card-primary-color: white;
--card-secondary-color: #cc8418;
mushroom-climate-temperature-control$:
mushroom-input-number$: |
.value {
color: green !important;
}
}
hallow onyx
Try with this
style: |
ha-card {
background: none;
border: 2px outset #cc8418;
--card-primary-color: white;
--card-secondary-color: #cc8418;
}
mushroom-climate-temperature-control {
mushroom-input-number .value {
color: green !important;
}
}
let me know how it goes, and if its still not working, let's troubleshoot further!
strange kite
card_mod:
style:
.: |
ha-card {
background: none;
border: 2px outset #cc8418;
--card-primary-color: white;
--card-secondary-color: #cc8418;
}
mushroom-climate-temperature-control$:
mushroom-input-number$: |
.value {
color: green !important;
}
```The second part that sets the green values is part of the shadow root. (I don't know what exactly that means but that's what it is.) When you need to access both the shadow root and the card-level (??), card_mod's syntax changes.
Look at the first post in the thread you posted. Under the card links, expand the section `What the $ and .: | symbols do` for more information.
river berry
@strange kite thx that worked 🙂 havent seen that but thx for pointing it out 🙂
river berry
@strange kite do you know, where to look for names of the elements you want to edit ?