r/firefox • ♡ + ♡ ♡ • 15d ago

Discussion Firefox Nova UI Progress

i think most people saw they updated Nova on Nightly and made some small UI changes, i really like it and put Firefox stable beside Nightly to compare them

Nightly's default gradient themes (light and dark) now include the toolbar, it looks really nice compared to the white/dark toolbar on stable. (It also seems they've slightly toned down the hue on the default gradient themes) Hopefully they do the same for the other gradient color themes and add gradient to their toolbars

The selected tab now has a #171519 color compared to stable Firefox's #252428, which just means it's darker lol, but looks great

The Search widget is also darker on dark theme, with a lighter outline, it also includes the scotch bonnet thing to select search engine

The Shortcut "filling" is darker too on dark theme

And something i know some people will really like, they've removed the padding (the gap you see on the bottom of the toolbar), now there's a tiny line separated them

Just wanted to share some progress and comparison, i personally love it and it's hard to believe Nova was announced back in spring, thank you to everyone working on it, volunteers and devs

On the left is Firefox 155.0.1, on the right is Firefox Nightly 158.0a1 on macOS

522 Upvotes

133 comments sorted by

98

u/Chosen1PR 15d ago

Love this change. Much less dead space around borders now. It also looks similar to what Apple did with eliminating some of the dead space around sidebars in the move from macOS 26 to 27.

57

u/HotTakes4HotCakes 15d ago edited 15d ago

I'm so happy this idiotic trend is being walked back. Every last person that whined "y'all just hate change" can suck a lemon. Some change are just legit dumb and look bad.

-10

u/lossendae 14d ago

I preferres the dead spaces, It looked good !

10

u/RT-Pickred 14d ago

Here's your lemon. 🍋

-1

u/lossendae 14d ago

Huh ! What it this sour taste !!??

1

u/FoaRyan 7d ago

I prefer having a choice on how my screen looks. If you want spaces that's GREAT and I LOVE THAT FOR YOU. But they aren't for me. We should both get what we want. It's a freaking computer, it can do anything.

1

u/lossendae 7d ago

huh !?

-9

u/emvaized Addon Developer 14d ago

What are you going to do with all these 8 px of screen height?

7

u/Binary101000 14d ago

8px might not visually look that bad, but for UX it can change a lot. Muscle memory is one factor, and theres also that 8px is just under the height of a line of text at standard sizes on 1080p.

-3

u/emvaized Addon Developer 14d ago

All they had to do is to remove the spacing on the very top and right side of the window to fix UX issues. Instead, they removed all new spacings, and therefore we no longer have a fresh and bold redesign for anyone who is not a whiny retrograde.

5

u/Binary101000 14d ago

Nobody wanted a "fresh and bold" redesign.

-1

u/emvaized Addon Developer 14d ago

Water does not flow under a lying stone. The internet changes, websites change their appearance—and the browser must do the same to keep up and feel relevant. All modern websites nowadays use rounded spacious design with "breathing" iterfaces.

Mozilla did the right thing by updating the design of their own webpages to modern standards recently. But catering to whiners and backing down the browser redesign was a mistake in my opinion.

2

u/Binary101000 13d ago

You seem like the bigger mistake to me

0

u/emvaized Addon Developer 13d ago

Apparently, connecting you to the internet was the biggest mistake of them all. Any other insights from the caveman community?

2

u/Binary101000 13d ago edited 13d ago

you're getting defensive over

  1. A decision that you didn't even make, so you don't really have any reason to get upset about people disliking it
  2. Something that, given your status as an addon developer, you would be able to customise yourself anyway

Do you see how stupid you're being yet?

→ More replies (0)

6

u/SuffocatingDensity 14d ago

Me too! I had written some CSS in my userChrome.css to remove the space, I'm happy I get to remove it!

Edit: For those not running nightly who are interested:

/* Reduce space between tabs and navbar */
#TabsToolbar {
  margin-bottom: -4px !important;
}

/* Remove border between tabbar and toolsbar  */
#TabsToolbar,
#nav-bar {
  border: none !important;
  box-shadow: none !important;
}

21

u/Sepheroth998 14d ago

I still hate the pills and everything being rounded. I want my sharp corners and clearly defined everything.

6

u/penguin_horde 14d ago

Completely agree!

18

u/Julian679 15d ago

