[Feature Request] Blur and acrylic background effects

glzr-io / zebar

Zebar is a tool for creating customizable and cross-platform taskbars, desktop widgets, and popups.

GNU General Public License v3.0

1.1k stars 51 forks source link

[Feature Request] Blur and acrylic background effects #93

Open patrikzudel opened 3 months ago

patrikzudel commented 3 months ago

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 commented 2 months ago

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

im-izz commented 1 month ago

@patrikzudel Can you share that config?

lars-berger commented 1 month ago

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 commented 1 month ago

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 commented 1 month ago

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.