Change User Interface Density in Firefox

As you may already know, Firefox 57 comes with a new UI, known as "Photon". The default appearance of the browser includes a default theme with a dark blue title bar. There are few themes which come pre-installed with the browser. In addition to themes, Firefox allows changing the user interface density. In this article, we will see how it can be done.


Firefox 57 is a huge step forward for Mozilla. The browser features a new engine "Quantum". It was a difficult move for developers, because with this release, the browser drops support for XUL-based add-ons completely. All of the classic add-ons are deprecated and incompatible, and only a few have moved to the new WebExtensions API. Some of the legacy add-ons have modern replacements or alternatives. Unfortunately, there are plenty of useful add-ons which have no modern analogs.

The Quantum engine is all about parallel page rendering and processing. It is built with a multi-process architecture for both CSS and HTML processing, which makes it more reliable and faster.

You can enlarge the user interface of the browser to make it more compact by changing its density. Here is how.

To change user interface density in Firefox, do the following.

  1. Click the hamburger menu button and click the "Customize" item.Firefox 57 Menus
  2. Click on the "Density" item at the bottom of the "Customize" pane.Firefox Density Option In Customize
  3. Click on either Compact,Default or Touch item in the drop down list according to what you want. Compact is the smallest UI type, Touch is the biggest one.Firefox Change Density

Combining this parameter with the UI scaling factor, you can get a more usable user interface for the browser.

3 thoughts on “Change User Interface Density in Firefox

  1. OMC

    Sergey,
    please give me a suggestion: I can’t see download progress on Firefox (56) taskbar icon, anymore.

    How can I fix that?

    Thanks!

    Like or Dislike: Thumb up 0 Thumb down 0

    Reply
    1. Sergey Tkachenko Post author

      try to disable add-ons one by one or reset the browser.

      Like or Dislike: Thumb up 0 Thumb down 0

      Reply
      1. OMC

        I will follow.

        Like or Dislike: Thumb up 0 Thumb down 0

        Reply

Leave a Reply

Your email address will not be published. Required fields are marked *