Skin Selector

Skin Name	Color Palette	Skin Activation
Default Skin		Try this skinLogin Page
Aero		Try this skinLogin Page
Navy		Try this skinLogin Page
Facebook		Try this skinLogin Page
Turquise		Try this skinLogin Page
Lime		Try this skinLogin Page
Green		Try this skinLogin Page
Purple		Try this skinLogin Page
White		Try this skinLogin Page
Concrete		Try this skinLogin Page
Watermelon		Try this skinLogin Page
Lemonade		Try this skinLogin Page

---

Generating your own skin

Using LessCSS compiler,you can create your own skin inside xenon.lessfile using this mixin:

.xenon-sidebar-skin-variant(@bg-color;@text-color;@text-active-color;@border-color;@primary;@secondary;@scroll-color:#fff);

Skin Name	Color Palette	Skin Activation
Default Skin		Try this skinUser Info Navbar
Aero		Try this skinUser Info Navbar
Navy		Try this skinUser Info Navbar
Facebook		Try this skinUser Info Navbar
Turquise		Try this skinUser Info Navbar
Lime		Try this skinUser Info Navbar
Green		Try this skinUser Info Navbar
Purple		Try this skinUser Info Navbar
White		Try this skinUser Info Navbar
Concrete		Try this skinUser Info Navbar
Watermelon		Try this skinUser Info Navbar
Lemonade		Try this skinUser Info Navbar

---

Generating your own skin

Using LessCSS compiler,you can create your own skin for horizontal menu inside xenon.lessfile using this mixin:

.xenon-horizontal-menu-skin-variant(@bg-color;@text-color;@text-active-color;@border-color);

and for user info navbar

.xenon-user-info-navbar-skin-variant(@bg-color;@text-color;@text-active-color;@border-color);