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

The theme above has been published and can be found at: https://chromewebstore.google.com/detail/example-theme/llmjmjahfcjbgknpjolndkgilgefnhji

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.

The file MUST be named Manifest.json.

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"
}