Use themes to change the look of Firefox

(Redirected from Using themes with Firefox)
Firefox Firefox Last updated: 65% of users voted this helpful

A theme is a type of Firefox add-on that changes the visual appearance of Firefox. This article describes how to find, install and manage themes in Firefox.

What are themes?

A theme changes the appearance of Firefox, such as the color scheme and background image of the toolbars. The color scheme of menus and built-in pages will follow, based on whether the text color on your toolbar is light or dark. Some websites also will follow the same color scheme. Fx96 Light Theme menu and new tab Fx96 Dark Theme menu and new tab

Firefox comes with a default System theme and optional Colorways, Light, Dark, and Alpenglow themes, but you can always install new themes.

Note: All themes are lightweight (background) themes. Complete themes are no longer supported. See Built-in themes in Firefox - alternative to complete themes.

Installing themes

  1. Click the menu button Fx89menuButton, click Add-ons and themes and select Recommendations or Themes.
  2. Scroll through the suggested themes or visit addons.mozilla.org to browse more themes.
  3. Click on the theme's author to see more information about it.
  4. Click the + Install Theme button.
    theme card add-ons manager
    • To install a theme from addons.mozilla.org, click on the theme and select the + Install Theme button on the resulting page.
    themes fx57 2
    Firefox will download the requested theme and may notify you that it has been installed.

Note: If you simply want to change the color scheme, Colorways by Firefox is a collection of themes you can choose from.

You can also install Mozilla's Firefox Color extension to change the color of tabs and toolbars, add a custom background, and more. See the Firefox Color Homepage for details.

Managing themes

Click the menu button Fx89menuButton, click Add-ons and themes and select Themes.

  • The theme being used will be shown at the top, under Enabled.
  • Other available themes will be listed beneath, under DisabledSaved Themes.
Fx101ManageThemesFx103ManageThemes

Reset theme to default

  1. Click the menu button Fx89menuButton, click Add-ons and themes and select Themes.
    • If the Enabled theme is an optional or added theme, it will have a Disable option.
  2. Click Disable. The default System theme will be enabled.

Switch themes

  1. Click the menu button Fx89menuButton, click Add-ons and themes and select Themes.
  2. Scroll through the list of themes.
  3. Click Enable to use that theme.
    Fx101EnableThemeFx103SwitchTheme

Remove themes

Note: You cannot remove themes that come with Firefox (System, Light, Dark and Alpenglow themes), but you can disable them by switching themes or resetting the theme to the default (see above).

To remove an installed theme that you previously added to Firefox:

  1. Click the menu button Fx89menuButton, click Add-ons and themes and select Themes.
  2. Click the ellipsis Fx107-Addons-3dotIcon (3-dot) icon that displays for the theme that you want to remove and then select Remove.
    Fx101RemoveThemeFx103RemoveTheme
Note: If you remove the Enabled theme, the default System theme will become enabled.

If you are not able to remove a theme, see Cannot remove an add-on (extension or theme).

Troubleshooting

Was this article helpful?

Please wait...

These fine people helped write this article:

Illustration of hands

Volunteer

Grow and share your expertise with others. Answer questions and improve our knowledge base.

Learn More