Skip to content

A theme that aims to look nice and clean while not compromising functionality.

Notifications You must be signed in to change notification settings

not-holar/my_firefox_theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My Firefox Theme

Welcome to the repo for my Firefox theme, a theme that aims to look nice and clean while not compromising functionality.

Screenshot

See More Screenshots

Installation

Firefox

Recommended: install the Tree Style Tabs extension first before you do this as the theme will hide the tab bar.

  1. Copy the files from firefox/chrome into the chrome folder (doesn't exist by default) in your Firefox profile directory. To find your profile directory, go to about:support.
    Alternatively: Download using Github Desktop and symlink from the project/chrome folder to your profile/chrome folder, this will make updating the theme as easy as just pressing "Pull origin"
  2. Go to about:config, agree that you are responsible for everything horrible you are going to do next.
  3. Set toolkit.legacyUserProfileCustomizations.stylesheets to true.
  4. Set svg.context-properties.content.enabled to true.
  5. In the Customize... menu, set density to Normal.
  6. Download and install Google Sans, Open Sans or Noto Sans. Alternatively, remove these two rules: in userChrome, in userContent.
  7. Restart Firefox.

Optional

The toolbar layout i use:

Tree Style Tabs

  1. Download Tree Style Tabs from Mozilla.org.
  2. Set the main settings (important ones are underlined) like so: Settings Screenshot.
  3. Scroll down and copy-paste everything from tree_style_tabs/extra_style_rules.css to here.
  4. Allow TST to run in private windows to not lose tabs in incognito.

Taskbar Icon

Windows 10 instructions:

  1. Right-click Firefox in the taskbar.
  2. In the popup, right-click Firefox.
  3. Click Properties > Change Icon... > Browse....
  4. Select icon/Firefox_Project_Logo,_2019-2.ico.
  5. If pinned, unpin Firefox, restart and repin.
  6. If not, just restart.
  7. If the icon still doesn't change, try restarting explorer.exe or logging out and back in.

Reddit Theme

Any custom css extension will work, below are the instructions for Stylus:

  1. Switch to the old (classic) version of Reddit
  2. Go to Stylus > Manage > Write new style > Mozilla Format > Import.
  3. Paste everything from reddit/mozilla_format.css.
  4. Press either Overwrite or Append.
  5. Name it whatever you'd like.
  6. Press Save.

If you have anything to say

If you have any issues or suggestions, feel free to create an issue here on Github!

Pull Requests are also welcome.