šŸ”¹ Card-mod - Add css styles to any lovelace card

Share your Projects! Dashboards & Frontend
7713

Needed some help with this if possible (if im on right place)
sofar i did made this card
1
trough lots of reading and learningā€¦
and im very happy with it for a minor thing to solveā€¦

type: entities
card_mod:
  style: |
    .card-content {
      padding: 2px 2px 2px 0px; 
      spacing: -10px;
    }
    :host {
    --paper-item-icon-color: 
    {% set beaufort = states('sensor.buienradar_wind_force') | int %}
    {% if 1 <= beaufort <= 2 %} green;
    {% elif 3 <= beaufort <= 4 %} yellow;
    {% elif 5 <= beaufort <= 6 %} orange;
    {% elif 7 <= beaufort <= 8 %} red;
    {% else %} purple;
    {% endif %} !important;
    }
entities:
  - type: custom:multiple-entity-row
    entity: sensor.buienradar_wind_speed
    icon: mdi:windsock
    card_mod:
      style:
        hui-generic-entity-row $: |
          .info {
            display: none;
          }
        .: |
          .entities-row {
           align-items: start !important;
           width: 100%;
           justify-content: space-evenly !important;
          }
    show_state: false
    entities:
      - entity: sensor.buienradar_wind_speed
        name: Windsnelheid šŸš©
      - entity: sensor.buienradar_temperature
        name: Temp šŸŒ”
      - entity: sensor.buienradar_wind_force
        name: Bft šŸƒ
      - entity: sensor.buienradar_wind_direction
        name: Wind šŸ§­
      - entity: binary_sensor.knmi_waarschuwing
        name: Info ā„¹ļø
      - entity: sensor.knmi_weercode
        name: Weercode šŸšØ
view_layout:
  column: 4

but im trying to give the name ā€œGroenā€
The code below works now with the iconā€¦
In an entity cardā€¦
Goal is to use the nameā€¦

this code:

        card_mod:
          style: |
            :host {
               --paper-item-icon-color:
               {% if is_state('sensor.knmi_weercode', 'groen') %} #008000;
               {% elif is_state('sensor.knmi_weercode', 'geel') %} #ffd700;
               {% elif is_state('sensor.knmi_weercode', 'oranje') %} #ffa500;
               {% elif is_state('sensor.knmi_weercode', 'rood') %} #ff4500;
               {% else %} #44739e
               {% endif %}
               }

but with trying to inspect it im stummbeling across divā€¦
From there im lost what i need to change
Cause itā€™s not --paper-item-icon-color
in an normal entites card it works fine with the iconā€¦
lost in space about itā€¦

thank Youā€¦and a merry Christmas to ya allā€¦