> For the complete documentation index, see [llms.txt](https://docs.openbuild.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.openbuild.io/working-with-the-framework/customization.md).

# Customization

Basic configuration of the template (outside the styles) is done by managing two options sets 🎨 UI Colors and 🔒 System.

### 🎨 UI Colors

All 9 options are connected to elements used all over the app and also components from the openBuild extension.

<figure><img src="https://3323346004-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW4eajJmOk3q8BX2WzhCG%2Fuploads%2FstPMNL5OZJshvhCTonhy%2FScreenshot%202022-10-10%20at%2016.28.01.png?alt=media&amp;token=38bbc03b-18ed-4d28-ad53-57e5f0bcc169" alt=""><figcaption><p>UI Colors option set</p></figcaption></figure>

### 🔒 System

In this option set you will basic app settings and as well branding options connected to images used throughout the app. (Such as header logos, logo's in email, etc.)&#x20;

<figure><img src="https://3323346004-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW4eajJmOk3q8BX2WzhCG%2Fuploads%2Foh38TtIh9nmrr8vAW9Cc%2FScreenshot%202022-10-10%20at%2016.31.25.png?alt=media&amp;token=7c6ba87e-ce78-4f86-a73a-edcc46fcf45f" alt=""><figcaption></figcaption></figure>