How to change the background in Firefox Mozilla. How to redesign Firefox to make it look like the new Chrome

In one of our articles, we looked at a way to restore the old design of Google Chrome, updating which to version 69 introduced elements of the new Material Design 2 style, also known as Material Refresh, into the graphical shell of the popular browser.

Updating the Mozilla design

However, it cannot be said that most users did not like the updated design. On the contrary, many of them were satisfied. Moreover, among users of other browsers, in particular Mozilla Firefox, there were many who would like to try Material Refresh on their “firefox” (especially since the new product partly echoes the previous Australis style that was in Firefox before the Quantum update).

So, this is quite real. If you want to make your Firefox look like an updated Google Chrome, follow these instructions.

To do this, you will need a special set of styles and SVG files called MaterialFox. You can download it completely free from this GitHub project page.

After unpacking the archive, you will find a chrome folder with a set of different files. She's exactly what you need. Then go to Windows Explorer by the address:

%appdata%/Mozilla/Firefox/Profiles

It will take you to your Firefox profile folder.

We call this folder za4airzp.default. Your name, or rather its first part, will be different. Now copy the chrome directory obtained from the archive to this folder.


If you have previously customized the Firefox interface using your own styles and you have a file in your profile folder userChrome.css, you will need to open a file with the same name in the folder chrome, copy the code there and paste it at the end of the existing file userChrome.css.


So the folder chrome copied to the profile directory and you can see what happened. When you launch Firefox, you'll see that the design has changed, but the tabs look black and the toolbar icons don't look very attractive.


Let's fix this problem. Go to the internal address in your browser about:config to the hidden settings page, click the accept risk button and use the search bar to find the parameter in the list svg.context-properties.content.enabled.


By default it has the value false, you will replace it with true, for which double-click on it with the mouse.

By restarting Mozilla Firefox, you will see the result of applying the theme in all its glory.


And here's one more thing. If you are working on Windows 10, then to complete the picture in the personalization section you can check the checkbox "In the window titles" for option "Display the color of elements on the following surfaces".


On the theme download page you will also find useful tips from the developer on modifying small details of the Firefox interface in order to make it even more similar to the new Chrome interface. If you want, you can use them.

Firefox themes are special add-ons for the graphic design of the browser. Using them, you can set a different background in the control panel, change the appearance of buttons, and change the font color on the tabs.

For Mazil you can download two types of themes:

Background ones are “light” themes. They only change the background image in the top panel of FF and its color scheme.

Full themes - perform more serious modifications.

This article will tell you how to use themes: download, switch, delete them.

How to go to the theme gallery?

You can perform this procedure in two ways:

Method No. 1: through FF settings

1. In the menu, click: section “Tools” → item “Add-ons”.

2. Open the Appearance tab.

Method No. 2: offsite

1. Go to the page - https://addons.mozilla.org/ru/firefox/.

2. Hover over the “Topics” section to select the category of interest (for example, best). Or just click on a section to quickly go to the gallery.

3. The “Topics” block contains TOPs and categories on different topics. Use this menu or select a design on the main page “Favorites...”.

4. Hover over the block of the topic you like. The browser will immediately accept its graphical add-ons. If this option suits you, click the “Add” button. The add-on will be automatically installed and activated in your web browser.

Attention! If you want to create your own skin for FF, click the “Submit a new theme” button under the menu and the “Learn more” link. These pages contain guides and recommendations for creating a graphic cover.

How to change and delete design?

To manage the graphic design in the menu, open: Tools → Add-ons → Appearance.

To completely remove a topic from FF, click “Delete” in its block.

To temporarily deactivate, use the “Disable” command. Please note that the pre-installed skins “Standard”, “Light”, “Dark” (built into Firefox) can only be disabled.

When you activate a theme in the customization panel, the previous one is automatically disabled.

Alternative graphic interface design options are an excellent opportunity to customize the appearance of the browser according to your interests and taste preferences.

The ability to customize your work environment is what we users value most. Agree, those products become popular where users are not limited in changing certain parameters to their taste. And it was the right decision on the part of the developers to give us such an opportunity as changing the theme in Mozilla. Thanks to this, each user's browser can look completely different, depending on installed themes, extensions and the position of buttons on the toolbar. Below I will tell you in more detail about the procedure for installing visual themes in the browser and how to change them.

Installation

Before examining the question of how to change the theme in Firefox (read how to install in the Chrome browser, and in Yandex Browser), it’s worth learning how to search for them and install them in the browser. To search for topics, the developers have created a special catalog, which is what we need now. To go to this section you will need:

  1. Launch the browser and click on the menu button on the toolbar. This button is located at the very edge of the browser panel on the right side, and when you hover over it, a hint pops up: “Open menu”.
  2. In the drop-down list, click on the “Add-ons” button.
  3. On the page that opens, go to the “Get add-ons” tab, find the “Favorite Topics” block and click on the “Show all” button.
  4. Using the search bar and other tools, find the theme you want and install it by clicking on the “Add to Firefox” button, after which the selected design will be added and applied.

