grosbourrin/pitchdark-fox

Firefox Stylesheets intended for my Personal use. Sharing them since I've benefitted immensely from others sharing their own work.

PitchDark-Fox

Firefox Stylesheets intended for my Personal use. Sharing them since I've benefitted immensely from others sharing their own work.

NOTE

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:

1. Much of it is based on others' hardwork. See Credits
2. 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
3. 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.
4. 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.
5. 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 (*)

CREDITS

1. MrOtherGuy's firefox-csshacks for One-Liner, about:addons column view, multi-row urlbar dropdown results, and numerous other minor tweaks
2. 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.
3. 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.
4. 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.
5. u/dilfool2nice's Firefox BlueMoon helped me style ctrl+tab preview, inspired use of gif in About Firefox dialog.

PREVIEW

About Firefox Dialog

All-Tabs View

Clear All History Dialog

Close Window Dialog

Context Menus

Create Profile

Ctrl+Tab View

Downloads View

Edit Bookmark

HTTPS Only Error

Library

Net Error

New Private Window Page

New Tab Page

PDF Viewer

Page Info

Print Dialog

Save File Dialog

Tracking Protection Popup

USAGE

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.

Using the stylesheets as they are:

For using as they are, these stylesheets require:

1. Fira Sans Font https://github.com/mozilla/Fira/releases/
2. Dark Magic Theme https://addons.mozilla.org/en-US/firefox/addon/nicothin-dark-magic/
3. Certain Scripts from u/MotherStylus's repository
4. Scrips need to be loaded with fx-autoconfig, as detailed in above repository
5. 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:

1. userChrome_as_css_module.uc.js for styling tooltips
2. allTabsMenuExpansionPack.uc.js
3. atoolboxButton.uc.js - as I've hidden 'Inspect Element' from context-menu
4. searchSelectionShortcut.uc.js - as I've hidden 'Search InsertSearchEngineName with' from context menu
5. 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.

STYLING ADDONS

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:

Auto Tab Discard

https://addons.mozilla.org/en-US/firefox/addon/auto-tab-discard/

Bitwarden Password Manager

https://addons.mozilla.org/en-US/firefox/addon/bitwarden-password-manager/

Bypass Paywalls Clean

https://addons.mozilla.org/en-US/firefox/addon/bypass-paywalls-clean/

Clear URLs

https://addons.mozilla.org/en-US/firefox/addon/clearurls/

Cookie Auto-Delete

https://addons.mozilla.org/en-US/firefox/addon/cookie-autodelete/

Dark Reader

https://addons.mozilla.org/en-US/firefox/addon/darkreader/

Enhancer For Youtube

https://addons.mozilla.org/en-US/firefox/addon/enhancer-for-youtube/

Local CDN

https://addons.mozilla.org/en-US/firefox/addon/localcdn-fork-of-decentraleyes/

Multi Account Container

https://addons.mozilla.org/en-US/firefox/addon/multi-account-containers/

Notes By Mozilla

https://addons.mozilla.org/en-US/firefox/addon/notes-by-firefox/

Save WebP as PNG

https://addons.mozilla.org/en-US/firefox/addon/save-webp-as-png-or-jpeg/

Set Tabs Aside

https://addons.mozilla.org/en-GB/firefox/addon/tabs-aside/

Temporary Containers

https://addons.mozilla.org/en-US/firefox/addon/temporary-containers/

Translate Web Pages

https://addons.mozilla.org/en-US/firefox/addon/traduzir-paginas-web/

Tree Style Tab

https://addons.mozilla.org/en-US/firefox/addon/tree-style-tab/

uBlock Origin

https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/

uMatrix

Requires latest Pre-Release Version of uMatrix from https://github.com/gorhill/uMatrix/releases