Page cover image

Chrome Themes Overview

A theme is a special kind of extension that changes the way the browser looks. Themes are packaged like regular extensions, but they don't contain JavaScript or HTML code.

Getting Started


Customizing the Google theme is the desire of many, as you use this browser for hours. You can customize it to separate workspaces, to feel more comfortable, or simply based on personal preference. Below, I will show how to assemble a theme, and how this is quite simple! It's a configuration task.

Printscreen of Example Theme v1.1

Basic Structure


Creating a theme is quite simple; we start with the basic folder structure, including a folder for images and a Manifest.json file.

Printscreen of a Folder Structure for building Theme

Let's start with the basic information in the Manifest.json. You need to provide the version, name, author, and other important details for your extension.

manifest.json
{
    "manifest_version": 3,
    "version": "1.0.0",
    "name": "Example Theme",
    "short_name": "Example",
    "author": "Mepamaze"
}

Last updated

Was this helpful?