1. SmartAdmin
  2. Theme Settings
  3. Skin Options

Theme Settings: Skin Options A true automated system for generating unlimited skins. Change your skins in a flash...

Even more layout options!

Simply change 5 varibles to completely alter the theme colors. You can come up with unlimited possibilities. Find your varibles in src/scss/_modules/_varibles.scss - once done editing, run your gulp build command to generate the related assets and css. Learn more on how to run gulp on this video turorial.

Impotant information: Assets to generate new skins are only available with the purchase of HTML flavor. Since all the flavors of SmartAdmin has identical CSS assets, you can generate your unique skin and place them inside your specific flavor.

Skin "Hematite"
Change your variables to following: $color-primary: #868e96;, $color-success: #1dc9b7;, $color-info: #2196F3;, $color-warning: #ffc241;, and $color-danger: #b57d6a;

dark

Skin "Sapphire"
Change your variables to following: $color-primary: #2198F3;, $color-success: #69FB13;, $color-info: #BB1BF4;, $color-warning: #FF9A13;, and $color-danger: #FC1349;

dark

Skin "Aquamarine"
Change your variables to following: $color-primary: #6ab5b4;, $color-success: #85b86c;, $color-info: #8f6ab5;, $color-warning: #e0d07e;, and $color-danger: #b57d6a;

dark

Skin "Ruby"
Change your variables to following: $color-primary: #ff58a6;, $color-success: #1dc9b7;, $color-info: #2196F3;, $color-warning: #ffc241;, and $color-danger: #fd3995;

dark