Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tortious/2021_Firefox

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
https://github.com/tortious/2021_Firefox

Last synced: 14 days ago
JSON representation

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

Awesome Lists containing this project

README

        

# 2021_Firefox
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](https://github.com/tortious/2019Firefox) to previous repo.

[Profile Folder]

```plaintext
[Profile Folder]
└── chrome
├── chrome
├── src
│ ├── user-chrome
│ ├── user-content
│ ├── user-chrome.scss
│ └── user-content.scss
├── package-lock.json
├── package.json
├── userChrome.css
└── userContent.css
```
#### Available preferences


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
preview-dracula


userChrome.github-theme-colors
preview-github


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.css` for the browser shell;
- `user-content.css` for the content part (e.g. the "New tab" page);

Follow this steps:

1. Open the css file in a text editor
2. Find the desired variable
3. Change the value, for example, set the accent color to red: --mf-accent-color: #ea4335;
4. Save the file and restart Firefox to apply changes

#### Available variables


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