The new Firefox design lands in today. This is what you can expect

[AshleyT]

Firefox has evolved significantly over the past year and now, its look has evolved too. 

The design begins rolling out today, with Firefox 157, bringing a cleaner, more cohesive , and more adaptable experience. It is still the Firefox you know and trust, with the same commitment to independence, privacy, customization, and user control. 

The Mozilla Connect community has helped shape this work from the beginning by sharing feedback on the early designs, tested the experience in Nightly starting in July, filed bugs, and shared with us what worked and what didn’t.

Here’s what landed today.

A cleaner, more cohesive design

• Softer tab shapes
• Redrawn icons that hold up better across light and dark themes
• Rebalanced spacing throughout the interface
• A refreshed color palette featuring the glow of the active tab, deeper purples, and warmer light tones

The updated design brought bolder color choices to Firefox — and your feedback made clear that opinions on browser color run the full spectrum. In response, we created additional themes, accessible through add-ons and a new theme picker off Firefox Home, so you have greater control over how Firefox looks. 

More ways to make Firefox yours

Firefox is becoming more customizable, giving you more ways to shape the browser around how you browse. These options include:

• A new theme picker in the customization panel on the Firefox Home page. Additional community themes remain available through about:addons.
• New Firefox themes and wallpapers
• A dedicated space to pin and organize shortcuts so sites you use all the time stay put.
• Compact Mode for a denser browsing experience

Compact mode now officially supported!

Compact Mode is now available as its own dedicated setting. It will also switch on automatically on smaller screens, reducing the space between interface elements so more fits on the screen.

This is one of the clearest examples of how community feedback shaped Nova. Many of you told us that maintaining a denser interface was important, and we listened.

Faster performance

The refreshed experience also includes improvements to Firefox’s startup, page-loading, and scrolling speeds.

Frequently asked questions

Will my existing themes and add-ons continue to work?

Themes and add-ons should continue to work. Nova is built on the same Firefox foundation, and the extension and theming architecture has not changed.

Will my userChrome.css customizations continue to work?

Some customizations may require minor adjustments, depending on how closely they rely on element names or layout structures from the previous interface. 

But keep in mind that Mozilla does not officially support customizations made through userChrome.css. They can cause unexpected behavior or even break Firefox, and future updates may affect them as Firefox continues to evolve. If you choose to use userChrome.css, please proceed carefully.

You can learn more in Firefox advanced customization and configuration options.

Can I opt out of the update?

The new Firefox design becomes the default experience starting with Firefox 157. However, you have several ways to adjust how Firefox looks and feels, including Compact Mode, themes, wallpapers, and New Tab customization. 

Keep shaping Firefox with us

Nova may be shipping today, but the work doesn’t stop here. Many of these updates grew directly from the bugs you filed and the conversations you started while the design was being developed.

Update to Firefox 157 to try the refreshed experience, then let us know what works well and what could still be improved. Your feedback will continue to help shape what comes next.

[p-n-s]

This new UI is godawful... At least it can be reverted (for the time being). Also who though that changing the design and theme/colours without being asking the user was going to go down well?

At the very least ask if I want to change the theme before doing it! 

I really hope they go back to the drawing board with this design... or even better, DROP it altogether and focus on more important things. 

[Antares]

What you point out was also something that irritated me to no end. Just how arrogant can one bloody be as a dev to force a new theme / design on a user, who will often have a custom skin for good reason, rather than just point out the new looks and offer to switch?!

[cephirosx]

On the original discussions thread where they were asking for feedback when Nova was first made available on nightly, lots of users already said that they (including me) don't like the design, sure they did improve lots of the design overtime but they still ignored most of the request to

1 allow reverting to the old theme

2 make an option to change the roundness of the corners

I think if they didn't pushed hard for the overly rounded design a lot more people (including me) would have accepted the new design more

[ItsWempo]

Stop harrassing me

[dftf]

If you mean the constant pop-up notifications and e-mails after posting on this site, go to

https://connect.mozilla.org/t5/user/myprofilepage/tab/user-subscriptions:notification-settings 

And then tick all of the following:

