How to Enable Mica in Firefox

Months after Chrome and Edge, Mozilla Firefox is getting support for the Mica effect on Windows 11. With Mica enabled, the browser looks more consistent and fancy in the latest OS from Redmond. Here's how to give it a try.

The Mica effect is part of the Windows 11's user interface. It adds a translucent layer to various UI elements like windows, taskbar, and Start menu, providing texture and depth. Its intensity adjusts based on the desktop background, resulting in a frosted glass-like visual.

Mica is not the only effect that gives Windows 11 its fresh look. Acrylic, another visual candy, blurs various elements and controls. It applies to context menus, flyouts, and dialogs, creating a sense of depth and highlighting the content.

The combination of Mica and Acrylic effects greatly enhances the visual appeal and immersive experience of the Windows 11 interface.

Chrome and Edge have support for Mica for quite some time. While it is still not perfect in those two, Firefox could not offer you anything until now. But the work has started. The working piece of code is already in Nightly, and you can enable it with a few parameters in about:config.

Firefox with Mica enabled. Image credits: winaero.com

For comparison, here's the default Firefox look without Mica on Windows 11:

Default Firefox appearance on Windows 11. Image credits: winaero.com

Note: As of this writing, Nightly represents Firefox 133. And you can install it alongside the stable version of the browser.

Enable Mica in Firefox

To enable the Mica effect in Mozilla Firefox, do the following.

  1. Get Firefox 133 or above. Currently, it is the Nightly version.
  2. Click on the main menu and select Add-ons & themes.

    Select Add-ons and themes from menu. Image credits: winaero.com

  3. Make sure that you have selected System theme - auto as your browser theme.

    System theme - auto. Image credits: winaero.com

  4. Open a new tab, type about:config in the URL box, and hit Enter.
  5. Click on the Accept the Risk and Continue button to open the Advanced Preferences page.

    Click on Accept the Risk and Continue. Image credits: winaero.com

  6. In the search box on Advanced Preferences, type or copy-paste the widget.windows.mica option name.

    Type the option name in the search box. Image credits: winaero.com

  7. Double-click on the option name to toggle its value from false to true.

    Enable the widget.windows.mica option. Image credits: winaero.com

  8. Now, repeat the steps 4-5 for the browser.theme.native-theme value. It must be set to true, too.

    The browser.theme.native-theme value. Image credits: winaero.com

  9. Finally, set browser.tabs.allow_transparent_browser option to true in the similar way.

    browser.tabs.allow_transparent_browser. Image credits: winaero.com

  10. Finally, relaunch the browser. Enjoy the Mica effect.

Thanks to "fainas1337" to sharing the guide.

Support us

Winaero greatly relies on your support. You can help the site keep bringing you interesting and useful content and software by using these options:

If you like this article, please share it using the buttons below. It won't take a lot from you, but it will help us grow. Thanks for your support!

Author: Sergey Tkachenko

Sergey Tkachenko is a software developer who started Winaero back in 2011. On this blog, Sergey is writing about everything connected to Microsoft, Windows and popular software. Follow him on Telegram, Twitter, and YouTube.

One thought on “How to Enable Mica in Firefox”

Leave a Reply

Your email address will not be published.

Exit mobile version
Using Telegram? Subscribe to the blog channel!
Hello. Add your message here.