https://github.com/bevizlaszlo/calmfox

Firefox theme with purple Private windows and minimal UI changes
https://github.com/bevizlaszlo/calmfox

browser-theme css firefox firefox-css firefox-customization firefox-theme firefox-tweaks theme

Last synced: 4 months ago
JSON representation

Firefox theme with purple Private windows and minimal UI changes

• Host: GitHub
• URL: https://github.com/bevizlaszlo/calmfox
• Owner: BevizLaszlo
• License: mit
• Created: 2024-09-18T19:34:41.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-09-18T22:57:01.000Z (9 months ago)
• Last Synced: 2025-09-19T00:44:48.081Z (9 months ago)
• Topics: browser-theme, css, firefox, firefox-css, firefox-customization, firefox-theme, firefox-tweaks, theme
• Language: CSS
• Homepage:
• Size: 43 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
CalmFox

A theme for Firefox browsers with minimal changes to the original UI


![ftheme](https://github.com/user-attachments/assets/e05444fd-e5f3-4d46-8b7a-53c2ff07cb2e)

## Features

* **Purple Private Browsing**

* **Homepage Color:** home page is slightly recolored based on your system's preferred color scheme (light or dark).

* **Centered URL Bar**

* **UI Adjustments:** Minor tweaks are included to hide unnecessary elements like the "All Tabs" button.

## Installation

To install this theme, download and extract the `chrome.zip` from the latest release. Then follow these steps:

1.  **Open Firefox Profile Directory:**

    * In Firefox, type `about:support` in the address bar and press Enter.

    * Under the "Application Basics" section, find the "Profile Directory" row.

    * Click the "Open Directory" button (or "Show in Finder" on macOS). This will open your Firefox profile folder in file manager.

2.  **Copy the `chrome` Folder:**

    * Copy the extracted `chrome` folder into your Firefox profile directory.

3.  **Enable CSS Modifications:**

    * In Firefox, type `about:config` in the address bar and press Enter.

    * Click "Accept the Risk and Continue".

    * In the search bar, type `toolkit.legacyUserProfileCustomizations.stylesheets`.

    * Toggle the value to `true` by clicking the toggle button next to it.

4.  **Restart Firefox:**

    * Close and restart Firefox for the changes to take effect.

## Customization

You can further customize the colors by modifying the `--dark-purple`, `--purple`, and `--light-purple` variables at the beginning of the `userChrome.css` file within the `chrome` folder. Experiment with different hex color codes to achieve your desired look.

## Contributing

Feel free to contribute to this theme by submitting pull requests with improvements or bug fixes.