YODA Documentation
  • ✶ React Version
    • Introduction
    • Installation
    • Folder Structure & Layout
    • Customization
    • Routing & Navigation
  • ✶ Vue Version
    • Introduction
    • Installation
    • Folder Structure & Layout
    • Customization
    • Routing & Navigation
  • ✶ HTML Version
    • Introduction
    • Installation
    • Folder Structure & Layout
    • Customization
  • ✶ Figma Version
    • Introduction
    • Resources & Credits
    • Discover Yoda Styles
    • Edit Styles
    • Layout & Grid
    • Change Components
  • Change Log
Powered by GitBook
On this page
  • Change Styles
  • Customize BootstrapVue Components
  • Icon Customization
  1. ✶ Vue Version

Customization

How to customize styles?

PreviousFolder Structure & LayoutNextRouting & Navigation

Last updated 2 years ago

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 variables can be found in src/scss/variables/bootstrap-variables.scss

Icon Customization

We used two different Icon set on Yoda Admin Template

BootstrapVue Components
Remix Icon
Iconly