A set of userChrome.css styles for Firefox UI:
phd-userChrome-active-tab-accent-background.css
phd-userChrome-auto-hide-navigation-and-bookmarks.css
(experimental)phd-userChrome-bookmarks-styling.css
phd-userChrome-disable-proton-ui.css
phd-userChrome-floating-menubar.css
phd-userChrome-floating-notifications.css
phd-userChrome-kde-breeze-icons.css
phd-userChrome-menu-items-styling.css
phd-userChrome-multiline-bookmarks.css
phd-userChrome-places-window-horizontal-layout.css
phd-userChrome-remove-megabar.css
phd-userChrome-smaller-items-in-extensions-panel.css
phd-userChrome-tabs-styling.css
phd-userChrome-toolbars-order-and-styling.css
ALL.css
includes all non-experimental styles.
cd ~/.mozilla/firefox/*.default-release/
mkdir -p chrome
cd chrome
git clone https://github.com/phd/phd-userChrome
echo '@import "phd-userChrome/ALL.css";' >> userChrome.css
Navigate to about:config
and set toolkit.legacyUserProfileCustomizations.stylesheets
to true
.
You may also want to set:
browser.compactmode.show
totrue
andbrowser.uidensity
to1
browser.tabs.inTitlebar
to0
browser.toolbars.bookmarks.visibility
toalways
Restart Firefox browser.
cd ~/.mozilla/firefox/*.default-release/chrome/phd-userChrome/
git pull
Restart Firefox browser.