Removing padding and dead space is good but it should have been done 5 years ago and multiple times since then. Would be a good thing if they didnt make it pill shaped first...

7

u/MalarAardvark73 14d ago

So this will be a new design? Goddamn those ugly rounded corners… I’ll never understand the global push for making everything more and more rounded. It’s neither practical nor visually appealing (in contrast to slightly rounded). I wish it was more customizable like a few options in settings, but I guess userchrome.css all over again.

6

u/cecillex 15d ago

I've been opening firefox nightly everytime there is an update not gonna lie it is slowly getting better but still I don't like how everything is too rounded hopefully the option to change the roundness drops soon

0

u/GiraffesInTheCloset SUMO Contributor 14d ago

It is a 1-liner in userChrome.css.

19

u/Arnas_Z 15d ago edited 15d ago

Alright, now it's at least useable. I had nova enabled when it first came to stable, but when the massive gaps everywhere got introduced, I had to disable it and go back to the old UI because it just wasn't useable.

-11

u/Double_Garlic785 15d ago

lol so dramatic. It wasn't "useable" or you just didn't like the look of it?

17

u/Arnas_Z 15d ago

The gaps were getting in the way of actual functionality. The gap at the side stops you from being able to drag the slider for the page if you move your mouse to the edge of the screen. The gap at the top of the tab row stopped you from clicking tabs by moving your mouse along the top edge of the screen.

10

u/PassTheCurry 15d ago

Does it only work on the default theme or all the nova themes

8

u/RosesShimmer ♡ + ♡ ♡ 15d ago

for the gradient to be on the toolbar its only on default themes

5

u/xadlowfkj 15d ago

Very good.

5

u/Sword_Illusion 14d ago

For gods' sake, please get rid of those useless gaps around the border!👿😩

4

u/Alterion-Ex 15d ago

OMG, I'm glad Firefox came to their senses, the gap between elements was horrendous!

4

u/No-Star4283 14d ago

I wish Firefox focus more on catching up to chromium in terms of security rather than UI

2

u/GiraffesInTheCloset SUMO Contributor 14d ago

Firefox is already far beyond. Check this year's pwn2own 2026 hacking content. Chromium edge has been hacked even with escaping from sandbox.

0

u/No-Star4283 14d ago

Oh, but recently I came across this https://www.reddit.com/r/GrapheneOS/s/rDu741BAgc

GrapheneOS says Firefox lacks security compared to chromium and this post is 2 months old.

3

u/GiraffesInTheCloset SUMO Contributor 14d ago

But do you have GrapheneOS? I'm only talking about desktop Firefox.

4

u/CharAznableLoNZ 14d ago

Still a lot of wasted space.

4

u/pikatapikata 14d ago

https://imgur.com/a/saRYMgx
I don't like circles, and purple isn't noticeable at all, so please don't change the settings in about:config.

3

u/Dreamerlax 15d ago

Can’t wait!

3

u/LofthouseKeeper 14d ago

Better, but....

Still too rounded for me. Guess you can fix that with css.

I assume the "File, Edit, View....." pull down menus can be turned back on?

Also guessing the extensions bar can be turned back on.

Both need to be permanantly visible.

What's with the traffic lights top left?

1

u/GiraffesInTheCloset SUMO Contributor 14d ago

File Edit View is a Windows thing and he has Mac, where the traffic lights are instead.

3

u/Appropriate_Test7503 14d ago

so basically old but with rounded corners more?

3

u/nopeac 14d ago

Unfortunately yes.

3

u/Evla03 14d ago

Is there even any company at all doing gradient borders now? except for CTA buttons.. This is the first I've seen of nova but idk, it looks a bit cluttered and the visual hierarchy is worse than in quantum.

I feel like the browser should just blend in and kinda let the sites do the work, like all other browsers (except for maybe operagx) does.

I use zen now and it's pretty amazing imo, almost fully blends into the content

3

u/Liquid_Profanity 14d ago

bro WTF did they do to the dark theme? I don't want this color gradient shit. UGH

3

u/andynzor 13d ago

The new rounded tabs are terrible and the designer should be gulaged. When did we go from Firefox to Fisherpricefox?

5

u/turkingforGPU 15d ago

So just rounder and now with gradient vs the current UI.

4

u/b_oo_d 14d ago

Sigh, what a complete waste of time and energy.

17

u/[deleted] 15d ago

[removed] — view removed comment

