[Feature Request] Blur and acrylic background effects

[patrikzudel]

Describe the motivation

Currently if we want to increase visibility of items on the bar, our options are limited when adjusting the background.

It would be great if background blurring could be added, similar to how its done in Yasb.

[lars-berger]

Blur, mica, and acrylic are possible through the official window-vibrancy plugin

[im-izz]

@patrikzudel Can you share that config?

[lars-berger]

Proposed config:

  // Allowed values:  "blur", "acrylic", "mica", and "none".
  // On MacOS: "blur", "acrylic", and "mica" -> apply the MacOS vibrancy effect to the window.
  // On Linux: all effects instead add transparency to the window.
  "backgroundEffect": "blur",

LMK if anyone would like to take a stab at this 👍

[im-izz]

yes please, so i can stop using custom builds and have more options + everybody would love it since they always ask me how and where i get that but it doesnt work for windows 11 only 10 (which i use)

[veryard]

Yeah - the effects Blur & Mica do not work that well on Windows 11 eg.

• Color isn't supported (https://docs.rs/tauri-utils/latest/x86_64-apple-darwin/tauri_utils/config/struct.WindowEffectsConfig.html#structfield.color)
• Blur: bad performance when resizing - Should be fine considering zebar should pin to top (https://github.com/tauri-apps/window-vibrancy?tab=readme-ov-file#available-functions)
• Acrylic: Same as above

I went ahead and made a PR to implement this, I do not have a Macbook so unfortunately I cannot test that part of the code.