🔹 Card-mod - Add css styles to any lovelace card

Share your Projects! Dashboards & Frontend
7453

thanks to @arganto I learned today we can mod the view badges after all (I had repeatedly posted we couldn’t, so sorry for that), using mod card and the hui- version of the ha card to mod

- type: custom:mod-card
    card:
      type: custom:hui-entity-badge
      show_name: false
      show_state: true
      show_icon: true
      entity: sensor.processor_use
    card_mod:
      style:
        hui-entity-badge:
          $: |
            ha-state-icon {
              --mdc-icon-size: 28px;
            }

and can even colorize the icon using


              color: {{'var(--ok-color)' if states('sensor.processor_use')|int(0) < 14 
                       else 'var(--alert-color)'}};

inside the same mod.
which is very nice.
I dod blow up my processor with several syntax errors there, so be careful… :wink:

now looking for a way to

use the config.entity in those templates and make the mod easily transferable to other badges

a way to set this icon size in card-mod- theme, so we dont have to adjust each and every individual badge.
(aware that is for the other thread, but so intricately related, I keep it here first…)