# Chrome Themes Overview

## 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.

<figure><img src="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2Fnx5BdTu55sWAp1yKfMNC%2Fimage.png?alt=media&#x26;token=191a5d33-61b1-4936-8833-846eba74b19d" alt="" width="563"><figcaption><p>Printscreen of Example Theme v1.1</p></figcaption></figure>

{% hint style="success" %}
The theme above has been published and can be found at:\
&#x20;<https://chromewebstore.google.com/detail/example-theme/llmjmjahfcjbgknpjolndkgilgefnhji>
{% endhint %}

## Basic Structure

***

Creating a theme is quite simple; we start with the basic folder structure, including a folder for images and a <mark style="color:green;">Manifest.json</mark> file.

{% hint style="warning" %}
The file **MUST** be named <mark style="color:green;">**Manifest.json**</mark>.
{% endhint %}

<figure><img src="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2F5uqR5oXLo7Nj2fPA08Et%2Fimage.png?alt=media&#x26;token=52cbc417-011f-426c-a044-7d89d0082954" alt=""><figcaption><p>Printscreen of a Folder Structure for building Theme</p></figcaption></figure>

Let's start with the basic information in the <mark style="color:green;">Manifest.json</mark>. You need to provide the version, name, author, and other important details for your extension.

<pre class="language-json" data-title="manifest.json" data-line-numbers><code class="lang-json"><strong>{
</strong>    "manifest_version": 3,
    "version": "1.0.0",
    "name": "Example Theme",
    "short_name": "Example",
    "author": "Mepadev"
}
</code></pre>

<figure><img src="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2FSN4XlepFbs4pr2AAulht%2Fimage.png?alt=media&#x26;token=bb83a468-da2b-489c-acee-589beadb6ef6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2Fo35Bdzau6Vw8QxLccIB5%2Fimage.png?alt=media&#x26;token=ae4167a8-8880-41e7-a08e-9c610b64e61b" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2F0cVjRpQxiTdnQgBNshDv%2Fimage.png?alt=media&#x26;token=0602d0a1-2820-4f5d-94a4-9c227e5dbe08" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2FLHRf0PKVSghzdjamZNL3%2Fimage.png?alt=media&#x26;token=c2532a73-efc4-48d7-a683-91cc41c8ed82" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2FAZ4Nss9Iw36LQxfdzWvv%2Fimage.png?alt=media&#x26;token=25337de4-aae8-419c-9ba7-c98f05aa3862" alt="" width="440"><figcaption></figcaption></figure>

<figure><img src="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2FdjMGXDz6dIdbvCpKnAQB%2Fimage.png?alt=media&#x26;token=8822f79b-dc76-4328-8f13-95a88c25000a" alt="" width="296"><figcaption></figcaption></figure>

<figure><img src="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2F2JWPjob0dsQW1sOr7MnX%2Fimage.png?alt=media&#x26;token=02fb7914-413c-4e5b-9a5f-149c4813bbed" alt="" width="527"><figcaption></figcaption></figure>

<figure><img src="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2FsHN9qWDr5o7ogea33Dh3%2Fimage.png?alt=media&#x26;token=fa967428-3216-48e4-b5cd-7b8bd8085b4a" alt="" width="265"><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://theme.mepa.dev/introduction/chrome-themes-overview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