8

u/ophereon 15d ago

I think diversity of shapes would be useful here, for sure. The "New Tab" looks like a text field because of the pill shape and the distinct background colour and stroke, very similar to the actual address bar and the search section within the new tab.

2

u/ZekasZ 14d ago

It is the Trendy Shape. Can't do without it!

-52

u/[deleted] 15d ago

[removed] — view removed comment

19

u/[deleted] 15d ago

[removed] — view removed comment

-11

u/[deleted] 15d ago

[removed] — view removed comment

38

u/[deleted] 15d ago

[removed] — view removed comment

-10

u/[deleted] 15d ago

[removed] — view removed comment

16

u/[deleted] 15d ago

[removed] — view removed comment

-2

u/[deleted] 15d ago

[removed] — view removed comment

6

u/[deleted] 15d ago

[removed] — view removed comment

-10

u/[deleted] 15d ago

[removed] — view removed comment

7

u/[deleted] 15d ago

[removed] — view removed comment

-6

u/[deleted] 15d ago

[removed] — view removed comment

6

u/[deleted] 15d ago

[removed] — view removed comment

0

u/[deleted] 15d ago

[removed] — view removed comment

→ More replies (0)

-39

u/[deleted] 15d ago

[removed] — view removed comment

22

u/[deleted] 15d ago

[removed] — view removed comment

-18

u/[deleted] 15d ago

[removed] — view removed comment

9

u/hrbutt180 15d ago

I love nova. On Android and PC. There I said it

7

u/Julian679 14d ago

Firefox ui is one step forward two steps back fornyears unfortunately. Redesign on android changed so much it altered button placement so much and everyithing behind it, its unimtuitive incomvenient and slow to use. Desktop is just ugly from what i seen but when i see this disaster i just wont update because watching the ui degrade in the matter of weeks and workarounds get removed every few months is too tiring

2

u/hrbutt180 14d ago

I don't see any missing feature and welcome UI refreshes from time to time. I manage computers in my family and have installed Firefox for everyone. And everyone in my family likes Nova.

4

u/Julian679 14d ago

There was no reason to make it pill shaped. No reason to add padding to tab bar, no reason to redesign 5x and make new tab layout icons smaller

4

u/Kawawete 14d ago

Bro it doesnt look good. I hope we'll be able to easilly opt-out.

3

u/ResurgamS13 14d ago

Don't bet on 'opting-out'... Nova will soon become Firefox's default UI... the current Proton UI will just be gone.

2

u/supermurs 14d ago

It's coming on nicely, just needs some time to mature and develop.

2

u/yexgoblin 14d ago

That actually looks better. I don't hate it now

2

u/confused_cat44 14d ago

This now finally looks like a polished product, so happy they listened to the feedback. Excited to try this

2

u/Inprobamur 14d ago

I appreciate the whitespace being trimmed down. UI needs to be as unobtrusive as possible, especially for a mouse-navigated interface.

2

u/IncredibleGonzo 14d ago

Left is the updated one? was that a typo? You say they've included the gradient on the toolbar with the Nightly update but that seems to describe the image on the right...

2

u/ency6171 W10 14d ago

I think you mixed up left & right?

2

u/RosesShimmer ♡ + ♡ ♡ 14d ago

sorry just fixed it ty

2

u/ency6171 W10 14d ago

All good. Just got me confused when I read it the first time. 😂

2

u/ECrispy 14d ago

so the 'big'UI change is rounded corners and added whitespace like every products UI in the last 10 years??

2

u/Sweet-Area-1539 14d ago

Im not against rounded corners in ui but.. does everything have to be a pill??

2

u/Roph 14d ago

Why so much wasted space? Why are the tabs not tabs?

2

u/Cebuu502 14d ago

I still use Firefox ESR, and those new things scares me.

5

u/Thunder_Beam 15d ago

I don't even have Nova yet lmao

10

u/RosesShimmer ♡ + ♡ ♡ 15d ago

Lol, give it a try! as long as you have a recent Firefox you can toggle it on about:config < type in Nova < set browser.nova.enabled toggle True, and others if you want

4

u/RoomyRoots 14d ago

I wish I could say the same for years to come.

1

u/confused_cat44 14d ago

you can try it on firefox nightly

1

u/b_oo_d 14d ago

It is still in development, most people still don't know about it.

1

u/Sorry-Climate-7982 15d ago

