
To make use of a custom userchrome.css style you’ll first need to know where to place it, and that’s your Firefox profile folder. Those of you who want to take GTK theme integration further, move tabs under the URL bar, prune down the menu, and so on, can do so using user a userchrome.css file. There’s no real need to modify or change anything: vanilla Firefox looks great out of the box on Linux.īut - and it’s a big but - the new UI doesn’t work for everyone. It picks up highlight colors, reuses widgets, menus colors, and so on. Like Google Chrome, Firefox is now great at matching whatever GTK theme you’re already using. On the negative side, Firefox 57 doesn’t allow browser add-ons to change the look or layout of the new Photon interface.īut the look of Firefox can be modified using a cascading style sheet (CSS).Īdmittedly, editing the UserChrome.css isn’t something to be done idly, but so long as you’re careful you’re unlikely to mess things up. Alongside an all-new rendering engine, multi-thread processes, new browser features and other niceties was Photon - a newer, cleaner, and modern user interface and layout.

The Firefox 57 release back in November came with a huge set of changes in tow. Firefox UserChrome.css Firefox 57 with the Photon UI and the Ambiance GTK theme

In fact, with a bit of custom CSS you can make Firefox look like Epiphany (aka GNOME Web), the core browser that ships with the GNOME desktop environment. If you’re using a vanilla GNOME session on Ubuntu with the Adwaita theme, and want to make Firefox look a little more at home, you can.
