Firefox Stylesheets intended for my Personal use. Sharing them since I've benefitted immensely from others sharing their own work.
This is a collection of stylesheets that I've cobbled together, after Proton Update broke my earlier stylesheet. This isn't a 'release' of theme for firefox, for some reasons:
- Much of it is based on others' hardwork. See Credits
- It was always meant for personal use. So, I've hidden many elements which many people would find useful; tweaked height/width of menus, etc to my own liking
- I've been working on these stylesheets on my main profile, which is heavily modified. I'm not sure if everything in it would work as intended on a different profile, different resolution, different OS.
- I don't have a programming background. I only have a working knowledge of css, acquired mostly through trial and error. Hence, while I can make it work for myself, I won't have any clue if it doesn't work for you.
- Due to 4, I haven't followed CSS Best Practices while putting together these stylesheets. Ex, I couldn't for the life of me figure out how to make some of my rules apply to about-addons. So, I ended up using universal selector (*)
- MrOtherGuy's firefox-csshacks for One-Liner, about:addons column view, multi-row urlbar dropdown results, and numerous other minor tweaks
- u/MotherStylus has helped with styling many problematic elements over at r/firefoxcss. His gems of scripts at his duskFox repository have helped me extend functionality, style tooltips. I've also stolen many rules from his repo.
- Izheil's Quantum Nox for introducing me to the realm of add-on themes. Their themes for uMatrix, uBlock Origin, and Containers form the base for my own themes.
- PROxZIMA's Sweet_Pop inspired the use of gradient line below Navigation Toolbox. Their code for styling library helped me achieve dark mode for libray view.
- u/dilfool2nice's Firefox BlueMoon helped me style ctrl+tab preview, inspired use of gif in About Firefox dialog.
The best use anyone can make of these stylesheets would be to look for individual code snippets for styling an individual component, and using it for creating one's own style.
For using as they are, these stylesheets require:
- Fira Sans Font https://github.com/mozilla/Fira/releases/
- Dark Magic Theme https://addons.mozilla.org/en-US/firefox/addon/nicothin-dark-magic/
- Certain Scripts from u/MotherStylus's repository
- Scrips need to be loaded with fx-autoconfig, as detailed in above repository
- chrome.manifest from u/MotherStylus's repository - for restoring Pre-Proton icons - since I've scaled down toolbarbuttons, and new thinner icons look horrible when scaled.
Scripts Required:
- userChrome_as_css_module.uc.js for styling tooltips
- allTabsMenuExpansionPack.uc.js
- atoolboxButton.uc.js - as I've hidden 'Inspect Element' from context-menu
- searchSelectionShortcut.uc.js - as I've hidden 'Search InsertSearchEngineName with' from context menu
- restoreTabSoundButton.uc.js - as I've hidden 'Playing' Label from tabs playing media
All the stylesheets and folders included in this repo need to be placed directly inside chrome folder in firefox profile.
Rules from TreeStyleTabs-TextArea.css (inside Extensions folder) need to be copied, and pasted in text area provided by TreeStyleTabs Addon in about:preferences.
Themes for Addons are contained in 'Extensions' folder. For styling addons, you've to go to about:debugging, copy Internal UUID of extension, and paste in addon's stylesheet, in place of 'Enter Internal UUID here'. Addons I've styled:
https://addons.mozilla.org/en-US/firefox/addon/auto-tab-discard/
https://addons.mozilla.org/en-US/firefox/addon/bitwarden-password-manager/
https://addons.mozilla.org/en-US/firefox/addon/bypass-paywalls-clean/
https://addons.mozilla.org/en-US/firefox/addon/clearurls/
https://addons.mozilla.org/en-US/firefox/addon/cookie-autodelete/
https://addons.mozilla.org/en-US/firefox/addon/darkreader/
https://addons.mozilla.org/en-US/firefox/addon/enhancer-for-youtube/
https://addons.mozilla.org/en-US/firefox/addon/localcdn-fork-of-decentraleyes/
https://addons.mozilla.org/en-US/firefox/addon/multi-account-containers/
https://addons.mozilla.org/en-US/firefox/addon/notes-by-firefox/
https://addons.mozilla.org/en-US/firefox/addon/save-webp-as-png-or-jpeg/
https://addons.mozilla.org/en-GB/firefox/addon/tabs-aside/
https://addons.mozilla.org/en-US/firefox/addon/temporary-containers/
https://addons.mozilla.org/en-US/firefox/addon/traduzir-paginas-web/
https://addons.mozilla.org/en-US/firefox/addon/tree-style-tab/
https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/
Requires latest Pre-Release Version of uMatrix from https://github.com/gorhill/uMatrix/releases