# Customize

## Theming Your App

Customizing the App will be a cakewalk for you. That is due to the fact, we provide you well prepared code shape. This makes it quite simple to be able to dig through the code and hence without problems customizable.

* The theme has categorized its screens into different sections.
* The theme has a separate file inclusive of color schemes for different sections.
* The theme strictly follows programming ethics, hence modifying logo at different locations for your app becomes very simple.
* The theme also allows you to customize name for your app.

### Change Components Color

* Customizing the color of app is an easy task. Just go to `src/assets/scss/custom/_variables.scss` .In the file there is field called brand primary ,changing the paramenter of this field will change the color of your components
* [SCSS](https://sass-lang.com/) is used for styling components it's a CSS style pre-processor that is more powerful than CSS.

### Change App Icon

* To change the app icon you just need to go to `src/assets/img/brand/logo.png` and put the icon you want in the folder .Your app icon will be changed.


---

# 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://listing-nb.gitbook.io/olo-full-app/admin-web-dashboard/customize.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.
