Change Icon color in Entities Card

Configuration Frontend
1

Hi,

How do I change the color of any icon using card-mod? Eg. Let’s say I want a yellow icon for the entity input_boolean.motion_sensor_control

How do I make this happen? I tried using the paper-item-icon-color command like it’s mentioned here : 🔹 Card-mod - Add css styles to any lovelace card - #1188 by Ildar_Gabdullin

But that didn’t work.

Here’s the yaml code (also shown in screenshot) :

type: entities
entities:
  - entity: switch.shelly_relay
  - entity: input_boolean.motion_sensor_control
  - entity: input_boolean.enable_disable_schedule
  - entity: input_datetime.scheduler_on
  - entity: input_datetime.scheduler_off
title: Office
state_color: false
show_header_toggle: false
grid_options:
  columns: 14
  rows: auto
theme: Windows 10 Plum
card_mod:
  style: |
    ha-card {
      background: transparent;
      background: rgb(0,0,50,0.3);
      border-radius: 14px;  
    }

Thanks!!

Screenshot 2024-12-30 174819
Screenshot 2024-12-30 1748191525×801 80.8 KB

2

Why not asking directly in a thread where similar questions should be asked - main card-mod thread?
There you can post your attempt and show what you tried and what did not work.

3

And where exactly is this main card mod thread?