Hacker News Reader

Comment by n4bz0r | Hacker News Reader

The UI was tidy and nearly perfect, now it's all over the place: weird paddings, different border radiuses even within a single element, clashing background colors, and boy, do I love rainbow gradients everywhere.

Update: for those unhappy with the changes, you can roll them back for now:

  about:config -> browser.nova.enabled -> false

View on HN

Thanks, that’s a hot tip. How long until it’s mandatory though, I’m wondering.

I'm glad we can roll it back, but wonder how long that will be the case.

Thanks for the config. To their credit the UI change is instant. I double clicked a few times to find out why the old UI looks better.

The old UI has less visual noise (at least dark mode on Windows). The new theme has random highlights and high-contrast lines everywhere that draw attention to the browser UI. I want the browser to fade into the background not stand out.

And, adding this to userChrome.css removes all rounded corners

    :root {
     --border-radius-small: 0 !important;
     --border-radius-medium: 0 !important;
     --border-radius-large: 0 !important;
     --border-radius-xlarge: 0 !important;
     --border-radius-circle: 0 !important;
    }

I cannot find a setting to disable the gradient. It's very annoying indeed.

I just turned off auto-updates after reading this. Safe for now.

Naive and outright dangerous advice, every release fixes important security issues.

Then separate UI updates from security updates. No need for them to be bundled. Gradients and insane padding pushing people to not update make them inherently less secure!

It's possible to stick to an ESR release to avoid feature updates in the past, but recently, Mozilla has started bundling feature updates into bugfixes.

e.g. https://www.firefox.com/en-US/firefox/152.0.4/releasenotes/

You should probably use Firefox ESR instead, disabling updates just isn’t an option anymore.

The gradient is part of the theme. Updated the post with how to roll back the UI changes for now. After rolling back, select an old theme.

You can browse the Themes to try to find one you like better. But yeah it'd be nice if one of the default built-in themes was super plain. Closest they have available by default is a grayscale gradient ("Ash").

> Proton by Firefox

> A classic grey palette for a calm, focused feel.

https://addons.mozilla.org/en-CA/firefox/addon/firefox-proto...

Here you go: add this to your userChrome.css file.

/disable gradient

/ 1. Remove the toolbar/tab bar gradient completely /

:root:not([theme-image-in-toolbox]) body,

:root[theme-image-in-toolbox] #navigator-toolbox {

    background-image: none !important;

}

/ 2. Strip Nova purple accent color/focus outlines from the URL & search bar */

:root {

    --toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important;

}

.urlbar-input-container, #searchbar {

    --toolbar-field-border-color-focus: var(--toolbar-field-border-color) !important;

    box-shadow: none !important;

}

Bonus:

/* Hide Kit mascot illustrations from menus, dialogs, and in-app alerts */

.mascot-icon,

.panel-header-mascot,

[mascot="kit"],

.onboarding-mascot-container {

    display: none !important;

}

Reply on news.ycombinator.com