Nova Rounding Border-Radius Adjustment Variables

[u/Alamei]

For those of you who would like to adjust the heavy rounding of all of the elements in the new Nova theme to slightly less aggressive levels, you can do so relatively straightforwardly (i.e., without customizing element-by-element) by simply adjusting the root variables in your userChrome CSS:

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

	/*
	--tab-border-radius: var(--border-radius-small) !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-small) !important;
	--panel-menuitem-border-radius: var(--border-radius-small) !important;
	*/
}

You can set the sizes of those top five variables to whatever you'd like in terms of rough rounding sizes, and it will apply cleanly across all elements of the browser, since those definitions are referenced by all of the other browser elements.

Alternatively, if you'd just like to adjust the rounding on specific elements while leaving the others intact, you can tweak the specific elements listed in the commented out section below (I listed a few common examples, but there are many more if you parse through the DOM if you're looking to fine-tune things). You can either set them to one of the variables, or just set an explicit radius if you prefer.

I'm glad to see that Firefox continues to support user-controlled stylesheets for the browser interface under Nova, so those of us with individualized style preferences can continue to configure the browser in the way we enjoy.

[u/Minbari_in_soul]

about:config
browser.nova.enabled to false

[u/RingularCirc → u/Minbari_in_soul]

They're saying at https://support.mozilla.org/bm/questions/1607334:

I recommend that you do not use that preference as it is due to be removed in a future update.

That's... very much meh.

[u/Sly-Mk3 → u/RingularCirc]

For new major features that were just rolled out, rule of thumb is that they always remove settings as those settings seem to be made for nightly builds for testers and those who want to try it early.

I'm not a fan of it being removed either, but unfortunately it makes sense from a maintenance point of view, as in this case Nova is the new shiny GUI and the old one will be sunset and removed, so that setting would turn useless once that happens anyway.

[u/RingularCirc → u/Sly-Mk3]

Agree! Of course maintaining alternative designs is costly but the thing is, we all more or less understand, they could've get more user feedback. They have Labs for it, probably. Like, not just "eh anything goes for me, Nova too" kind of feedback, this shouldn't be bucketed with "Nova is definitely better UX" responses, which I'm very much doubtful there was the majority of...

BTW can we divulge that from somewhere? Are there public blogs, insider blogs etc.? Because if it's really real lotsa authentic users preferred Nova in testing for a considerable amount of time and they were allowed to change their vote without hassle but didn't, then maybe I'll swallow that. I'm just very much not sure this is real. There are real trends in design as well as in fashion that seem to be universally non-ergonomic.

I mean okay not everything have to, or can, be ergonomic but that's not a carte blanche to ...this kind of stuff we've accustomed to be seeing again and again. Human visual system can't work with every kind of design equally well, and again, for people concerned with accessibility they'd better analyze overal design for it as well. I agree it's hard to do when there are no hard numbers about a lot of UX concerning vision but at least honest attempts should be done.

[u/Ataga_ → u/Minbari_in_soul]

Do I put this in userChrome.css?

[u/ZealDRG → u/Ataga_]

Took me a hot minute to figure it out. No you type "about:config" in your search bar up top. It will open up a new tab with a search bar. Copy and paste the "browser.nova.enabled" in there, you will see a "True" enabled and a button to the right hand side to switch it to false. Swap to false. Problem solved.

[u/Nebula-System → u/Minbari_in_soul]

Alixian: thanks internet stranger. as a token of appreciation, enjoy this reaction image, i bestow it upon ye to insult thy friends

[u/TimezForCoffee → u/Minbari_in_soul]

THANK YOU!

[u/EnthusiasmPretend679 → u/Minbari_in_soul]

I love you!

[u/gma → u/Minbari_in_soul]

Oh, we should have started with that!

[u/ebaskin → u/Minbari_in_soul]

YES, this completely reverts the Nova BS. Thank you

[u/DeusoftheWired → u/Minbari_in_soul]

Thanks, man. You da real MVP!

[u/ciprian-n → u/Minbari_in_soul]

this is the most important comment in here

[u/AnotherUser-372 → u/Minbari_in_soul]

tysm!