Advice! It is not at all necessary to go to the theme page in the catalog to install it. When you hover your mouse over the name of a theme in the catalog, the browser will automatically accept it, giving you the opportunity to evaluate the design before installation.

Change of design

A large number of themes can be added to the browser, between which we have the ability to switch at any time from the corresponding menu in the browser settings. And now we will look at how to change the theme in Mozilla FireFox. To do this you need:

  1. Open the main menu of the program.
  2. Go to the "Add-ons" section.
  3. Open the "Appearance" tab.

The page that opens will display all the themes that the user has added to his browser. To enable a theme, simply click on the “Enable” button and the theme will be changed. If you do not plan to use a particular design, simply click on the “Delete” button (you can read more about removing add-ons in the Firefox browser).

So, now you know how you can change the theme in our favorite browser. If you need to rearrange the buttons on the toolbar, simply click on any area next to the function button and click on the “Edit” item, after which Firefox will go into customization mode.

The Classic Theme Restorer (Customize Australis) extension for the Mozilla Firefox browser is designed to change the appearance of the browser. When using this extension, the Firefox browser will return to an interface that will be as close as possible to the interface that is familiar to users from previous versions of the browser, for example, in Mozilla Firefox 28.0.

After its update to version 29, the Mozilla Firefox browser underwent a significant change in the appearance of the browser. The design of the Firefox browser has become completely different, now it begins to resemble the appearance of the Google Chrome browser or other “chrome-like” browsers.

The new interface of the Mozilla Firefox browser is called Australis. Now the appearance of the browser looks somewhat unusual compared to the old interface.

There have been many changes to the Australis interface and the Mozilla Firefox browser. The usual “Firefox” button has disappeared from the browser, and the transition to settings and browser management has become completely different. In the new interface, you will be able to flexibly change many browser settings and design elements, adjusting the browser to your needs.

These are not the last changes in the browser; after some time, other changes are expected in Mozilla Firefox.

As always happens, after such a radical change in appearance, a large number of dissatisfied users appear who do not like such innovations. This is how a person is designed that he does not always perceive many new items positively.

Many, due to the change in appearance, begin to experience difficulties using the browser. In particular, the transition to some browser settings has become longer, and in some cases, not entirely obvious.

This is what the previous version of the Firefox 28.0 browser looked like.

What should those who were hostile to the new Australis interface for Fifefox do now? Switch to a different browser or use the previous version of Firefox?

Some users did just that.

Some switched to other browsers running on the same engine as Mazila, for example, to the . The developer of Pale Moon has already stated that the browser will not switch to the new Australis interface. The interface there is no different from the previous one in Firefox, and due to optimization, the Pale Moon browser works even slightly faster than Mozilla Firefox.

Others continued to use the previous version of the browser - Mozilla Firefox 28.0, disabling automatic browser updates. With this option, new features and fixes will not be available in the browser after the next update is released.

Especially for those who want to use the old look of the Mozilla browser, but at the same time use the latest version of the browser, the Classic Theme Restorer add-on was created. This extension allows you to bring the appearance of the browser and its interface as close as possible to the previous design that many users are accustomed to.

Installing Classic Theme Restorer

To install the extension in the Mozilla Firefox browser, you will need to click on the new “Open menu” button. Next, in the browser menu you will need to click on the “Add-ons” button.

After this, the “Manage Add-ons” window, already familiar to users, will open, which is used to manage, configure and install new add-ons in the browser.

In the “Get add-ons” tab, you can enter the name of the extension - “Classic Theme Restorer” in the “Search among add-ons” field. In some cases, the search for an add-on may be unsuccessful, although the extension itself is available on the Mozilla.org website.

Therefore, in this case, you will need to go to the right column, to the very bottom, to the “Other configuration methods” section. Here you will need to click on the “Browse all add-ons” button.

After this, the “Add-ons” tab will open, in which you can find all the extensions that were created for the Mozilla Firefox browser.

In the left column, in the “Categories” section, click on the “Appearance” button, and in the “View” section, click on the “Most Popular” button. On the first page of search results, you will see the required extension - Classic Theme Restorer (Customize Australis).

You can also install the extension in your browser from the add-on page after following the link.

The Classic Theme Restorer (Customize Australis) extension works on Windows, Mac OS X, and Linux operating systems.

After installing the extension in Firefox, restarting the browser, you will see the previous browser interface. The Firefox button has reappeared in the upper left corner. After clicking this button, using the context menu, you will be able to navigate to settings and other browser functionality as you did before switching to the Australis interface.

