Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gabeweb/Firefox-Browser-Proton-Custom

A custom userChrome.css for Firefox 86+ (February 2021). For personal purpose only.
https://github.com/gabeweb/Firefox-Browser-Proton-Custom

css firefox firefox-browser firefox-developer-edition firefox-nightly proton themes userchrome

Last synced: about 2 months ago
JSON representation

A custom userChrome.css for Firefox 86+ (February 2021). For personal purpose only.

Awesome Lists containing this project

README

        

# Firefox-Browser-Proton-Custom
A custom userChrome.css for Firefox 86+ ([Beta](https://www.mozilla.org/en-US/firefox/all/#product-desktop-beta), [Developer](https://www.mozilla.org/en-US/firefox/all/#product-desktop-developer) and [Nightly](https://www.mozilla.org/en-US/firefox/all/#product-desktop-nightly) for February 2021).
**For personal purpose only.**

![Screenshot](Firefox-Browser-Proton-Custom-Linux-01.png)
(Firefox Browser Proton Custom - Firefox Browser 86 Developer Edition - elementary OS Dark Theme)

![Screenshot](Firefox-Browser-Proton-Custom-Linux-02.png)
(Firefox Browser Proton Custom - Firefox Browser 86 Developer Edition - elementary OS DefaultTheme)

![Screenshot](Firefox-Browser-Proton-Custom-Win10-01.png)
(Firefox Browser Proton Custom - Firefox Browser 86 Developer Edition - Windows 10 Dark Theme)

![Screenshot](Firefox-Browser-Proton-Custom-Win10-02.png)
(Firefox Browser Proton Custom - Firefox Browser 86 Developer Edition - Windows 10 Default Theme)

## How to?

* Your must enable via `about:config` the `toolkit.legacyUserProfileCustomizations.stylesheets`, `browser.proton.enabled` and `browser.proton.tabs.enabled` in Firefox.

* Download the [userChrome.css](userChrome.css) file (for Firefox Browser 86+ version) and save it (*right-click* -> *Save Link As...*) to your `Roaming\Mozilla\Firefox\Profiles\[User]\chrome` folder (`%APPDATA%\Mozilla\Firefox\Profiles\` on Windows) or go to `about:profiles` (in Firefox) and locate the `Roaming` folder of your profile.

* Restart Firefox to see the changes.

## Features?

**Firefox-Browser-Proton-Custom** is a more "cleaner" version of my custom [Firefox-Browser-UI-Custom](https://github.com/gabeweb/Firefox-Browser-UI-Custom/)
and aditionally has some extra things like:

- Revert to some Firefox standard items, but keeping the customized url-bar, close button hovering over unselectd tabs, **widgtets panel** and useful ***go-arrow*** button.

![Screenshot](Firefox-Browser-Proton-Custom-Linux-05.png)
(Firefox Browser Proton Custom - Firefox Browser 86 Developer Edition - elementary OS Dark Theme)

![Screenshot](Firefox-Browser-Proton-Custom-Linux-06.png)
(Firefox Browser Proton Custom - Firefox Browser 86 Developer Edition - elementary OS Default Theme

![Screenshot](Firefox-Browser-Proton-Custom-Win10-05.png)
(Firefox Browser Proton Custom - Firefox Browser 86 Developer Edition - Windows 10 Dark Theme)

![Screenshot](Firefox-Browser-Proton-Custom-Win10-06.png)
(Firefox Browser Proton Custom - Firefox Browser 86 Developer Edition - Windows 10 Default Theme)

This *userChrome.css* file use code snippets collected from other sources, so the credits (mostly) are for their authors:

* https://github.com/axydavid/FirefoxUI
* https://github.com/gabeweb/Firefox-Quantum-UI-Lite
* https://github.com/muckSponge/MaterialFox
* https://github.com/coekuss/quietfox
* https://github.com/Timvde/UserChrome-Tweaks
* https://www.reddit.com/r/FirefoxCSS/

## Bugs?

Yes, the theme is a fork of forks of other projects, so there are many bugs in the code, for example the context menus do not properly reflect the shadows in all environments, nor does the background color of the side panel context menus change (Firefox Browser Nightly 78 "breaks" some things).

I'm not a programmer, but at least I tried to make a new theme for al Firefox users 🤘🏻

**Suggestions and ideas are very, very welcome!**