# Setting Template Mode

Jumbo React is available in Light, Semi-Dark and Dark version. By default Mode is set to Light version, but you can set the default version of your choice by following these simple steps.

To set the default Template Mode, go to following file:

`src/reducers/Settings.js`

#### Light and Semi-Dark Mode:

For Light or Semi-Dark, you can look for "themeColor" property and set its value. You can find the options for "themeColor" in the file with the path: `src/constants/ThemeColors.js`

![](/files/-M6mfzq1AVJrVij7KBeX)

These are the options for the "themeColor" property, to set the template mode as Semi-Dark, you need to set the value of themeColor from the options starting with word "DARK" and to set the template mode as Light, you need to set the value of themeColor from the options other than that of starting with word "DARK".

#### Dark Mode:

To set the template Mode to be Dark, you can look for "darkTheme" property and set its value to be true. It is a boolean type property so If you want to set the Dark version as the default version, you can set its value to true.


---

# 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://docs-jumbo-react.g-axon.work/settings/setting-template-mode.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.