https://github.com/Vallek/vallek-firefox-custom-css

Custom Firefox UI styles based on https://github.com/Aris-t2/CustomCSSforFx
https://github.com/Vallek/vallek-firefox-custom-css

css custom-css firefox ui userchrome

Last synced: 14 days ago
JSON representation

Custom Firefox UI styles based on https://github.com/Aris-t2/CustomCSSforFx

• Host: GitHub
• URL: https://github.com/Vallek/vallek-firefox-custom-css
• Owner: Vallek
• Created: 2021-08-15T15:49:50.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-07-14T20:49:33.000Z (4 months ago)
• Last Synced: 2024-08-01T16:37:48.095Z (3 months ago)
• Topics: css, custom-css, firefox, ui, userchrome
• Language: CSS
• Homepage:
• Size: 75.2 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# My custom Firefox UI styles

This is a content of my Firefox "chrome" folder with custom css. It is mostly consists of parts of amazing [CustomCSSforFx](https://github.com/Aris-t2/CustomCSSforFx) project + couple small tweaks and css from other sources. 

The goal of this specific styles is to bring classic Firefox look. My main focus was tabs and url bar. But there are some other tweaks.

I wanted to share it because CustomCSSforFx could be a little overwhelming:) So if you like my Firefox look (check the screenshot) than you can just use mine.

![](screenshot-1.png)

## What's with dark tabs?

Dark tabs are unloaded tabs. It's very helpful to differentiate them if you have many tabs open. 

## How to apply styles

Just copy paste all files from chrome folder to your Firefox chrome folder in browser profile. To find profile location type about:support in address bar. Find Profile Folder > click on Open folder. There you'll find chrome folder.

userChrome.css - this is the main file for css styles. It imports (connects) other files.

**In order to have exact same look** you'll also need [XP Classic Theme](https://addons.mozilla.org/en-US/firefox/addon/xp-classic-theme/). And compact density enabled in Customize Toolbar (set browser.compactmode.show true in about:config). 

I also highly recommend TabMixPlus extension for useful tab features https://onemen.github.io/tabmixplus-docs/

## Disclaimer

I generally update it only when new Firefox version breaks something. If you have a problem please open an issue here and I will check it. 

CSS could be unoptimized) 

**Updated for Firefox 128.** 

## userContent.css

I also threw here my version on userContent.css. Unlike userChrome.css this file changes pages content. But it can also change Firefox devtools. 

I have two tweaks there. Change Segoi UI font to Arial. I just hate it:) But you can change it to anything you have on your pc.

Second tweak is for devtools. It removes breadcrumbs which always disturbs me.

If you don't need any of that just ignore this file.