Preflight Checklist

• I have read the Contributing Guidelines for this project.
• I agree to follow the Code of Conduct that this project adheres to.
• I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Problem Description

At the moment, setVibrancy() for BrowserWindow only supports macOS. Windows 10 has had a similar material called Acrylic, but Electron is yet to add support for it.

Proposed Solution

With Windows 11, Microsoft is introducing a more performant material dubbed Mica.

From Microsoft:

Mica is an opaque, dynamic material that incorporates theme and desktop wallpaper to paint the background of long-lived windows such as apps and settings. You can apply Mica to your application backdrop to delight users and create visual hierarchy, aiding productivity, by increasing clarity about which window is in focus. Mica is specifically designed for app performance as it only samples the desktop wallpaper once to create its visualization.

The new Mica material is a prominent part of the Windows 11 visual design. Adding support for Mica to setVibrancy() in Electron would greatly elevate the design of many apps, and enable the visual look of Electron apps to be in line with modern Windows experiences.

Alternatives Considered

The following libraries currently allow apps to use Acrylic as an alternative to vibrancy in Windows 10:

• https://github.com/Seo-Rii/electron-acrylic-window
• https://github.com/AryToNeX/Glasstron

Additional Information

N/A