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.

[MrMoosticles]

If want useless bells and whistles i will use Opera. I use firefox because of its ease of use and extensive extension library. You are going down a **bleep** path with last few updates. We want simplicity, efficiency and reliability not deep umber or profiles.

[sosasees]

I very much dislike the Nova Style.
It looks great in Landmarks like the Firefox Website and About Window
but it’s super distracting in the actual Browser.

To fix the big Issues that i have with Nova, i changed advanced Firefox Settings like this:

1. Download the Proton Theme to grey out the garish Colors that clash with most Websites.
   Unfortunately, this does not reduce how much the Corners are rounded, even though the Preview Image suggests that.
2. Enable the Secret Setting that lets you change the Browser’s Look with CSS Styles.
   In about:config, this Setting should be toggled on (true):
   toolkit.legacyUserProfileCustomizations.stylesheets
3. Open the Page about:support to find Profile Directory and open it.
4. In that Profile Directory, create the Folder chrome, if it isn’t already there.
5. In the chrome Folder, create the File userChrome.css and edit it.

My userChrome.css File looks like this:
Though yours may look different, based on your Priorities and Firefox Version.
This Stylesheet is for Firefox Version 160.

/* START Nova Rounding Adjustments */
:root {
    --border-radius-xsmall: 2px !important; /* Nova Default: 4px, Proton Default: 2px */
    --border-radius-small: 4px !important; /* Nova Default: 8px, Proton Default: 4px */
    --border-radius-medium: 6px !important; /* Nova Default: 12px, Proton Default: 8px */
    --border-radius-large: 8px !important; /* Proton Default: 16px, [Undefined in Nova] */
    --border-radius-xlarge: 10px !important; /* Nova Default: 24px, [Undefined in Proton] */

    
    --tab-border-radius: var(--border-radius-medium) !important;
    
    --button-border-radius: var(--border-radius-small) !important;
    --toolbarbutton-border-radius: var(--border-radius-small) !important;

    /*--card-border-radius: var(--border-radius-small) !important;
    --card-border-radius-compact: var(--border-radius-small) !important;
    --card-cover-image-border-radius: var(--border-radius-small) !important;

    --input-text-border-radius: var(--border-radius-small) !important;

    --menuitem-border-radius: var(--border-radius-small) !important;

    --popup-border-radius: var(--border-radius-small) !important;*/

    --panel-border-radius: var(--border-radius-large) !important;
    --panel-menuitem-border-radius: var(--border-radius-medium) !important;
    
}
.tab-group-label, .tab-group-label-hover-highlight {
    border-radius: var(--border-radius-medium) !important;
}
tabpanels, .browserContainer  {
    border-radius: 0 !important;
}
.urlbar-background, .urlbar-input-container {
    border-radius: var(--border-radius-small) !important;
}
sidebar-bookmark-row, details summary, sidebar-tab-row, input {
    border-radius: var(--border-radius-small) !important;
}
/* END Nova Rounding Adjustments */

I started with this Stylesheet and modified it with Help of Browser Toolbox to address remaining Spots which look wayy too rounded.
I especially hate the Droplet Shape of the Tab Group Headings, so this Stylesheet also turns them back into Rectangles.
I also dislike how the Web View is rounded at only the top left Corner when i enable vertical Tabs, so this Stylesheet sharpens the only rounded Corner of the Web View.

---

UserChrome.css only changes the Browser Chrome. It cannot touch the Browser UI inside the Web View.
To style Firefox Pages like New Tab and Settings and Firefox View, you need another Stylesheet named UserContent.css, in the same chrome Folder.

I did not setup a UserContent.css File because i find Nova’s subpar Design not so distracting on Pages that i don’t see that often when browsing
but i know that many Users can’t stand the round Edges and purple Highlights even on the Settings Page.

---

I did not use GenAI when making this Stylesheet.
This was a 4‑Hours‑long Project with proper Quality Control.

---

If Firefox Staff reads this, they may notice the Result is very similar to the actual Proton Design of Firefox up to Version 156.
A Less rounded Corners Setting should be built into Firefox, so that Step 2 and beyond don’t need to be done.
By reverting the epic Fails of Nova, these Improvements shine:

• Tab Groups no longer change Color when opened or closed.
• Compact Mode is now more compact.

[JNavas]

