Tutorial: How to Easily Create Your Own Google Chrome Theme.

Discussion in 'The Off Topic Lounge' started by Amkay, 24 Feb 2013.

  1. Amkay

    Amkay The Wifier
    Moderator Dev Team Wiki Editor VIP

    Joined:
    3 Jan 2013
    Messages:
    190
    Likes Received:
    82
    Google’s Chrome Web Store offers a variety of themes for Chrome, which include background images for your new tab page and custom colors. Even better — you can create your own theme in just a few minutes.
    This official Google app allows you to quickly and easily create a custom Google Chrome theme, complete with a custom background image and color scheme. You can even share the themes you create.

    Getting Started

    We’ll be using the My Chrome Theme app from Google for this – click the link and install it from the Chrome Web Store. It will appear on your new tab page, where your other installed Chrome apps do.

    Choosing an Image

    The first thing you’ll need to do is choose a background image for your new tab page. You can either upload an image file or capture an image from your webcam.
    If you’re uploading an image, you can choose a personal photo or any other type of wallpaper image.

    Adding Colors

    On the next screen, you’ll be able to choose separate colors for the frame, toolbar, and background color. Of course, this is a Google app, so there’s an “I’m feeling lucky” button that will automatically select some appropriate-looking colors for you. The automatically selected colors will attempt to match the background image you selected earlier.

    Installing Your Theme

    Once you’re done, your theme will be generated and you’ll see an installation button that will add it to your browser. You’ll also get a link you can use to share it with others – just send them the link via email, instant message, Facebook, or anywhere else you can copy-paste a link. Of course, since this is Google, you can also share your custom theme on Google+ with a single click.
    Tutorial is not mine, i dont take credits for it.
    --- Double Post Merged, 27 Feb 2013 ---
    I just made a Xiaopan theme for chrome:
    [​IMG]

    Link: https://www.mychrometheme.com/t/12bpsyseghlpq6gvq8v93fo3g
     
    • Like Like x 1
  2. mike dukes

    mike dukes Member

    Joined:
    20 Oct 2020
    Messages:
    20
    Likes Received:
    1
    For security reasons, Google now only allows extensions and themes to be installed through the Chrome Webstore. To install your custom theme, you will need to enable a developer feature. Unfortunately, this change means the simple “Pack and Install” button on both the “Basic” tab and the “Pack” tab no longer work. If you try the “Pack and Install” method, you’ll get an error message.
    To get around this, go to the “Pack” tab and click “Pack and Download Zip file”
    Once the zip file is downloaded, extract the files and save them to your hard drive. Double-click on the file you’ve downloaded and select Extract at the top of your file viewer. You’ll have to select where to extract your files to. Remember where you save them so you can upload them again more easily.
    The next step is the Chrome extensions page. You can access it by clicking the three dots in the top right corner, under “More tools”, then “Extensions
    Once you’re in the extensions menu, in the top right corner of the page, there is a slider marked “Developer mode”. Enable it. Once the developer mode is enabled, three buttons should appear in the top left corner. The one you need is “Load unpacked”. Click “Load unpacked” and import the folder you extracted from the zip file earlier.
    Hope this helps.
     

Share This Page

Loading...