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 Bootstrap Components
  • Icon Customization
  1. ✶ HTML Version

Customization

How to customize js and styles?

PreviousFolder Structure & LayoutNext✶ Figma Version

Last updated 3 years ago

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

Icon Customization

We used two different Icon set on Yoda Admin Template

Bootstrap Components
Remix Icon
Iconly