Still no change reflected in the browser after clearing cache and using the suggested value background: rgba(0,0,0,0);. Do I be on a version of mushroom before 3.6.2 for this to work??
When editing the ha-card DOM element directly in Chrome’s dev tools, I can set the background color as expected - so I am confident that ha-card is the element I want to target, however, I am almost certainly messing up element targeting in the yaml.
Based on the screenshot and if I understand the docs correctly, ha-card is in the shadow-root of mushroom-cover-card therefore, I should be using the following yaml configuration:
type: custom:mushroom-cover-card
entity: cover.garage_doors
card_mod:
style:
mushroom-cover-card$: |
ha-card {
background: rgba(0,0,0,0) !important;
}