Transparent Color for sidebar-background-color not working since HA 2021.6

[FaserF]

Checklist

• [X] I have updated to the latest available Home Assistant version.
• [X] I have cleared the cache of my browser.
• [X] I have tried a different browser to see if it is related to my browser.

Describe the issue you are experiencing

Since HA Version 2021.6 (with frontend 20210603.0) I am unable to use my transparent theme witht he sidebar anymore. The transparent color just gets a strange white color. The Theme is working fine with alle elements, except sidebar-background-color . Using a color without transparancy is working fine. My theme is here: https://github.com/FaserF/transparentgray/blob/ba23c0e0c08e6287e62cbfaabb1f4b68a90640d7/themes/transparentgray.yaml#L56

Describe the behavior you expected

The transparency should still be working with the sidebar.

Steps to reproduce the issue

1. Install my Theme (with the state from the commit ba23c0e0c08e6287e62cbfaabb1f4b68a90640d7 or in Version Version 2021-01-23)
2. Set the theme
3. See the white-ish color

What version of Home Assistant Core has the issue?

2021.6.2

What was the last working version of Home Assistant Core?

2021.5.X

In which browser are you experiencing the issue with?

Google Chrome 91.0.4472.77 / Safari from iOS 14.6 / Homeassistant App

Which operating system are you using to run this browser?

Windows 10 - 21H1 / iOS 14.6 / Homeassistant App

State of relevant entities

No response

Problem-relevant frontend configuration

https://github.com/FaserF/transparentgray/blob/ba23c0e0c08e6287e62cbfaabb1f4b68a90640d7/themes/transparentgray.yaml#L56

Javascript errors shown in your browser console/inspector

No response

Additional information

No response

[bramkragten]

A screenshot would help here.

[FaserF]

Sorry, here we go:

Before: https://github.com/FaserF/transparentgray/blob/main/images/transparentgray2.png

Now:

[FaserF]

Hmmm isn’t solved yet, but I understand that it doesn’t have a high priority

[FaserF]

Just tested it with 2021.11.5 again. Still its not working when trying to use some transparency

sidebar-background-color: 'rgba(24,24,24,0.3)'

[spacegaier]

But the header transparency still works in 2021.11.x for you?

[FaserF]

Yeah the rest works fine without any issues.

[FaserF]

Issue is still there, but I understand its low priority.

[FaserF]

Issue is still there, but I understand its low priority.

[FaserF]

Issue is still there, but I understand its low priority.

[FaserF]

Issue is still there, but I understand its low priority.

[karwosts]

I think this is not related to transparency, but simply the issue is that the background is attached to an element that is adjacent to the sidebar, not behind the sidebar. So even if you make the sidebar fully transparent the background image is not behind it.

I guess the sidebar used to be rendered overtop the element that had the background, but the top level html changed such that now they are side by side.

Not really sure how to fix that though.

[FaserF]

Still there

[github-actions[bot]]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

[FaserF]

Issue is still there, but I understand its low priority.