[Feature Request] Add acrylic background option for Windows or backdrop blur options.

[DonHeidi]

Describe the problem/motivation

Great work so far!

User Story

As a user, I want to either set 'Acrylic' as an option for the backdrop or use a value to set a blur, so that I have a more aligned look and feel on Windows.

I am using GlazeWM since yesterday to have tiling on my Windows machine, and today I started playing around with the configuration for the zebar widget that starts when running GlazeWM. I switched the configuration for the transparency but unfortunately, I found no way to blur it. It would be nice to create a native Windows look by applying the "Acrylic" effect.

Btw, this is my first Github issue that I open that is not work related. Feel free to feedback.

Current behaviour:

The zebra bar with transparent background

The Windows taskbar (dark mode):

Desired Behaviour:

Zebar widget has the same background as the taskbar.

Considered solutions

I have tried to control this with CSS (background: rgba(0,0,0,0/5); backdrop-filter: blur(40px) but as the image is not part of the background of the web view, this has no effect.

Possible solution:

I stumbled upon this package:
https://github.com/tauri-apps/window-vibrancy

As I am not well versed with Rust or Tauri, I can't say, if this was a good drop in solution but it could be a good start even if it does not support Linux.

Describe the solution you'd like

I want to either set 'Acrylic' as an option for the backdrop or use a value to set a blur, so that I have a more aligned look and feel with the Windows taskbar and other Windows Applications.

Alternatives considered

I have tried to manipulate the background with CSS.

I found this repo: https://github.com/tauri-apps/window-vibrancy

[lars-berger]

Hey @DonHeidi, thanks for the well-written feature request 👍 We already have a similar request at #93 - will close this one so we don't end up with duplicates and can keep the discussion in one place.

[DonHeidi]

Sure! I have overlooked the issue.

[github-actions]

🎉 This issue has been resolved in version 2.4.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[lars-berger]

🎉 This issue has been resolved in version 2.4.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

Bot incorrectly marked as resolved 🤔 - no connected PR's and not assigned yet