I have a chip card that changes the color of the BG based on value
But I cant change the text color
type: custom:mushroom-chips-card
chips:
- type: entity
entity: sensor.preco_electricidade
icon: mdi:currency-eur
use_entity_picture: false
content_info: none
card_mod:
style: |
ha-card {
{% if states('sensor.preco_electricidade') > '0.25' %}
--card-mod-icon-color: #f5274d; #red
{% elif states('sensor.preco_electricidade') > '0.17' %}
--card-mod-icon-color: #f2c700; #yellow
{% elif states('sensor.preco_electricidade') > '0.10' %}
--card-mod-icon-color: #56b32e; #green
{% endif %}
}
- type: entity
entity: sensor.bomba_de_calor_energy_today
icon: mdi:home-lightning-bolt
alignment: center
card_mod:
style: |
ha-card {
{% if states('sensor.preco_electricidade') > '0.25' %}
--primary-text-color: black;
--card-mod-icon-color: black; #red;
--chip-background:#f5274d;
{% elif states('sensor.preco_electricidade') > '0.17' %}
--primary-text-color: black;
--card-mod-icon-color: black; #yellow;
--chip-background: #f4c700;
{% elif states('sensor.preco_electricidade') > '0.10' %}
--primary-text-color: black;
--card-mod-icon-color: black; #green;
--chip-background: #56b32e;
{% endif %}
}
I am using --primary-text-color: black;, but I also tried chip-primary-colour and others … but the color of the text is always white