Custom:bar-card ... "0" in Mitte, Ausschlag nach LINKS < --- 0 --- > RECHTS

HAndy · 11. Mai 2025 um 13:21

Sagitariusstern:

type: custom:bar-card
bar-card-min: 35
bar-card-max: 90
animation:
  state: "on"
  speed: "5"
card_mod:
  style: |-
    ha-icon {
      color: blue !important;
    }
    bar-card-name {
      color: black !important;
    }
    background {
      color: linear-gradient(to right, #FE2712 30%, #FD4D0C 35%, #FC7307 40%, #FB9902 45%, #FCBA12 50%, #FDDC22 55%, #FEFE33 60%, #CBE432 65%, #98CA32 70%, #66B032 75%, #448D76 80%, #236AB9 85%, #0247FE 90%) !important;    
    }

Die Lösung für das Problem ist viel simpler als gedacht. Hinter den Werten fehlte einfach nur ein “!important;”!

Gefunden in dem Beitrag: