# Theme

<figure><img src="/files/X0HYU9qWy2o4pSkfRzpG" alt="" width="375"><figcaption><p>Theme Settings</p></figcaption></figure>

## Project Theming

In the project theming tab you can set and create the color theme of your project. Replace a single color or create a complete panel of colors from the color picker.

Change to Light/Dark mode to ensure your theme fulfill your needs in both case.

## Widgets Styling

In the widget styling tab you can modify the style of default components such as Button, Icon, Card ...

The newly stylized widget act as default widget when you drag and drop into your project.&#x20;

{% hint style="info" %}
All the existing widgets in your app will update to match the new style you create here.
{% endhint %}

## Typography

In the typography tab you can manage the fonts and styles in your project.

You can upload fonts for different file types **.ttf, .otf, .woff**.

You can define global style to text style, such as font, size and color.


---

# 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.goril.app/main-pages/settings/theme.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.
