How to easily create your own theme for Google Chrome. Interesting facts and useful tips How to create a theme for google chrome

At the top right of chrome, click and then Settings.

Under "Appearance," click Reset to default. You"ll see the classic Google Chrome theme again.

What is the recommended size for each image?

Theme_frame: ∞ x 30px

Theme_toolbar: ∞ x 120px

Theme_tab_background: ∞ x 65px

Theme_ntp_background: Recommended Minimum Size for images 800 x 600px

Theme_frame_overlay: 1100 x 40px

Theme_button_background: 30 x 30px

Where can I learn how to create a Chrome theme?

What is a theme?

A theme is a special kind of extension that changes the way the google chrome browser looks. It is a zipped bundle of fles: one manifest.json file and several png images

Here is an example manifest.json file for a theme:

( "version": "1.0", "name": "test theme", "description": "A test theme", "theme": ( "images" : ( "theme_frame" : "images/theme_frame_camo.png", "theme_toolbar" : "images/theme_toolbar_camo.png", "theme_ntp_background" : "images/theme_ntp_background_norepeat.png", "theme_ntp_attribution" : "images/attribution.png" ), "colors" : ( "frame" : , "toolbar" : , "ntp_text" : , "ntp_link" : , "ntp_section" : , "button_background" : ), "tints" : ( "buttons" : ), "properties" : ( "ntp_background_alignment" : "bottom" ) ) )

version: One to four dot-separated integers identifying the version of this theme.

name: A short, plain text string (no more than 45 characters) that identifies the theme.

description: A description text for your theme.

images: Image resources for this theme. For example, "theme_ntp_background" uses to specify the background of the new tab pane.

colors: Colors are in RGB format, which is used to specify the color of the bookmark text, frame, etc.

tints: You can specify tints to be applied to parts of the UI such as buttons, the frame, and the background tab.

Tints are in Hue-Saturation-Lightness (HSL) format, using floating-point numbers in the range 0 - 1.0: - Hue is an absolute value, with 0 and 1 being red. - Saturation is relative to the currently provided image. 0.5 is no change, 0 is totally desaturated, and 1 is full saturation. - Lightness is also relative, with 0.5 being no change, 0 as all pixels black, and 1 as all pixels white. You can alternatively use -1.0 for any of the HSL values ​​to specify no change.

properties: this field lets you specify properties such as background alignment, background repeat.

What is this online chrome theme creator?

The online chrome theme creator is a simple theme maker tool for the people who are unfamiliar with the .json file. It provide a simple way to change images, choose colors and tints, preview and pack your chrome theme online.

If you spend a lot of time on the Internet, then the appearance of the browser is no less important than its functionality or speed. It is much more comfortable to work with a beautiful ergonomic interface, in which colors, icons, controls and background images are optimally matched. The Google Chrome browser makes it easy to install and change themes from, but if none of them suits you, then you can easily create your own.


The reason for writing this note was the release of an official extension from the browser team called . With it, you can create your own unique design for your favorite browser in just three simple steps. After installing this extension, a new icon appears on the installed applications tab. Clicking on it will launch the New Theme Wizard.


At the first stage, we will be asked to upload a background image in the form of a picture or a webcam snapshot. The downloaded background can be immediately seen in the preview window and its location and position can be adjusted. At any time, you can cancel the changes made or go to the next step, for which you should click the button Continue to Step 2.


In the next step, we will be able to change the main colors of the browser window. By clicking on the brush buttons, we will be prompted to choose one of thirty basic colors for the new tab, background tab, and window background.

As you can see, it's very easy to create your own theme using Google's proprietary extension.

19Char

In this guide, I'll show you how to quickly and easily create theme for google chrome browser. This is the easiest way, but just in case, I will describe everything in detail.

What you will need:
-Appendix
-My Chrome Theme
-Google registration

1. First, open Chrome and go to applications.

