Background color is incorrect when using theme

[vmartinv]

Describe the bug

I'm using the theme ios-dark-mode-red-alternative, after #353 which fixed #337 the UI is considerably better however it still needs improvement, as shown below.

Steps to reproduce

1. Install and activate theme ios-dark-mode-red-alternative (any ios theme is affected though, they are available here)
2. Add vacuum card
3. Notice the background and borders are different than the rest of the widgets.

Expected behaviour

Vacuum card should have the same style as the rest of the widgets (check screenshot for reference)

Screenshot

Versions

Release: v2.6.0 Browser: chrome HomeAssistant version: 2022.03.03

[denysdovhan]

I'll try to take a look at that. Help is appreciated.

[sharonna511]

Remove in vacuum-card.js

--vc-background:var( --ha-card-background, var(--card-background-color, white) );

[ams3401]

Still like this after removing that line in vacuum-card.js

[joddye2]

With card-mod integration can be solved.

Install card-mod and add to yaml:

style: |
  div.toolbar {background: unset;}
  div.preview {background: unset;}

[denysdovhan]

We are using --ha-card-background. You can override it with --vc-background variable.