How to Make a Google Chrome Theme

PDF download Download Article
PDF download Download Article

This wikiHow teaches you how to create a visual theme for your Google Chrome browser on a computer. You'll use an online tool called "Chrome Theme Creator" to do so. Keep in mind that creating a theme is different than merely installing a new theme .

Part 1
Part 1 of 4:

Adding a Background Image

PDF download Download Article
  1. Its app icon is a red, yellow, green, and blue sphere. Make sure that you're doing this on a computer, as you cannot create and install a theme on a mobile platform such as a smartphone or tablet.
  2. Go to https://www.themebeta.com/chrome-theme-creator-online.html in your browser.
    Advertisement
  3. This green button is near the top of the left side of the page. Doing so will prompt your computer's File Explorer (Windows) or Finder (Mac) to open.
  4. Click the image that you want to use as your theme's background. This is the image that will appear on the "New Tab" page, so make sure that you choose a photo that you like.
  5. It's in the bottom-right corner of the window. Doing so will upload the photo to the Chrome Theme Creator page.
  6. In the "Background Image" section below the preview window, you'll see four drop-down boxes with the phrases "center", "bottom", "no repeat", and "normal size"; if you like, you can adjust these options as follows:
    • Centering - Click the center drop-down box, then click left or right in the resulting menu.
    • Top or Bottom - Click the bottom drop-down box, then click top in the resulting menu.
    • Repeat - Click the no repeat drop-down box, then click repeat XY , repeat X , or repeat Y .
    • Size - Click the normal size drop-down box, then click fill screen or fit to screen .
  7. If you're happy with the image's orientation in the preview window, you can proceed to the next part.
    8. Advertisement
Part 2
Part 2 of 4:

Adding Theme Images

PDF download Download Article
  1. It's in the upper-left side of the page. This will bring up a list of different parts of the browser window.
  2. Click Choose Image across from the "Frame" heading, then select an image and click OK . This will apply your selected image to the frame that runs around the Chrome window.
  3. Click Choose Image across from the "Toolbar" heading, then select an image and click OK . You should see the image appear in the toolbar section of the preview window that's on the right side of the page.
  4. Click Choose Image across from the "Tab Background" heading, select an image, and click OK . This will apply the image to the background of any tab that isn't currently open.
    • For example, if you're on the Chrome Theme Creator tab and you have Facebook open in another tab, the Facebook tab would use the selected image as its background.
  5. Look at the preview window on the right side of the page to ensure that your theme matches your expectations. If so, you're ready to move on to selecting colors for your theme.
    6. Advertisement
Part 3
Part 3 of 4:

Selecting Theme Colors

PDF download Download Article
  1. It's in the upper-left side of the page, just right of the Images tab.
  2. The status bar is the little white box that appears in the lower-left side of the Chrome window when loading a page. Click the colored box to the right of the "Status Bar" heading, then click a color in the pop-up box to select it. You can click elsewhere on the page to close the box.
    • If you want to darken or brighten the color, click and drag the slider on the right side of the pop-up box up or down.
  3. Click the box across from the "Tab Text" heading, then select a new color. You can change the available colors here by dragging up the slider that's on the right side of the pop-up box.
  4. This is the color of any tab that is loaded but not currently open. Click the box across from the "Background Tab Text" heading, then select a color.
  5. Click the box across from the "Bookmark Text" heading and then select a color.
  6. This will alter buttons like the "Forward" and "Back" arrows. Click the box across from the "Buttons" heading, then select a color in the resulting pop-up box.
  7. Look at the preview window to see how your colors have been implemented. If you're happy with the theme, you're ready to install it.
    8. Advertisement
Part 4
Part 4 of 4:

Installing Your Theme

PDF download Download Article
  1. You'll find this in the upper-left corner of the page, just right of the Colors tab.
  2. It's on the left side of the page. This will prompt a copy of your theme to download onto your computer in a compressed folder.
    • If you don't want to save your theme, skip this step.
  3. It's a green button at the top of the page.
    • You may have to click "Continue" in the bottom-left corner of the Chrome browser if prompted.
  4. This prompt will appear at the top of the Chrome window. Doing so installs your theme.
  5. Click the "New Tab" button to the right of the current tab, or press Ctrl + T ( ⌘ Command + T on a Mac). This will allow you to see your new theme in all of its splendor.
  6. The "New Tab" page will allow you to see all aspects of your theme, including your selected images and colors.
    • If you don't like your theme, you can revert it to the Chrome default theme by clicking ⋮ in the top-right corner of Chrome, clicking Settings , and clicking RESET TO DEFAULT to the right of the "Themes" heading, which is near the top of the page.
    7. Advertisement

Community Q&A

Search
Add New Question
  • Question
    Will the theme be available to others?
    Community Answer
    If you share it, yes. If you only pressed the "download" button instead of the "share button," then no one else will be able to see it.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 1 Helpful 12
  • Question
    How do I add more than one image?
    Jexpor Diamond
    Community Answer
    As of now, you can only upload a single picture as a background (one for the toolbar and one for the tab background). I recommend using a photo collage editor to place multiple photos into one image file that can be used.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 4 Helpful 14
  • Question
    I need to know how to download pictures so I can make an Aerosmith Permanent vacation theme. How do I download pictures?
    Community Answer
    If you want to use images from the Internet, you'll need to download them first. Search up what you want on Google Images (or similar) and find an image you want to use. Right-hand click it and select 'Save Image As...', then save it somewhere onto your computer. When you upload an image (Part 2 Step 2), browse to where you saved the image and open it.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 0 Helpful 7
See more answers
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Video

      Tips

      • Selecting a large, high-resolution image for your background image and small, high-resolution images for the other theme images (e.g., the frame) will yield the best results.
        Thanks
        Helpful 0 Not Helpful 1
      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Name
      Please provide your name and last initial
      Submit
      Thanks for submitting a tip for review!
      Advertisement

      Warnings

      • Some aspects of your Chrome theme may not be compatible with future versions of Chrome.
        Thanks
        Helpful 2 Not Helpful 0
      Advertisement

      You Might Also Like

      2 Easy Ways to Change the Theme on Google Chrome
      How to
      Use Google Chrome
      How to
      Install Google Chrome Using Terminal on Linux
      3 Easy Ways to Install the Google Chrome Web Browser
      Turn Off and Disable Private Browsing on Any Web Browser
      Automatically Reload a Page in Chrome: Easy Extension & Script
      3 Simple Ways to Save a Web Page as a PDF in Google Chrome
      Why Your Pinned Tabs Disappear & How to Fix It
      Easy Ways to View & Manage Bookmarks in Google Chrome
      How to
      Turn Any Website Into an App Shortcut With Chrome
      How to
      Add Google Drive to File Explorer in Windows
      How to
      Transfer Bookmarks from One Computer to Another
      How to
      Remove Suggestions on Google Chrome: 2 Easy Ways
      2 Fast Ways to Remove Bing from Chrome: PC, Mac, & Mobile
      Advertisement

      About This Article

      Article Summary X

      1. Open Chrome.
      2. Go to https://www.themebeta.com/chrome-theme-creator-online.html .
      3. Name the theme.
      4. Click Upload an Image to add a background image.
      5. Click Images to add other images.
      6. Click the Colors tab to add color to each element.
      7. Click the PACK tab.
      8. Click Pack and Download Zip File .
      9. Click Pack and Install .
      10. Click ADD TO CHROME .

      Did this summary help you?
      In other languages
      Thanks to all authors for creating a page that has been read 232,151 times.

      Is this article up to date?

      Advertisement