Firefox ESR is a better solution. See Navas' Tips: Firefox UI Debacle 

[sosasees]

I already installed Firefox ESR  but it will also adopt Nova in a Year, so i am exploring permanent Solutions to use Web Browser with a good Design.

This mainly includes userChrome.css and Firefox Forks.

[JNavas]

> I already installed Firefox ESR but it will also adopt Nova in a Year

Maybe, maybe not—the new CEO might come to his senses in the meantime. The backlash is fierce.
I will stick with ESR as long as it does not go Nova, and only abandon Firefox if and when it does. I will not go with a Firefox fork because of security and stability issues. Edge is my 2nd choice to Firefox, now that support for Android extensions is being rolled out.

[Agentvirtuel]

Bonjour

I'm not a fan the Nova Style.

I use css, https://connect.mozilla.org/t5/discussions/the-new-firefox-design-lands-in-today-this-is-what-you-ca...

[cadwellm]

Waterfox

• Nova Status: Already has Nova as of their August 2026 "Supernova" update. While Nova is now native, it uniquely lets users easily choose between the Nova, Proton, and Photon interface layouts directly in its settings without using hacks.
• Best For: Users who want modern web compatibility but need native toggle switches to stay on flat panel designs

Floorp

• Nova Status: Hybrid. Code based on the modern Extended Support Releases (ESR), meaning it inherits upstream foundations. The developers explicity disabled Nova.
• Offers deep built-in CSS configuration menus that allow you to strip away modern floating curves and customize panel styling entirely.
• Best For: Power users looking for absolute control over turning off or heavy tweaking of layout elements.

Pale Moon

• Nova Status: Never. It completely split from modern Firefox years ago to run on its own layout engine.
• Strictly locks in a classic, traditional 2010s desktop layout.
• Best For: Users who want a pure, old-school layout, though some modern sites may experience web standard compatibility issues

LibreWolf

• Already on Nova: It mirrors the rapid release cycle of the core Firefox codebase.
• Directly inherits the layout changes, though you can still use custom userChrome.css configurations to trim down the look.
• Best For: Privacy purists who care about zero data tracking and telemetry removal rather than structural layout changes.

I posted this once already but, for some reason, it was taken down. I wonder if the mods did it? I'll keep reposting it whenever necessary.

[dftf]

The next thing to consider with forks: how often are they updated?

