Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Windows 11's Mica Backdrop for Firefox 133+ #178

Open
MeguMario opened this issue Dec 2, 2024 · 3 comments
Open

Windows 11's Mica Backdrop for Firefox 133+ #178

MeguMario opened this issue Dec 2, 2024 · 3 comments
Labels
enhancement New feature or request

Comments

@MeguMario
Copy link

MeguMario commented Dec 2, 2024

Description

Since the release of Firefox 133, it's possible to enable Firefox's native support for Windows 11's Mica Backdrop without the need of third party software like MicaForEveryone and OpenGlass (although both can be used to replace the Mica Backdrop with either Acrylic or reimplemeted Aero from OpenGlass).

With that, I would like to see 708e4e8 returns in some form officially, I have done some modification to the theme itself to demonstrate what it would be to have this back. I also attach my config here just in case anyone want to try it out

To enable Mica Backdrop on Firefox 133+, enable these in about:config

    widget.windows.mica
    browser.theme.native-theme
    browser.tabs.allow_transparent_browser

To enable my config, enable these in about:config

    sidebar.revamp
    uc.tweak.win11-mica
    uc.tweak.collapse-sidebery
    uc.tweak.new-horizontaltab
    uc.tweak.rounded-corners
    uc.tweak.hide-tabs-bar
    uc.tweak.theme.sidebery
    uc.tweak.floating-tabs

Screenshot / video recording

Native Mica backdrop

Light Mode
image
image

Pull request #158 with (rather janky) dynamic transparency

Screen.Recording.2024-12-02.162234.mov

image

image

Dark Mode
image
image

Screen.Recording.2024-12-02.212155.mp4

image
image
image

With OpenGlass

Dark Mode
image
image
image
image

Light Mode
image
image
image
image

@MeguMario MeguMario added the enhancement New feature or request label Dec 2, 2024
@MeguMario MeguMario changed the title Windows 11's Mica Backdrop for Firefox 133+ and higher Windows 11's Mica Backdrop for Firefox 133+ Dec 2, 2024
@MeguMario
Copy link
Author

Some additional hacks so that the new vertical tab bar at least look decent
image

@rainbowflesh
Copy link

rainbowflesh commented Dec 9, 2024

How do you make sidebery background transparency?


Never mind, add :root {background-color: transparent;} to sidebery css config.

@Aurora2624
Copy link

Every time it is opened, it will display as follows
image
Click minimize and then click maximize again to display normally
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants