https://github.com/kedwar83/hide-top-bar-firefox-userchrome

Hides Firefox's top bar, except when hovered over.
https://github.com/kedwar83/hide-top-bar-firefox-userchrome

css firefox userchrome

Last synced: 3 days ago
JSON representation

Hides Firefox's top bar, except when hovered over.

• Host: GitHub
• URL: https://github.com/kedwar83/hide-top-bar-firefox-userchrome
• Owner: kedwar83
• Created: 2024-09-07T16:57:32.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-09-07T17:49:56.000Z (5 months ago)
• Last Synced: 2024-11-20T14:50:54.001Z (2 months ago)
• Topics: css, firefox, userchrome
• Language: CSS
• Homepage:
• Size: 5.86 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This repository contains a custom `userChrome.css` script designed to improve the appearance and behavior of the Firefox browser by hiding the top bar (navigator toolbox), with a trigger area to reveal it when hovering slightly below the default position.

## Features

- **Auto-hide Top Bar**: The top bar (tabs, navigation bar, etc.) is hidden when the window is maximized or in fullscreen mode.

- **Hover Trigger**: A 1px invisible area just below the hidden bar is added so the bar reappears when you hover your mouse slightly below its normal position.

  

## Installation

1. **Locate Firefox Profile Directory**:

   - Open Firefox and type `about:profiles` in the address bar.

   - Under "Profile: Default User" or the active profile, locate the **Root Directory** and click "Open Directory."

2. **Create/Update `chrome` Folder**:

   - In the profile directory, check if there is a `chrome` folder. If not, create a new folder named `chrome`.

3. **Add `userChrome.css` File**:

   - Download or create a new file named `userChrome.css` inside the `chrome` folder.

   - Paste the contents of the script below into the `userChrome.css` file.

4. **Enable Custom Styles**:

   - Type `about:config` in the Firefox address bar and search for the preference `toolkit.legacyUserProfileCustomizations.stylesheets`.

   - Set it to `true` by double-clicking the entry.

5. **Restart Firefox**:

   - Close and restart Firefox to apply the changes.