Turn off all push notifications
Turn off all email notifications
Turn off all real-time pop-up notifications
Turn off all mobile notifications

Scroll to the bottom and click Save

[dftf]

To turn-off the constant pop-up notifications and e-mails after you post on this site, go to

https://connect.mozilla.org/t5/user/myprofilepage/tab/user-subscriptions:notification-settings

And then tick all of the following:

Turn off all push notifications
Turn off all email notifications
Turn off all real-time pop-up notifications
Turn off all mobile notifications

Scroll to the bottom and click Save

[cephirosx]

The container color indicator on this new design NEEDS TO BE CHANGED, why is it now a line on top of the bar and it doesn't look good with the rounded corner especially when the tab is pinned.

Since the pinned tab is just a circle now the color indicator is just now a tiny line above which is not very visible, why not extend the line to the corners or be the color of the whole tab or the border of the tab

[Pagz]

I do not like the new tab shapes. They look like buttons now. I would like the option to switch back to the classic tab shape in my settings. 

[dftf]

Address bar -> type about:config -> press ENTER -> accept any warning shown -> search for nova -> double-click line "browser.nova.enabled" -> "true" changes to "false"

Change should get mostly undone

[Basic204]

Can you please un do this I really don't want rounded tabs and the U.I. looks really bad now. Please just give me an option to revert so I don't have to deal with the way this looks. 

[dftf]

Address bar -> about:config -> ENTER -> accept warning -> search nova -> double-click line "browser.nova.enabled" -> "true" changes to "false"

Change should get mostly undone

[FirefoxUser8]

I have submitted an idea to better distinguish regular and Private windows. Please consider.

https://connect.mozilla.org/t5/ideas/clearer-distinctions-of-colour-for-private-window-s/idi-p/14028...

[dftf]

Idea Not Found

The idea you are trying to access is not available.
Return to my original page

? 🤔

[SavageSurge45]

Please give the users you supposedly care about. The option to toggle back to the old UI design.

Many of us find the previous layout much more intuitive and user-friendly plus it looked nicer no like some generic slop you cooked up in less than a minute with the help of AI.

Providing a legacy layout option would show that you truly listen to us your community.

[dftf]

To toggle back to the old UI:

Type about:config in the address-bar, then press ENTER
Accept any warning
Search for nova
Double-click the line "browser.nova.enabled" to set the value to "false"

[Neiratina]

I made an account just so I can add some feedback: I can't delete my browser history by just right clicking a group of websites anymore. I must either delete each website individually, or Firefox forces me to go through the entire Clear Browsing Data pop-up menu which is incredibly counter intuitive and unnecesary.

[MrPope]

Why has the minimum sidebar width increased, I keep the bookmarks sidebar open all the time as small as possible to give me more usable space, this is weird when you've bought back compact mode to do the same then I lose space widthways.

Edit: Remove sidebar as before with about:config  Sidebar.revamp. =false

[Bulathsinhala]

The new 157.0 update is extremely slow, YouTube is basically unusable. The CPU usage is moving between 100% - 49%. This update Suck. Please figure out what's happening and fix it. This is so bad I'm surprised this thing got released.

[dftf]

I'm using 157.0 with the uBlock Origin extension and am having no issues

So for people who are, you likely use another extension that is causing an issue

First go to Menu > Extensions and Themes > click the ⚙ icon > Check for Updates
If any get updated, fully-close all Firefox windows, bring a new one up, and see if it's fixed

If not, in Menu > Extension and Themes click "Extensions" and try disabling one
Close all Firefox windows, then bring a new one back up
Repeat until you've found the extension causing the issue

[Bulathsinhala]

Seems to be the "Ghostery extensio". I de activated it and the CPU usage went down.

[bardbardbard]

I'm tired of these big UI elements and super round corners and round icons and elements, and wasted empty space and toyish-mobile like things all over. I'm so done. I'm switching to Vivaldi or something else. Please back to the old radius and design overall. even apple did setback with liquid glass and all the stupid floanting and super round things (even though i didnt fix the mess they made). please mozilla, dont.

[cephirosx]

