Top Image Map

Gnome 3 Native Theme for Firefox

Posted on January 7th, 2014 by Ben Spera

gnome-ffThese quick tweaks will give Firefox a nice facelift, making it look completely native to your GNOME 3 desktop. These tweaks are said to also work if you’re using GNOME 3’s ‘Global Dark Theme’ option found in Gnome Tweak, but I haven’t tested that claim.

This not only makes Firefox a little easier on the eyes, but it also reclaims some priceless real estate from Firefox’s toolbar and status bar. Many of the GUI design features that have kept me clinging onto Chrome have been relieved with these tweaks, allowing me to finally leave the botnet-infested Chrome for a real open-source browser.

  1. GNOME 3 Theme for Firefox
  2. GNOME 3 Theme tweak – will let you further customise the GNOME 3 theme for Firefox
  3. HTitle extension – hide the titlebar when maximized for more space
  4. Stylish extension – Firefox and website customization framework
  5. Adwaita-FF GNOME window theme – rounds the window corners when not maximized
  6. HTitle tweak style for Stylish – fixes an artifact glitch in Adwaita-FF window theme
  7. GNotifier extension – integrates Firefox with GNOME 3’s native OSD notifications
  8. Omnibar extension – combines the url location and search box into one box
  9. Appmenu iconizer extension – Turns Firefox menu bar into a small icon
  10. Status-4-Evar extension(sic) – Eliminates the status bar by integrating status messages and the progress bar into the location bar

Now that we’ve installed the extensions and themes listed above, there are few settings we need to change:

  1. You must hide the default Firefox menu bar in order for the small Appmenu icon to appear. Do this by right clicking any empty space within the toolbar area and unchecking the ‘Menu Bar’ option. Once you do this you should see a small Firefox icon, clicking this icon will give you access to the menu bar options.
  2. Gnome Theme Tweak extension > Enable ‘Show tabs on top’ and ‘Always show forward button’. The remaining options should be unchecked.
  3. HTitle extension > Check ‘Show window controls’ and set ‘Hide titlebar’ to ‘Always’.
  4. Status-4-Evar extension > Under bold ‘Status Text’ heading, set ‘Show status in:’ to ‘Location Bar’. Under bold ‘Links’ heading, set ‘Show links in:’ to ‘Location Bar’.
  5. Go to Firefox > Preferences > Toolbar Layout, Check the ‘Use Small Icons’ option, then click and drag any toolbar icons you don’t use off of the toolbar and into the Toolbar Layout window to remove them. You’ll want to reserve as much toolbar space as possible for your location bar because it’s also doubling as your status bar as well.

The end result will look something like the screenshot above. You’ll have all the functionality and power of the Firefox web browser dressed up in the native GNOME 3 aesthetics. You can also use the options in the above extensions and adjust the settings even further to your exact liking.

Source: The Linux Action Show, with a little further experimentation on my own.


Get every new post delivered to your Inbox

Join other followers: