Vuejs-Admin
  • Introduction
  • Installation
    • Laravel Installation
    • Vue Installaion
  • App structure
    • Layout
    • Vuex store
    • Left menu
    • Routes
    • Axios
  • Start new page
  • SASS
  • Changing skins
  • Changing Layouts
  • FAQ's
  • Updates
    • 3.4
    • 3.3
    • 3.2
    • 3.1
    • 3.0
    • 2.0
    • 1.6
    • 1.5
    • 1.4
    • 1.3
    • 1.2
    • 1.1
  • Starter kit
    • Adding new page
Powered by GitBook
On this page
  • Changing Skins:
  • Creating a New Skin:

Was this helpful?

Changing skins

Changing Skins:

The colors used in Vuejs-Admin are applied by using SASS variables. So, it is very easy to change the skins for the template.

We have provided some skins for you to start.

To set a new skin for the template open src/components/layouts/css/_customvariables.scss

Its contents will look like:

@import "skins/default"

The skin files are located in src/components/layouts/css/skins

Choose the skin you want to apply and replace default with that skin.

Creating a New Skin:

As the skin files are just scss files to create a new skin you just need to copy a skin and change the color variables or just edit an existing one and apply it.

PreviousSASSNextChanging Layouts

Last updated 5 years ago

Was this helpful?