Yeah! After the the liquid glass received lots of feedback apple gave users option to change the transparency of their new UI, on this Nova design lots of users already asked for OPTIONS to change the roundness etc but they still pushed through on making the design default on stable

[theemptyvoice]

I hate it. That's the most honest I can be about it without direct hostility to your teams. I hate it. It is awful, it doesn't deserve to exist. It has done nothing but irritate. What a godawful design choice. What a godawful team to have signed off on the design choice.

[Xhy]

That’s why I use it—it’s still beautiful, with a futuristic design. However, the tab area is smaller than before...

[Xhy]

Oh, I used this to fix it, and the tabs have become large again.-browser.nova.enabled-

[qRaio]

I turned it off as first thing to happen this morning, that's kinda telling. Bad desing imo. 

[Thullin]

was this "Mozilla Connect community" blind?

[Soulinx]

I find the new design quite gross tbh and it sucks I can't change it without making some kind of change I don't really want to do. If I wanted to use a trash browser, I'd have stuck with Edge. If anything, at the VERY LEAST, give us an option to switch between two styles. Rounded tabs just suck because they waste space and it looks like I'm reading thru a port hole.../cringe. Tires are round, tabs are square. I'm sad you guys paid people to do this.
Edit: For the first time, since you were born from Netscape Navigator, have I thought to change browsers.

[dftf]

If you've not done so already, switch back by following these steps:

In the web-address bar, type about:config then press ENTER
Accept any warning
In the search-box, type nova
Double-click the line "browser.nova.enabled" to change it from "true" to "false"

[PeterHarmann]

I use Firefox at work. The new design looks unprofessional and distracting. Please at least add an option to revert to the old design, instead of forcing this child cryon painting theme on us.

[cephirosx]

Same here I refuse to use edge or chrome, at first I tried if I'll get used to the new design but I folded a day after by turning off nova on about:config

[dftf]

Address bar -> about:config -> ENTER -> accept warning -> search nova -> double-click the line "browser.nova.enabled" -> should say "false" after.  That will undo most of the new changes.

You may also wish to recommending your IT team there move to the "ESR" release of Firefox (https://www.firefox.com/download/all/desktop-esr/), as that gets security fixes and bug fixes, but no UI changes and rarely any new features between major updates, which are around a year apart

[Anonymous]

It's nice, but you can no longer quickly switch between bookmarks and history when the bookmarks sidebar is open. You used to be able to do this quickly using a small arrow—a feature I used ALL the time. That option is still there if you open the history first and want to switch to bookmarks.

[dftf]

This is a known-bug in the 157.0 release, yes

To fix it right now, follow these steps:

1. In the web-address bar type about:config
2. Accept any warning, if shown
3. Search for updatedb
4. Double-click the line "sidebar.updatedBookmarks.enabled" to set the value to "true"

The down-arrow should then return

[MrPope]

Restore old sidebar setup about:config sidebar.revamp. =false

[Tenzian]

It's disgusting. Make it stop.

[dftf]

To stop it right now:

Type about:config in the web-address bar, then press ENTER
Accept any warning, if shown
Type nova in the search-box on the next screen
Find the row with "browser.nova.enabled" in it, and double-click it so it says "false" after

That should undo most of the changes

[itisi]

Thanks for offering one place to let our voices be heard.

Apparently, I am not the only one who is not happy with the rounded tabs (and more). Sometimes, we just have to get used to something new; sometimes, the "new" is so obtrusive we that have to go look for alternatives... I LOVE Firefox and I don't want to look for alternatives, but if Firefox decides to take away the option to revert from Firefox 157 back to it's wonderful 156 look (with square tabs), I'm afraid I'll have to look further.

In other words: please please please do not remove the about:config option to restore the Firefox 156 look (search for browser.nova.enabled, and set it to false).

Many thanks!

[bordeauxrouge]

for non native english speakers, your YT is hard to understand, try articulating more, please

[dftf]

They appear to have disabled YouTube's auto-dub feature on the video, too.

You can change the subtitle language to your own one though, if that helps.  Use the ⚙ icon that appears at the top of the video when you hover over it