https://github.com/DrDesten/Firefox_reStock

reStock theme for Mozilla Firefox. Gives Firefox an overhauled look and feel while preserving the structure und color palette of the default look
https://github.com/DrDesten/Firefox_reStock

css customization firefox mozilla-firefox theme userchrome

Last synced: 14 days ago
JSON representation

reStock theme for Mozilla Firefox. Gives Firefox an overhauled look and feel while preserving the structure und color palette of the default look

• Host: GitHub
• URL: https://github.com/DrDesten/Firefox_reStock
• Owner: DrDesten
• Created: 2020-09-09T17:35:15.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-08-03T18:08:52.000Z (3 months ago)
• Last Synced: 2024-08-03T19:25:35.605Z (3 months ago)
• Topics: css, customization, firefox, mozilla-firefox, theme, userchrome
• Language: CSS
• Homepage:
• Size: 37.1 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Firefox reStock

### reStock theme for Mozilla Firefox

Provides a userChrome.css file for styling Firefox.

## Features

#### More Tabs

reStock allows for tabs to become significantly smaller than possible under normal circumstances.  

The new minimum tab width with reStock is 17 pixels, leaving only a one-pixel boundry between favicons.

#### Smooth Transitions

reStock adds smooth transitions to many elements of the browser interface, including tabs, the navigation bar and menus.

## Installation

1. Open Firefox.

2. Navigate to `about:support`.

3. Find the column `Profile Folder` and open it. *Hint: It most likely ends in ".default-release"*.

4. Create a new folder `chrome` if it doesn't exist already, and navigate into it.

5. Download the `userChrome.css` file from this repository or copy it's contents into a new file called `userChrome.css`.

6. Place that file into the `chrome` folder.

7. Go back to Firefox.

8. Navigate to `about:config`.

9. Search for the config option `toolkit.legacyUserProfileCustomizations.stylesheets` and set it to `true`.

10. Restart Firefox.

For more information about userChrome customisation and a more detailed guide you can visit [userchrome.org](https://www.userchrome.org/how-create-userchrome-css.html).

## Troubleshooting

#### Compatibility

Support for css container size queries and the css `:has` selector is required.  

Firefox supports container queries since version **110**.  

Firefox supports `:has` since version **121**. For versions **103** to **120** it has to be enabled using the config option `layout.css.has-selector.enabled`.