‹ BackHN Continuity

Thread

The new Firefox design is here

111 points · 163 comments · timpera

  1. n4bz0r · · focus · HN ↗
    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
    1. romanovcode · · focus · HN ↗
      I cannot find a setting to disable the gradient. It's very annoying indeed.
      1. supermatou · · focus · HN ↗
        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;
        
        }
        1. supermatou · · focus · HN ↗
          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;
          
          }
Open on Hacker News to reply ↗

Unofficial Hacker News client; not affiliated with Y Combinator.