Setting up Classic Theme Restorer

You can enter the settings of the Classic Theme Restorer extension from the “Extensions” tab, or do this after clicking on the “Firefox” button.

In the context menu, you will first need to select the “Settings” item, and then the “Classic Theme Restorer” item.

In the “Classic Theme Restorer” window, you can customize the add-on to your preferences if you need to change the extension’s default settings.

The “Home” tab contains the main browser interface settings. The old classic tab appearance (square) is now displayed. The appearance of the tabs can easily be changed to a curved appearance, such as in Australis.

The location of the tabs can be moved below the address bar of the browser; by default, the tabs are located at the top.

The Firefox button can be removed from the title bar, moved to the toolbar, or disabled altogether. If the application button is disabled, you can enter the Mozilla Firefox browser control using the new interface button.

You can also change the size of the buttons on the navigation bar, or hide the navigation bar altogether.

In the “Color Settings” tab, you can choose to display the colors of the tabs at your discretion. You can choose your own color to display different types of tabs.

For demanding users, in the extension settings, there are additional settings in the “Special” and “Special 2” tabs. Here you can make cosmetic changes to the browser interface as you wish.

You will need to restart your browser to apply some settings.

You can return the browser to as close to its previous appearance as possible, or do something in between the Australis interface and the Firefox 28 interface.

Conclusions of the article

The Classic Theme Restorer extension allows you to change the appearance of the Mozilla Firefox browser. After this, the Firefox browser will have an interface as close as possible to the previous look of the browser, or the look that you configure using the Classic Theme Restorer add-on. You will be using the latest version of the browser, with the browser look and feel you are used to.

Classic Theme Restorer to change the appearance of Firefox (video)

Hello, dear readers of the blog site. Not long ago I wrote an article about a fairly popular one in the world and mentioned there that the highlight of this program is that it initially contained only a basic set of properties, and everything else was left to add-ons.

It’s clear that it’s not worth even dreaming of covering all the more or less worthwhile plugins for Firefox, however, I’ll try to focus on those that I use myself. First, I think I’ll review the add-ons that help webmasters and SEO specialists in their hard work, and then move on to commonly used extensions.

I also hope that you will mention your favorites in the comments, indicating their names and a brief description of their capabilities. I really hope to learn something useful for myself.

The best Mazila extensions for everyone

    This plugin has a number of features that can be useful not only for webmasters, but also for ordinary users. So, Neiron Search Tools is installed in the browser and allows you to:

    1. When or see on the search results page the most relevant answers from another search engine. For example, in Yandex we will see inclusions from Google results (naturally, only in the browser where this plugin is installed - in our case it will be Firefox):

    2. Have you ever had a situation where a search on a site you are interested in does not meet your expectations? Of course, webmasters have the opportunity to use Google or insert code, but not everyone takes advantage of this opportunity, which is a pity, because engines (CMS) do not always have a sane search module in their composition.

      However, Neiron Search Tools allows you to eliminate this omission. Just open the page of the desired resource in your browser and select the “Search by site” option from the menu of this extension:

      In the window that opens, you will need to enter your search query and select the system whose results you trust more. You can search not only by pages, but also by images (by means of ), for which the corresponding buttons are used:

      It is clear that this can be done without the help of this plugin, but it allows you to introduce an element of efficiency and clarity.

    3. It also allows you to quickly translate a page opened in Firefox (using ) and take a screenshot of any part of it. Of course, you won’t get the same functionality as in or, but you won’t need to do any extra steps to launch an additional program.
    4. On this page of the Neiron service you can evaluate how well your site is represented in Yandex and Google results (based on CTR value) and how much traffic it attracts from these search engines:

    In general, the extension turned out to be quite interesting with a number of unique and popular functions.
  1. Fireshot is an add-on for Mazila that allows you to take screenshots. There are a lot of possibilities both for taking screenshots (it can easily take a picture not only of the visible area, but of the entire web page), and for their subsequent editing, adding graphic or text indicators and annotations. It seems to me that it can be very useful for webmasters, and ordinary Internet users too.
  2. .

