← Back to context

Comment by supermatou

11 days ago

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;

}