https://github.com/merkksgit/userchromecss

My Firefox userChrome.css
https://github.com/merkksgit/userchromecss

firefox

Last synced: 10 months ago
JSON representation

My Firefox userChrome.css

• Host: GitHub
• URL: https://github.com/merkksgit/userchromecss
• Owner: merkksgit
• Created: 2024-12-07T15:10:52.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-03T11:44:29.000Z (about 1 year ago)
• Last Synced: 2025-05-05T16:18:54.782Z (about 1 year ago)
• Topics: firefox
• Language: CSS
• Homepage:
• Size: 111 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# userChrome.css

My minimalistic Firefox userChrome.css. The configurations in **linux-userChrome.css** and **win-userChrome.css** are nearly identical and can be used on both Windows and Linux systems. Only minimal modifications were necessary to adapt them for different machines.

## Preview

![preview](./preview.png)

## How to Enable Custom CSS in Firefox:

1. Enable Custom Stylesheet Support:

   - Open Firefox and enter "about:config" in the address bar

   - Search for "toolkit.legacyUserProfileCustomizations.stylesheets"

   - Set this option to "true" by clicking the toggle button

   - Alternatively, you can set this in your user.js file

2. Locate Your Profile Folder:

   - Type "about:profiles" in the Firefox address bar

   - Look for the entry marked as "Root Directory" under your current profile

   - This is where you'll need to add your custom styles

3. Create the CSS Directory:

   - Navigate to your profile folder

   - Create a new folder named "chrome"

   - Place your userChrome.css file inside this chrome folder

4. Restart Firefox for the changes to take effect

## YouTube video about creating a Firefox browser theme

[How to Create Your Own Custom Firefox Theme](https://www.youtube.com/watch?v=bw_M7q3Mtag&t=197s)