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.

[finlayn]

I'm sorry but this update is painful to use. I can get behind modernizing design, but this is simply a step too far. The previous design was already very modern and clean. A browser, much like an operating system, should be designed to be invisible, get out of your way, and let you do your work. I personally think the corner radii are a step too far, but there are too many egregious accessibility violations that are not subjective. Container tab indicators overlap tab titles and favicons, highlighted URL bar suggestions have very little contrast with the background, and I can't find a theme without a gradient. I'm glad that the redesign can be disabled with config and hope that this option does not go away. I urge the team to continue focusing on simplicity and reliability, not flashy design and AI features.

[verydispleased]

Exactly, do not change what works. No need to redesing the wheel, no need to reinvent the wheel. No need to redesign tabs in Firefox. And the gradient is annoying too. It is browser not a fashion accesory, it is a tool.

[Tech]

Updated to the new version. immediately dropped what i was doing because some idget thought forcing Nova theme was a great idea, especially without asking. i then had to figure out how to remove that unwanted garbage. no simple setting for it? had to deal with a back end preferences page. 

how about actually fixing issues and creating quality of life things rather than following google again. 

make a web browser that respects the users desire to not be bombarded with ads or sites that block you because of ads, you are the middle man, tell them to go screw themselves like were telling you about this update.

[verydispleased]

The New Firefox which I wont name, everyone knows, does not do not needed horrible changes of UI. There is alternative. Firefox should keep it users not drive them away.

[orderofthetriad]

settings page is now has a darker background than before, white text on dark backgrounds triggers migraines for me so thanks soooooooooooooooooooooooooo much for that.

[orderofthetriad]

when are you going to provide a low contrast theme? it is an accessibility issue that you do not already have this available. I do not appreciate my brain feeling like it's going to explode because you care more about vapid aesthetic than you do about usability. 

[orderofthetriad]

do you seriously not see the MASSIVE, GLARING ISSUE HERE!?!?!?!? Trying to make this low-contrast, but you insist on making thing ffffff white on a dark background. 

[SodaPop]

Honey, have you seen the rest of the update?  I don't think they can see at all! 🤦‍♀️

[LtSarai]

Thanks I hate the circles. Please make it optional?

[ledeve]

Due to the rounded design, the container color isn't as clear as before, especially for the pinned tabs, and also when the tab size becomes too small.
And it really seems like complete a waste of space. Why let go of the extra space, which can help me in identifying clearly, which container this particular tab belongs to?

[ledeve]

This is just unusable. Give us an option to remove the rounded design please.

[JL015]

I like the new design. I do have a problem with the history sidebar. It automatically opens today and yesterday history and it only shows the last 90 days (July). I guess you decided to adopt Chromium standards.

[verydispleased]

Please take it back. Bring back rectangle tabs as have been since the begining of time with Firefox and its previous name. One of the worst UI changes, the worst UI change in FF. There have been some, but this is annoying, no needed, distracting. Simply no. Please roll it back. Make it optional. This is driving me away from this version of Firefox. The gradient too. Please. Please Please. Please. Pretty please. Please!

[SodaPop]

I am recommending everyone just try Vivaldi.  I just switched after this update and it's the only browser I've used that has a fantastic UI.

[Antares]

Not a fan of the changes in Firefox' UI decisions in recent months at all. Never before did I have to jump through so many hoops, or worse, install old, non-supported browser versions (mobile) to not be harassed with your UI changes.

Either it's useless busywork, changes made for the sake of making changes, whether people want or not, without improving anything - just to look different than yesterday. The ugly rounded corners or pointless theme changes where anybody could use user themes instead would fall into that category.

Or it's outright making the browser actively worse. The changes to the dedicated search bar, or the dreadful mobile redesign of the menu and tabs tray which are design and ergonomical nightmares would fit that part.

Please, just stop. Sit down. Reconsider. Think about what actually improves your product, and what's just being done so UI designers aren't bored. This used to be the browser I could recommend everybody to use, both in terms of design, customisability, and privacy. I'd like to be able to return to the state, because gods below have you guys lost your way in the whole design and usability department.

And for all that's good, please DO NOT REMOVE the browser.nova.enabled flag in about:config. You've had a track record recently of removing such options, and it's just incredibly arrogant and hostile to the user who you've already had jumping through such hoops to revert awful changes.

[JL015]

I just received version 157.0. I like the new design except for the history sidebar; it automatically expands today and yesterday history. It also only shows the last 90 days (July). I guess you decided to follow Chromium, One the reasons like Firefox was that it showed history for 6 months. I hope you bring that feature back.

[nopee]

This rounded corner thing feels like a cheap phone app that wants me to buy gems.

I don't know how to scream productively about it.

[darchivist]

The new design makes it harder for me to look at the tab groups. They take too much space each, whereas the previous, more rectangular, tab groups were easier to read through as they resemble a single line of text with highlighter, instead of separate bubbles with words in them.

[mhaghy]

It's not a cleaner design. rounded corners on tabs with rainbow border around the selected tab has increased cognitive load of firefox for something that didn't need improvement or fixing.

[Agentvirtuel]

Bonjour

https://support.mozilla.org/en-US/questions/1608447

[orderofthetriad]

