1764822 - Implement (or mock) Windows 11 Mica (acrylic backdrop) for the title bar and context menu

Status: NEW

(Core :: Widget: Win32, enhancement, P2)

Description

[Kagami Rosylight [:saschanaz] (they/them)]

Windows 11 is getting acrylic context menu in several places including File Explorer, the taskbar, Photos, and Microsoft Edge. I guess we'll want to follow as we already have done same in macOS (at least per what I see in bug 1764683).

Comment 1

[Emilio Cobos Álvarez (:emilio)]

This looks similar to the already-existing macOS vibrancy support, perhaps?

Comment 2

[Kagami Rosylight [:saschanaz] (they/them)]

I agree for the context menu, but does it also apply to the browser chrome on macOS?

Comment 3

[trickypr]

It only applies to context menus and the places sidebar by default.

Comment 4

[Adolfo Jayme]

Context menus don’t use Mica, but Acrylic. Just thought I’d point it out, given the bug’s current title.

Comment 5

[Kagami Rosylight [:saschanaz] (they/them)]

Seems DWMWA_SYSTEMBACKDROP_TYPE does the work? https://learn.microsoft.com/en-us/windows/win32/api/dwmapi/ne-dwmapi-dwmwindowattribute

Comment 6

[maximtsyba]

It would be great to support for acrylic backdrop not only in context menus, but arrow panels as well. Similar to how vibrancy backdrop is applied on MacOS when "-moz-mac-source-list" appearance is set on the :root element.

Comment 7

[Emilio Cobos Álvarez (:emilio)]

bug 1850979 has a very rough hack that does some / most of it.

Comment 8

[Emilio Cobos Álvarez (:emilio)]

(But I'd appreciate someone more familiar with Windows bits and compositing to carry it over the finish line)

Comment 9

[ribshark]

Win32Acrylic seems to be a reasonable implementation of the Acrylic/Mica brush in a Win32 environment without any Win2D cruft. Something like that could potentially be a better solution than setting the backdrop material with DwmSetWindowAttribute.

It's worth noting that both (Edge)[https://winaero.com/edge-restores-mica-for-titlebar-and-toolbar-heres-how-to-enable-it/] and (Chrome)[https://winaero.com/chrome-now-supports-mica-effect-on-its-title-bar/] are currently testing Mica in their titlebars; Firefox risks looking outdated by comparison once the other browsers have enabled this by default.