> 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/vue-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/assets/scss/variables/variables.scss`

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

## Customize BootstrapVue Components

Customize BootstrapVue Components

Yoda Admin Template created based on [BootstrapVue Components](https://bootstrap-vue.org/docs/components). 

BootstrapVue 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](http://yoda.hypeople.studio/yoda-admin-template/vue/components/general/remix-icons) 
2. [Iconly](http://yoda.hypeople.studio/yoda-admin-template/vue/components/general/iconly-icons)