Make Firefox UI ~great~ different

0-readme.md

Acknowledgement

• https://support.mozilla.org/en-US/questions/1297983#answer-1381308
• https://twitter.com/dosyara/status/1428701970571878403

Honorable mention

• Safari - MacOS Monterey Light theme

userChrome.css

/**
 * For available xHTML tags and classes, refer to
 * https://searchfox.org/mozilla-central/source/browser/base/content/navigator-toolbox.inc.xhtml
 * https://searchfox.org/mozilla-central/source/browser/base/content/browser.css
 * Links
 * https://raymii.org/s/blog/Firefox-89-proton-ui-tab-styling.html
 */

#TabsToolbar > .toolbar-items {
    //opacity: 0;
    //pointer-events: none;
    margin-left: 760px;
    margin-right: 10px;
    position: relative;
    z-index: 10;
}

#alltabs-button {
    display: none !important;
}

#scrollbutton-up,
#scrollbutton-down {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#main-window #nav-bar {
    margin-top: -36px;
}

#main-window #nav-bar-customization-target {
    margin-left: 65px;
    max-width: 728px;
}

:root:not([inFullscreen]) .titlebar-spacer[type="post-tabs"] {
    display: none !important;
}

:root[inFullscreen] #nav-bar-customization-target {
    max-width: 720px;
}