https://github.com/Rasmagoric/Firefox2022

A new look for your Firefox browser.
https://github.com/Rasmagoric/Firefox2022

browser css design firefox fluent material stylesheet theme

Last synced: about 1 year ago
JSON representation

A new look for your Firefox browser.

• Host: GitHub
• URL: https://github.com/Rasmagoric/Firefox2022
• Owner: Rasmagoric
• Created: 2021-02-20T21:49:40.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-08-30T16:37:29.000Z (almost 5 years ago)
• Last Synced: 2024-10-30T08:51:28.239Z (over 1 year ago)
• Topics: browser, css, design, firefox, fluent, material, stylesheet, theme
• Language: CSS
• Homepage:
• Size: 3.48 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Firefox 2022

A visual css redesign for your Firefox desktop browser.

✔️ Mac & Windows 10, FF 88.0.1 (Proton update coming soon)\

✔️ More animated elements ✔️ Light / Dark mode ✔️ Better findpage ctrl + F

![Screenshot](preview.png)

![Alt Text](logo.gif)

## How to install

**1) Enable custom stylesheets**

- Type `about:config` in the address bar.

- Search for `toolkit.legacyUserProfileCustomizations.stylesheets` and toggle the preference to `true`  

  

**2) Create chrome folder**

- Type `about:profiles` in the address bar.

- Look for the button **Show in Finder** (Mac) or **Open Folder** (Windows) in Root Directory.

- Create a 📁 folder named "chrome" (if it's not there) and paste the `userchrome.css` and `usercontent.css` files inside the chrome folder.

- Restart Firefox. ✔️

Recommended :

- Go to `about:config` and set `layout.css.backdrop-filter.enabled` to **true** to enable blur effects.

![Screenshot](screenshot.png)