if you're not going to explain what the link you're posting is, don't post the link. whatever the f u c k you're trying to link to isn't even loading. Use words to say what you mean or STOP.

[Agentvirtuel]

Remove the gradient completely, a test with userChrome.css
https://support.mozilla.org/en-US/questions/1608290#answer-1851120

(e.g.) Without userChrome.css - With userChrome.css

(e.g.) https://connect.mozilla.org/t5/discussions/the-new-firefox-design-lands-in-today-this-is-what-you-ca...

[orderofthetriad]

What's the relevance of what you're posting? Actually EXPLAIN YOURSELF or DON'T COMMENT AT ALL! What the F U C K is any of what you're posting supposed to be a response to? I see you doing this s h i t all over the forums and it's f u c k i n g annoying and helping no one. 

[Antares]

You are talking to a bot that keeps spamming random links. Do not talk to it, all that gets you is more nonsense. Why that crap hasn't been permabanned is something only Mozilla knows.

[Agentvirtuel]

Bonjour

À propos de https://support.mozilla.org/en-US/user/Agentvirtuel je suis un humain et je vous souhaite une agréable journée.

About allow users to report the spam bots clogging up this website.
https://connect.mozilla.org/t5/discussions/allow-users-to-report-the-spam-bots-clogging-up-this-webs...

(e.g.) I reported spam by clicking the drop-down arrow in a post.
https://connect.mozilla.org/t5/discussions/puzzle-piece/td-p/77667
2 spams have been deleted, remains 1 spam.
I probably forgot to make that request too.
It's done.
I reported a spam by clicking the drop-down arrow in the post.

[glaive1976]

You want feedback that is polite and constructive?

God bless the Redditor who shared browser.nova.enabled false

[EstrogenBandit]

words cannot describe my unending hatred for you and your curves and circles and 'rounded design' oh my GODDD

[dftf]

In the web-address bar type about:config
Press ENTER
Accept any warning, if shown
Search for nova
Double-click on browser.nova.enabled to change from "true" to "false"

That should reverse many of the changes

You can also double-click "pdfjs.enableNova" to remove the new UI from the screen when you view PDFs inside Firefox, though I cannot say I notice any change with that set to "false"

[nope2]

The red tint in the tabs on the right side makes you get a head ache. Remove that it should be flat grey, reinstalling proton is NOT an option. Bunch of lame **bleep** adding gradients in the tabs. 

[nope2]

also s,h,i,t is not a bleep word 

[Creek]

One of the few reasons why I always preferred Firefox over other browsers is squared tabs. This update made it look like cheap Chrome knockoff and the tab playing sound icon is also low res. Thankfully it can be disable in the config.

[grg1]

This quote does NOT reflect the reality of Firefox: "More modern. More flexible." But this part does: "Still Firefox." (That is, same old out of date browser than STILL can't open the Bookmarks Library in a tab).

Mozilla has put all kinds of effort into enhancing Profiles and the UI but still Bookmarks Library opens in a separate window. It is such a PITA to try to manage multiple windows with different Profiles when the Bookmarks Library opens in a separate window also.

I would give up the entire new UI if Firefox could open its Bookmarks Library in a tab.

Open Bookmarks Library in a tab!!! C'mon Mozilla!!!

[Nexl404]

Is there an option to switch to a “legacy” UI? I mean a Proton-like one, or better a Photon-like? Would be nice.

[Nexl404]

Oh, just found it `browser.nova.enabled` -> `false`

[BonPeak]

Yeah the update so bad i'm looking for a way to downgrade because this UI is not very good Can you guys just leave **bleep** alone and stop this bubble idea that never works.

[SodaPop]

There is no way to downgrade.  You have to back up all of your profile [everything], because you will need to delete your old FF, download an older version, reinstall, then create a new profile, and reinstall your old settings, passwords, everything.  It is a huge tedious chore.

I recommend just switching to Vivaldi, import your stuff from FF automatically, open settings to make the appearance exactly how you like it, and you're good to go.

[David_H23]

This new UI is objectively terrible. I don't like the rounded corners or how everything has multiple colors instead of simply one color across the entire UI. The new UI looks worse and is uglier and more distracting than the previous UI. What was the point of this? Why make it worse than it was before?

[BonPeak]

Yeah, my dude. I mean, I was going to say more, but I just kind of wanted to say something real quick. I don't know how they couldn't have noticed that the reaction to the UI was terrible from the testers. I installed a test build of what the next Firefox was going to be saying that there was going to be new UI, and I was like my God this is terrible It gave me a headache It genuinely made the browser slower, and I could actually feel it I went into about config to disable all the flashy BS that they added and then all of a sudden it felt snappier and more responsive so all it is bloat with no usefulness I don't know how the **bleep** they pretty much were like yeah this is good this is how it should be.

[RenoxDashin]

This update is ridiculous. I don't want rounded tabs or stupid two tone borders. I want flat black simple block tabs like I had it before. 

If i wanted to change it, i'd of changed it.  Give me back my old settings or ima uninstall this horsesh**

[Bogdan_]

The new Firefox design completely destroys the accumulated user experience without adding any meaningful value.

I hope everyone involved in forcing this change gets gently bonked on the head with a frozen tuna — such a wonderful color — for a better head user experience.