2.Now go to the Store. (don't be afraid to buy anything).

3. In the search, enter My Chrome Theme and press Enter.

4. Find the My Chrome Theme application and click on the Free button.

5. This window will come out, click add. By the way, after you click the Free button, you may be required to log in to google.

6.Now we are waiting for it to be downloaded and installed.

7.Now go to Applications again and select My Chrome Theme.

8. Click Start Making Theme

9. Here you can now choose to upload a picture from a computer or from a webcam. In my case, I download from a computer.

10. Select a picture or photo.

11.Now edit the position of the picture or photo and click Continue to Step 2.

12. Here we click on the brushes and select colors for each element separately. After that, click Continue to Step 3.

13. Write the name of the theme and click Make my theme!

15.At the bottom where the download will be a new download. Click Next.

16.Now click Add.

17. And we admire. True, in my case, the photo is not suitable. For those who have been familiar with the Internet for a long time, this instruction will seem ridiculous, since everything is too detailed. But let's not forget that some people are not such aces in using the Internet and they need a detailed description.

To do this, you need a special web theme builder, a little inspiration and a few minutes of free time. Although if you suffer from perfectionism, you can spend a few hours. We have warned you. :)

So, open the web app. You will see tabs with tools for creating themes on the left side of the window and an area for previewing the result on the right.

This constructor allows you to create topics in semi-automatic mode. But you can also customize everything manually so that the result is completely according to your taste.

1. The easy way

The bottom line is this: you upload any picture you like to the constructor, and ThemeBeta uses it as the main background for the new theme and automatically adjusts all the design colors to match it.

To add your own image, under the Basic tab, click Upload an Image and select the desired image on your computer. Then, to have the editor customize the theme colors, click Generate Colors.

If you are satisfied with the result, click Pack and Install and confirm the download and then add the theme to Chrome. The browser immediately activates the new design.

If, after auto-configuration, you want to change colors or add separate backgrounds for different elements of the theme, you will need tools under other tabs. More about them in the next paragraph of the article.

2. Advanced way

This method consists of manually setting the backgrounds and text colors for the new theme.

To select pictures or colors as backgrounds for various design elements, use the tools under the Images tab. It is enough to hover over any tool, as in the window on the right, the designer will show which part of the theme it changes. For example, NTP Background is used to set the main background. And Tab Background allows you to choose the background of the site header.

Once you've got your backgrounds sorted, you can customize the text colors on the Colors tab. Everything works the same way here. There is a list of tools, hover over any of them - and in the window on the right you will see what it is responsible for.

When you're done with backgrounds and text colors, open the Pack tab and click Pack and Install to download and apply your chosen theme.

In addition, you can always choose and install one of the many ready-made themes from the ThemeBeta database or the official Google catalog. If in the future you want to return to the standard design, go to the Chrome settings and opposite the "Themes" item, click "Default Scale".

Maybe someone will like this article. Here I decided to lay out some beautiful and nice-looking themes for the Google Chrome browser.

At the moment it is one of the most popular browsers, but we already know this. It has many features: plugins, extensions, and of course google chrome themes. Thus, you can customize the look of your browser the way you want it. Below I will give several options for topics, perhaps you will like something, and something you will not, you choose.

Themes for Google Chrome

Blue and green cubes, nice painting design theme, quite minimalist and nice. If you like themes of such subjects, then hurry up to install.


From the name it is clear that the theme for Batman fans, as you can see, is also pleasant to look at.

  • Black carbon + silver metal


The theme of silver metal and black carbon look is very minimalistic with beautiful pattern, the pattern is near the search bar.

  • doink


The theme is large with a floral pattern on the background, lots of flowers at the top of the browser window. The design is eye-catching. In well-lit rooms, light colors of the theme will come in handy. If you like the theme, then install.

  • Polytheme


Very cool theme in a minimalistic way, a great variety of purple tint. I would definitely install this theme.


Theme in the form of black and white stripes. Whoever made it definitely has a great sense of design.

  • Citrus_Cranes


The theme is in an orange hue with lemon green and khaki origami color in the background. We see paper origami at the top of the browser window. Looks great.

  • Google Now theme




The theme is very colorful. She shows us different paint splashes with different shades and colors.

I think enough. Ten themes, I think you will like a couple of them, and you decide to install them in your browser. Even if you don't like any theme, you can choose any theme from the Chrome Web Store.