Add-ons for Firefox to help webmasters

    is a plugin for Mozilla that needs no introduction. Using the link provided, you can find an article describing all its capabilities, which, believe me, are quite a few. Previously, this was generally the only convenient option for dissecting the code of your own or someone else’s website.

    Now the situation has changed significantly and in almost all popular browsers you will find a tool similar to Firebug, and this tool will already be built into the program from the very beginning. However, it was Firebug that became the starting point for such abundance:

    1. In Opera, you need to select “Inspect Element” from the context menu of the web page element you are interested in.
    2. Just select “View element code” from the context menu
    3. B - “Check object”
    4. And in Firefox itself from Mazila you can use not Firebug, but select “Examine element” from the context menu

    But still, this plugin is superior in capabilities to its built-in analogues. It itself can serve as a home for other extensions. For example, the YSlow loading speed meter or the same Google Assistant for site acceleration, which lives inside this particular add-on for Mozilla. In general, I advise you to try it or at least skim through the article that I cited at the beginning.

    — this plugin does not have as many clones as the one described above (in Safari, however, there are tools for developers that implement something similar), but sometimes it is simply irreplaceable.

    It will be especially useful for beginner webmasters, for whom it is not yet commonplace. Follow the link below to find a detailed article describing all the features of this wonderful add-on.

  1. - serves not for benefit or convenience, but for increasing such an indicator of your site as . This indicator indirectly reflects the site, which means it can be indirectly useful to you. If you work with your resource through Mozilla Firefox, then do not install this plugin in it - as a result, the Alexa numbers for your resource will decrease slightly (which is good).
  2. - follow the link below to find an article describing the capabilities of this powerful add-on for Firefox. It will be useful primarily to those who deal with foreign ( who buys links, for example, in, or posts articles in). Using it, you can quite easily and clearly see all the ins and outs of the site, which can become a donor for your backlink.

  3. SeoQuake is a real alternative to the SEO plugin for Mozilla described just above. It can also display many different parameters of the open page on the fly using the toolbar located at the top, but also in search results can add information lines for each site:

    It has a lot of settings that are hidden in the context menu of the icon located in the upper right corner of the browser window.

    BBCodeXtra - when you write a message on a forum, quite often there is a need to insert BB codes (or format the text in some other way). Entering tags or BB codes every time is tiring, and a visual editor will not always be available. This is where a Mozilla Firefox plugin called BBCodeXtra comes in handy.

    Place the cursor in the desired text field of the desired Html form and select insert BB codes or tags from the context menu:

    https://site

    Rainbow Color Tools is a small but useful add-on for Mazila that allows you to capture color from the screen with just one click. When making layouts, the need for selection often arises, and sometimes the easiest way to do this is by capturing it from the screen (the eyedropper tool). There are a great many programs for these purposes, but a browser plugin looks like a more attractive solution.

    Once installed, you will find a rainbow icon in the top right area of ​​the window. By left-clicking on it, you can get the color code for any part of the screen by simply moving the mouse over it and left-clicking on the shade of interest. Its code will be copied to the clipboard, which is very convenient.

    The arrow located to the right of the icon will allow you to view all previously captured colors using this add-on, as well as open the palette and see the main color scheme of the site opened in the browser.

  4. Flagfox - in the address bar shows the flag of the country where the server of the site opened in Firefox is located (read about that). By left-clicking on the flag, you can find out the exact location of the server, and by right-clicking, you can see a context menu with many options, including.

Themes and wallpapers for Mozilla

Let's start with Wallpaper for Mazila. In fact, wallpapers are a simplified version of full-fledged themes (when installed, only the background fill with color or toolbar image changes) and in order to understand how well a particular wallpaper suits your browser, you just need to move the mouse to the thumbnail you like, and you will see how this disgrace will look on your pet:

If you are satisfied with the preliminary testing of the wallpaper, then to install it you need to click on the version of the simplified theme you like and in the window that opens click on the “Add to Firefox” button:

Now regarding themes for Mazila Firefox. They differ from wallpapers in that they have more weight and change not only the appearance of the toolbar, but also the design of the browser control buttons, and also make changes to a number of other little things. You won’t be able to try out full-fledged themes without installation, so go directly to downloading it and click on the “Add to Firefox” button.

Wait until the theme is fully loaded (sometimes they are quite heavy), confirm your desire to see this masterpiece in Mozilla, after which a prompt to restart the browser will appear in the top area. Do this and see what changes the new theme has made (crawl through all the nooks and crannies).

If the downloaded and installed theme does not delight you, then no one is stopping you from continuing your search and trying on. However, there are situations when you need to return to a previously established topic, but you no longer remember what it was called. In this case, you will need to go to the following path “Add-ons” - “Appearance” tab:

Your current theme will appear first (its name is written brightly) and the “Delete” button will be placed next to it. You can use it, but if you still need this theme, you can simply click on the “Enable” button next to any of the ones you previously installed in Mozilla Firefox. The default theme is called Default and, unlike others, it will not be possible to delete it.

Good luck to you! See you soon on the pages of the blog site

You can watch more videos by going to
");">

You might be interested

Yandex visual bookmarks for Mozilla Firefox, Google Chrome - how to install and configure tabs in popular browsers
Web Developer for Firefox - installation and capabilities of the plugin for layout designers and webmasters
Mozilla Firefox - download, install and configure the most extensible of browsers called Mozilla Firefox