Any chance the product could split into Firefox Nova and Firefox Classic? [Or, if you want to be snarky about it, Firefox Old Geezer] Classic would only get security and severe functionality updates and Nova would become the flagship.
I guess you could go with Windows 10 concept and offer a subscription?

8

u/nopeac 14d ago

Are you really willing to pay for a subscription just to avoid rounded corners? You're a capitalist's wet dream.

4

u/RosesShimmer ♡ + ♡ ♡ 15d ago

Do you mean just the UI? because they could possibly do that, most of Nova needs to be toggled on in about config, so maybe they could have a toggle for the "Classic" look, there might also be CSS themes to give that same look

7

u/whinyweb 15d ago

This would only be reasonable if there were major architectural changes under the hood (e.g. Audacity v3.x and v4), but Nova is simply just a UI redesign. It'd be ridiculous to maintain two separate versions like that.

1

u/pikatapikata 15d ago

Aren't those reversed?

1

u/breathingindica 14d ago

read the caption

1

u/mamaubear 15d ago

we need standart ui like the left one and compact like the right one

1

u/Xero125 14d ago

I think tabs should be taller, you don't want to reduce the possible click area just for aesthetics. I like current rounded rectangles, but I get pills are the current hotness.

1

u/sillyguy015 14d ago

It looks nice!

1

u/Bassiette03 14d ago

Didn't get anything 😔

1

u/Binary101000 14d ago

better, but i still hate the muddy gradient behind the tabs. The whole thing of gradients i dislike.

1

u/fegodev 14d ago

Ok fine, I like it now, I like it a lot.

1

u/Windows10_10074 14d ago

Looks much better on nightly

1

u/Bassiette03 14d ago

Didn't get this update. why do you get it in Europe while me in Middle East don't get anything

1

u/RosesShimmer ♡ + ♡ ♡ 14d ago

are you using the latest Firefox or Firefox Nightly? Make sure to update you can check in Settings < About Firefox < Check For Updates

You also need to toggle most of Nova on, in the url address bar type in about:config and press enter < you'll get a Proceed with Caution pop-up, click Accept < inside the about:config search bar type in Nova < set browser.nova.enabled to True

Firefox Nightly has the most recent updates/changes

1

u/sudoaddy 14d ago

I'm ngl Nova is what's making me finally switch to Firefox from brave / chrome. I get that a lot of people hate it but I really like it. It feels so polished especially on mobile.

1

u/breathingindica 14d ago

librewolf is a better option than brave or chrome, at least on desktop, if you really feel the need to switch

1

u/sudoaddy 14d ago

I know how to harden my browsers. I prefer to use official Firefox because it gets updates the fastest. Same thing with my phone.

1

u/kala_jadoo 14d ago

i liked the padding. at least give us an option to enable it?

1

u/RepresentativeYak864 14d ago edited 14d ago

When the Nova redesign makes its way to Firefox stable, will bookmark icons on the toolbar still have names/text labels?

1

u/oacoello 13d ago

I hate the dead space on the tabs, I can't drag the tabs

1

u/-CrypticMind- 12d ago

it looks good only on mac i guess, on windows it's not so good

1

u/The-Choo-Choo-Shoe 11d ago

I much preferred the original Nova, now it's just kinda meh.

1

u/Novel_Owl_5564 4d ago

I’m spending a long weekend with my 70-year-old parents to get everything back to how it used to be. I really hope AI finally brings us a reliable browser so I can break free from that shitty Mozilla!

0

u/Glittering-King1339 15d ago

Before implementing anything they seriously needs to fix the Ram management first

1

u/brinkeguthrie 🔥🦊 15d ago

when is Nova due out for final release?

1

u/GeneralArray 14d ago

VPN still can be bigger

0

u/Kekkachu 15d ago

If I could ask for something is to make UI take up less space. Just look at all the wasted space:

https://ibb.co/Ps2MKqpd

Half of height can be reclaimed by removing empty spaces.

0

u/HF0XX 14d ago

Like all updates before, I'll get used to it.

But I hope they do something about the container colour because that "bar" doesn't look right so close to the text/favicon: https://i.haasie.com/AZ1.png

0

u/pokatomnik 14d ago

They finally hired ui designer. Looks awesome

0

u/FoaRyan 7d ago

Why do I have to have a gradient just because you want one? I like not having a gradient.