> For the complete documentation index, see [llms.txt](https://hypeople-studio.gitbook.io/yoda/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hypeople-studio.gitbook.io/yoda/html-version/customization.md).

# Customization

## Change Styles

Let's start with how to change Yoda color styles.

You can find our variables can be found `src/scss/variables/variables.scss`

User variables can be found in `src/scss/custom/variables/variables.scss`.

## Customize Bootstrap Components

Yoda Admin Template created based on [Bootstrap Components](https://getbootstrap.com/docs/5.1/components/). 

Bootstrap variables can be found in `src/scss/variables/bootstrap-variables.scss`

## Icon Customization

We used two different Icon set on Yoda Admin Template

1. [Remix Icon](https://yoda.hypeople.studio/yoda-admin-template/html/ltr/vertical/general-remix-icons.html) 
2. [Iconly](https://yoda.hypeople.studio/yoda-admin-template/html/ltr/vertical/general-iconly-icons.html)