userChrome.css snippets for a native UI look over Photon

Discussion of general topics about Mozilla Firefox
Posts: 216
Joined: January 20th, 2015, 12:29 pm

Post Posted October 7th, 2017, 12:33 pm

I use Firefox Developer Edition sometimes (depending on the computer I'm on), and so with the new release I decided to work on a CSS file that would give it more of an OS-native look. The biggest changes are having the toolbar buttons and menu items render as native ones, using XUL.

Put userChrome.css in a folder called "chrome" in your profile folder.

Note - you will have to enable the light theme in Customize for these changes to be applied.

Screenshots (old vs. new):

Windows 7 (classic theme)

Windows 10


It also looks good on the Windows 7 standard theme and on GTK3 on *nix. On macOS it's probably not much of an improvement.

Return to Firefox General

Who is online

Users browsing this forum: Google [Bot] and 2 guests