Basilisk: every two-three months (https://basilisk-browser.org/releasenotes.html , https://basilisk-browser.org/oldreleasenotes.html ) - could be unsafe to use

Floorp: every one-two weeks (https://blog.floorp.app/en/categories/release/)

Librewolf: every one-three weeks (https://librewolf.dev/librewolf/bsys6/releases)

Pale Moon: sometimes every one-two weeks, sometimes one-two months between updates
(https://www.palemoon.org/releasenotes.shtml , https://www.palemoon.org/releasenotes-archived.shtml ) - could be unsafe to use in the delays between major version bumps

Waterfox: about every two-three weeks (https://github.com/BrowserWorks/waterfox/releases)

[cadwellm]

Good info and thank you for providing it!

[JNavas]

What matters most is the lag in releasing security updates.
The raw release cadence can reflect stability issues—more frequent updates tend to be destabilizing.

[dftf]

Sure, but I haven't got the time to look into "when did Firefox first address X, Y or Z issue, and how long did it take each Firefox fork to incorporate that into their own codebase"?

If you (or someone else) is interested in that, I'm sure that's the sort-of-thing an AI could easily answer, given the change logs, version-history and CVE databases are all publicly-accessible, so should be in their data-sets.

Though, with-respect, what is your current recommendation, as so far:

- The about:config change isn't good-enough, as it only lasts until late November;
- The ESR is (was?) your current recommendation, until late September '27...
- ...though in recent-posts you've suggested people move to Microsoft Edge...
... but you also acknowledge Edge updates are delayed versus Google Chrome.

So... why not just recommend people switch from Firefox to Chrome? 🤷🏻‍♂️ I'm honestly getting fatigued trying to keep-up with where you're at.

It's getting a bit tiring sometimes posting things on this site only to keep being jumped-on by yourself to correct me.  There's no harm in suggesting "forks" to people: they should then do their own research into them.

[JNavas]

Ouch! I feel your pain, but there is no call to take it out on me. Politely pointing out that release cadence does not ensure security or stability is fact, not jumping on you. It's never my intention to be rude. I apologize for any unintentional offense. 

On your specifics:

1. Yes, I see no point in a change that only lasts for a month.
2. Yes, I think ESR currently makes the most sense, not only for UI, but also for stability.
3. No, I said I will likely stay with ESR unless and until it goes Nova.
4. No, I said I think Edge is 2nd best to Firefox ESR for me, and listed the reasons.
5. No, I have not said Edge security is delayed. Microsoft has actually done a good job in both security and stability.
6. I do not recommend Chrome for a number of reasons, starting with privacy and stability.
7. Yes, my recommendations can evolve as I gain new information, in part from you, for which I've thanked you, and thank you again.

Everyone is of course free to make their own choices, but I think they should be warned of the very real risks of forks, don't you?

[dftf]

Okay, could I politely suggest unless there something major you feel you need to call me out over that you don't reply further?  Seems every time the 🔔 shows a new notification alert on this site now, it's always you challenging me over something and it's becoming fatiguing. 😔

I agree the ESR is a better solution for people to move to than the about:config change, but that is a simple change they can do immediately to at-least restore their preferred look so they can continue to use their current Firefox install while they switch to ESR, or perhaps research into a fork.

I accept some forks are not updated very-often.  But then how-many people who use Windows, or macOS or even Linux have audited the code personally?  Even for Firefox itself (or most open-source apps, like LibreOffice or VLC), how-many people have checked every line of code in the latest versions then do-so for all the new or changed code between that, and each future release?  All software comes with some level of trust.

Microsoft Edge may be a great alternative; but if people are taking the time to post on a forum for Mozilla products, that usually implies they like Firefox.  And if Mozilla don't decide to allow undoing of Nova, then by the next ESR release, they'll be stuck.  So I see no issue in saying "here are some forks you could look into", especially as some have committed to avoiding Nova.  As the saying goes "you can lead a horse to water, but you cannot make it drink" -- people are expected to do their own homework.

I honestly feel there is nothing more to add on this topic now.

Short-term: about:config -> "browser.nova.enabled" -> "false"
Longer-term: switch to ESR 153.5 (https://www.firefox.com/download/all/desktop-esr/ )
Even longer-term: look into Firefox forks (e.g. Basilisk, Floorp, Librewolf, Pale Moon, Waterfox, Zen), or move to Brave, Chrome, Edge, Opera, Safari or Vivaldi.

[JNavas]

This is an open discussion forum, and asking someone to self-censor just to avoid annoying you is not reasonable. When advice is shared publicly, responding isn't "jumping on you"—it's continuing the discussion by providing other users with the technical context to make sound choices and protect their systems.

In that context, two of your core assumptions have serious flaws:

1. Trust: Equating trust in major operating systems like Windows, macOS, and Linux with trust in independent browser forks fundamentally misstates software security. Ordinary users do not need to audit code line by line because established platforms back their software with dedicated, full-time security engineering teams and rapid zero-day patch pipelines. Downstream forks maintained by a few volunteers do not have those enterprise resources. Trusting a hobbyist fork hacking a massive codebase is not the same as trusting an upstream vendor with an accountable security apparatus.   

2. Homework: You suggest users can research forks on their own. In practice, a typical user cannot audit inter-process communication (IPC) patches, verify whether silent upstream security fixes were applied, or evaluate whether a frozen UI compromises sandbox boundaries (as you conceded earlier with "haven't got the time"). Expecting non-engineers to perform that level of security analysis is completely unrealistic, which is why pointing people toward forks without clear warnings about maintenance lag and other risks leaves them exposed.

Another fork problem is continuity. Forks frequently degrade or even get abandoned entirely when key volunteers move on. As in finance, "past performance is no guarantee of future results."

[medin]

This new design looks not professional, too much round corners and round buttons, it feels like it was done by a kid loving round shapes.

[maiconandsilva]

I liked the icons theme but these rounded corners are too much. It was perct before 🥲 Why is it copying Google Chrome? Chrome is ugly!!

Another thing I dont like is the shadow on hover and on select. Seems so simplistic now. Idk what changed.

[Vyrtsev]

Can we make borders even more round, like up to 11. Maybe 1000px?

[JNavas]

Version 153.5.1, first offered to ESR channel users on October 20, 2026
I confirm this release retains the user-preferred Proton UI style.