Updated config settings & possibilities for Firefox. This includes all file types (css; uc.js; js; etc) and other tips and tricks, including about:config tweaks
Link to previous repo.
[Profile Folder]
[Profile Folder]
└── chrome
├── chrome
├── src
│ ├── user-chrome
│ ├── user-content
│ ├── user-chrome.scss
│ └── user-content.scss
├── package-lock.json
├── package.json
├── userChrome.css
└── userContent.css
| Preference | Description |
|---|---|
| userChrome.system-accent-colors | Set the accent color as your system accent color |
| userChrome.default-theme-colors | (Experimental) Use default firefox colors |
| userChrome.dracula-theme-colors |  |
| userChrome.github-theme-colors |  |
| userChrome.macos-buttons-right | (Experimental) right side macOS like buttons for Windows |
| userChrome.macos-buttons-left | (Experimental) left side macOS like buttons for Windows |
Additionally, if you want to change some colors, you can change the value of the variables in the following files:
user-chrome.cssfor the browser shell;user-content.cssfor the content part (e.g. the "New tab" page);
Follow this steps:
- Open the css file in a text editor
- Find the desired variable
- Change the value, for example, set the accent color to red: --mf-accent-color: #ea4335;
- Save the file and restart Firefox to apply changes
| Variable name | Description | Default value |
|---|---|---|
| --mf-accent-color | accent color | #8ab4f8 |
| --mf-background-color-0 | dark tones | #202124 |
| --mf-background-color-50 | middle tones | #292a2d |
| --mf-background-color-100 | light tones | #35363a |
| --mf-text-primary | main text color | #e8eaed |
| --mf-text-secondary | secondary text color | #9aa0a6 |
| --mf-text-on-accent | text on primary button | #202124 |
| --mf-menu-border-color | controls border color | #3c4043 |
| --mf-content-separator-color | separator line between browser and content area | #606164 |
| --mf-selection-text-color | text selection color | #fff |
| --mf-selection-background-color | selection background color | #4285f4 |