Optimizations Include:
- Close tab button replaces favicon on hover (saving tab space and allowing for longer tab titles)
- Fullscreen content is limited to the browser container (allowing for a video to play alongside an application in the same workspace)
- Buttons only appear on hover (giving a minimal aesthetic)
Follow the steps below.
- Navigate to [about:config]
- Set
toolkit.legacyUserProfileCustomizations.stylesheets
totrue
- Set
svg.context-properties.content.enabled
totrue
If desired, in [about:config], set browser.urlbar.update1
to false
to remove the ugly search bar zoom
If desired, you may have fullscreen content limited to the browser container (allowing for a video to play alongside an application in the same workspace, recommended for tiling window manager users) by changing the following in [about:config]:
Set full-screen-api.ignore-widgets
to true
The startpage is available here
A Material Design-inspired userChrome.css theme for Firefox
This theme is powered by blood, sweat, and coffee. If you like it, please consider helping out to support its continued development.
Inspired by Google's Material Design and their latest Google Chrome UI, this theme turns your Firefox into a Material-styled web browser. The aim was to style the browser as closely as possible to the latest Google Chrome dev builds, where practical.
This is a userChrome.css theme, which means you must manually add it to your Firefox profile. The theme overrides certain browser styles. Currently, only the main UI is affected (settings pages, etc. are not). More elements of the UI may be styled in the future.
Check the releases section. Each release version will match the compatible Firefox version. For example, if you're using Firefox 76, try a v76.x release. The master branch is compatible with stable Firefox; the beta branch is compatible with Firefox Beta. This requires a periodic rebase of master on beta as Mozilla update their release cycle (which doesn't always occur immediately).
- Copy the chrome folder and user.js file into your Firefox profile directory. To find your profile directory, go to about:support or about:profiles.
- See Recommended instructions if you'd prefer a more Chrome-like experience.
- Restart Firefox.
Add space above tab bar:
- Right click on toolbar -> Customize.
- Check Drag Space checkbox.
Replicate Chrome behaviour for clipped tabs:
- [about:config] Set
browser.tabs.tabClipWidth
to83
(default is140
).
Replicate Chrome's "Not Secure" text on HTTP:
- [about:config] Set
security.insecure_connection_text.enabled
totrue
.
- Linux is not frequently tested; last tested on 21/05/2019.
- Some customisation settings may no longer work (such as compact/touch density).
- Some custom themes may clash with address bar.