MozillaZine

userChrome.css snippets for a native UI look over Photon

Discussion of general topics about Mozilla Firefox
isaacschemm
 
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.

https://github.com/IsaacSchemm/photon-native-css/blob/master/userChrome.css

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)
Image

Windows 10
Image

macOS
Image

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