If you are not a big fan of the color scheme of the ‘new tab’ page on Google Chrome, you can create a simple Chrome theme to customize it’s appearance as per your liking.

To create a Chrome theme

  • Create a new folder and create a file called manifest.json inside this folder.
  • Place the following code in the manifest.json file.
{
  "version": "0.1",
  "name": "Your Theme",
  "theme": {
    "colors" : {
      "ntp_link": [255,255,255],
      "ntp_text": [255,255,255],
      "ntp_section_link": [255,255,255],
      "ntp_section_text": [0,0,0],
      "ntp_background": [0,0,0]
    }
  }
}

You may change the RGB colors as per your liking.

  • Once done, zip the contents of this folder.
  • Open your Chrome browser and go to chrome://extensions
  • Make sure that the ‘Developer Mode’ is enabled and then, click on the ‘Load unpacked extension’ button
  • Upload the zip file you have just created and now you should be able to see the changes on the new tab page.


If you would like to pack the extension, just select the ‘Pack Extension’ icon and following the instructions.

Note: Colors mentioned in the above manifest file are in RGB format. If you are comforable with HEX or other formats, you may use these online tools to convert the colors to RGB.

To add background images in the theme

  • Create a folder called ‘images’ in your theme folder.
  • Change the manifest.json file as follows
{
  "version": "0.2",
  "name": "Your theme",
  "theme": {
    "images" : {
      "theme_ntp_background" : "images/background.png"
    },
    "colors" : {
      "ntp_link": [255,255,255],
      "ntp_text": [255,255,255],
      "ntp_section_link": [255,255,255],
      "ntp_section_text": [0,0,0],
      "ntp_background": [0,0,0]
    },
    "properties" : {
      "ntp_background_repeat": "repeat"
    }
  }
}

Download theme from Chrome Webstore