Changing the size of the primary (area) icon

[mattpregent]

Is there a way to change the dimensions of the primary icon which is the area's icon by default?

[warmfire540]

yes, pretty much most areas are controllable via CSS overrides I provide. you figure it out?

[vunnies]

I cannot figure it out..

Here is my code but if I add

sensors:
'--user-sensor-icon-size': 30px # Large sensor icons

It does not work

type: custom:room-summary-card
area: eetkamer
area_name: Eetkamer
occupancy:
card_border_color: "#5c0a0a"
icon_color: "#080d91"
entities:
- binary_sensor.hid_woonkamer_presence
options:
- disable_icon_styles
features:

• exclude_default_entities
• hide_area_stats
  entities:
• light.groep_eetkamer
  sensors:
• sensor.temp_sensor_woonkamer_air_temperature
• sensor.temp_sensor_woonkamer_humidity
  entity: binary_sensor.hid_eetkamer_presence
  background:
  opacity: 1
  styles:
  card:
  background: rgb(76,0,39,20%);
  border-radius: 12px
  aspect-ratio: 4/3.5
  title:
  color: orange
  font-size: 19px
  entity_icon:
  width: 120%
  color: green

[warmfire540]

hey - try --user-room-icon-size for the main icon

[vunnies]

That worked.. Yet is it possible to change the size and icon colors of the following.. I tried to inspect the page in order to find the code but I can't figure it out.

[warmfire540]

for those you can just do width: 30px or something since you have access directly to the element container