denysdovhan / vacuum-card

Vacuum cleaner card for Home Assistant Lovelace UI
https://denysdovhan.com/smart-home
MIT License
912 stars 532 forks source link

Make the vacuum-card translucent #715

Closed zslibra closed 7 months ago

zslibra commented 7 months ago

I tried using the card-mod to make vacuum-card translucent. I added the following to the bottom of the code

card_mod:
  style: |
    ha-card {
      box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
      background: rgba(0, 0, 0, 0.3);
      backdrop-filter: blur(4px);
    }

All other cards can be translucent with card-mod, except vacuum-card. How can I achieve vacuum-card translucency? Thanks.

Versions:

Release: v2.8.0 Browser: Edge and Chrome HomeAssistant version: 2023.12.4

Full vacuum-card setup:

type: custom:vacuum-card
entity: vacuum.123456
image: default
compact_view: false
show_name: true
show_toolbar: true
show_status: true
stats:
  default:
    - entity_id: sensor.123456_life_span_side_brush
      unit: '%'
      subtitle: Side Brush
    - entity_id: sensor.123456_life_span_brush
      unit: '%'
      subtitle: Main Brush
    - entity_id: sensor.123456_life_span_filter
      unit: '%'
      subtitle: Filter
  cleaning:
    - entity_id: sensor.123456_stats_area
      unit: m2
      subtitle: Area
    - entity_id: sensor.123456_stats_time
      unit: min
      subtitle: Time
card_mod:
   style: |
     ha-card {
        box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
        background: rgba(0, 0, 0, 0.3);
        backdrop-filter: blur(4px);
     }

image