{"id":37904,"date":"2013-04-10T01:24:25","date_gmt":"2013-04-09T23:24:25","guid":{"rendered":"http:\/\/onsoftware.en.softonic.com\/?p=37904"},"modified":"2025-07-02T01:31:32","modified_gmt":"2025-07-02T08:31:32","slug":"how-to-create-google-chrome-themes","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/en\/how-to-create-google-chrome-themes\/","title":{"rendered":"How to create Google Chrome themes"},"content":{"rendered":"<p><a href=\"http:\/\/onsoftware.en.softonic.com\/how-to-create-google-chrome-themes\" target=\"_self\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-38035\" title=\"My Chrome Theme Icon\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/03\/My-Chrome-Theme-Icon.jpg\" alt=\"My Chrome Theme Icon\" width=\"120\" height=\"125\" \/><\/a>While <a href=\"http:\/\/google-chrome.en.softonic.com\/\">Google Chrome\u2019s<\/a> appearance is simple, there is always room for improvement. Google first allowed <a href=\"http:\/\/onsoftware.en.softonic.com\/customize-google-chrome-with-themes\">Chrome Themes<\/a> through galleries, though they lacked customization. Thankfully, there is a first party Chrome app to solve such a problem.\u00a0 <a href=\"http:\/\/my-chrome-theme.en.softonic.com\/\">My Chrome Theme<\/a> will allow you to create a customized browser theme and share with friends. All you\u2019ll need is your favorite image and My Chrome Theme will guide you along.<\/p>\n<p>We\u2019ll show you how to use My Chrome Theme, create a personalized theme and share it with friends.<!--more--><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-38916\" title=\"chrome launch button\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/04\/chrome_11.jpg\" alt=\"chrome launch button\" width=\"600\" height=\"426\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/04\/chrome_11.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/04\/chrome_11-300x213.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><br \/>\nFirst you\u2019ll need to <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/my-chrome-theme\/oehpjpccmlcalbenfhnacjeocbjdonic\">install the Chrome extension<\/a>. After installing My Chrome Theme, you will be able to launch the app from the installation page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-37927\" title=\"My Chrome Theme on the app page\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_app_bar.jpg\" alt=\"My Chrome Theme on the app page\" width=\"600\" height=\"337\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_app_bar.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_app_bar-300x168.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>My Chrome Theme can also be accessed by opening a new tab and selecting apps.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-37928\" title=\"Select image\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_2.jpg\" alt=\"Select image\" width=\"600\" height=\"450\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_2.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_2-300x225.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>You will need to upload an image or capture one with your webcam.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-37930\" title=\"Chrome menu bar\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_4.jpg\" alt=\"Chrome menu bar\" width=\"600\" height=\"523\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_4.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_4-300x261.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>There will be a menu allowing you to change the image position or add effects.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-37931\" title=\"Adjust position \" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_3.jpg\" alt=\"Adjust position \" width=\"600\" height=\"479\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_3.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_3-300x239.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>Adjust Position allows you to set the image to fit the whole screen, fill part of the screen, tile, or have a custom placement.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-37932\" title=\"chrome effects\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_5.jpg\" alt=\"chrome effects\" width=\"600\" height=\"433\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_5.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_5-300x216.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>You can add in filters with Image Effects like a sepia tone, inverted colors, and posterization. You can only select one effect and apply multiple effects at once.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-37935\" title=\"chrome preview mode\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_6.jpg\" alt=\"chrome preview mode\" width=\"600\" height=\"538\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_6.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_6-300x269.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>Be sure to toggle Preview Mode to see how your background looks along with your Chrome apps.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-37936\" title=\"random color option\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_7.jpg\" alt=\"random color option\" width=\"600\" height=\"541\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_7.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_7-300x270.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>Now you can select colors for your frame, toolbar, and background.  You also hit the I\u2019m Feeling Lucky button to have My Chrome Theme randomly  generate an appearance.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-37937\" title=\"choosing colors\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_8.jpg\" alt=\"choosing colors\" width=\"600\" height=\"535\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_8.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_8-300x267.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>There is a large selection of colors. You can switch between color pages by hitting the arrow buttons.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-37938\" title=\"locked color\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_9.jpg\" alt=\"locked color\" width=\"600\" height=\"463\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_9.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_9-300x231.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>You can only select one color for each of the three areas.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-37942\" title=\"finalize colors\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_10.jpg\" alt=\"finalize colors\" width=\"600\" height=\"376\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_10.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_10-300x188.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Once you\u2019re satisfied with all three colors hit the button to move to step three.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-38029\" title=\"Naming your theme\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_11.jpg\" alt=\"Naming your theme\" width=\"600\" height=\"341\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_11.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_11-300x170.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>In step three you can name your theme and give it a description. This will help other users find your custom themes. Now just hit the Make My Theme button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-38030\" title=\"Install Theme\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_13.jpg\" alt=\"Install Theme\" width=\"600\" height=\"514\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_13.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_13-300x257.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>You will be prompted to either install your own theme on to your personal Chrome or share your creation with others.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-38031\" title=\"Share theme\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_14.jpg\" alt=\"Share theme\" width=\"600\" height=\"362\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_14.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_14-300x181.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>If you hit the Share Theme button a URL link will be displayed. Copy and paste this link to share your theme with friends.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-38032\" title=\"Finished Theme\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_15.jpg\" alt=\"Finished Theme\" width=\"600\" height=\"337\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_15.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2013\/03\/chrome_15-300x168.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Your customized frames will show up whenever you use Chrome. Your customized image will only appear on new tab pages.<\/p>\n<p>My Chrome Theme let\u2019s you quickly change the look of Chrome\u2019s frames and background. You can choose between images, filters, and colors to customize your browser. You can even select random designs. You may install your Chrome themes or even share them across the web. My Chrome Theme will allow you to easily make a personalized browser.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>While Google Chrome\u2019s appearance is simple, there is always room for improvement. Google first allowed Chrome Themes through galleries, though they lacked customization. Thankfully, there is a first party Chrome app to solve such a problem.\u00a0 My Chrome Theme will allow you to create a customized browser theme and share with friends. All you\u2019ll need &hellip; <a href=\"https:\/\/cms-articles.softonic.io\/en\/how-to-create-google-chrome-themes\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to create Google Chrome themes&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2038,"featured_media":38032,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":0},"categories":[2441],"tags":[2340],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-37904","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-app-subdomain-redirectiongoogle"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/37904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/users\/2038"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/comments?post=37904"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/37904\/revisions"}],"predecessor-version":[{"id":333135,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/37904\/revisions\/333135"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media\/38032"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media?parent=37904"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/categories?post=37904"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/tags?post=37904"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/usertag?post=37904"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/vertical?post=37904"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/content-category?post=37904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}