Skin Selector

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

---

Generating your own skin

Using LessCSS compiler, you can create your own skin inside xenon.less file 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 skin User Info Navbar
Aero		Try this skin User Info Navbar
Navy		Try this skin User Info Navbar
Facebook		Try this skin User Info Navbar
Turquise		Try this skin User Info Navbar
Lime		Try this skin User Info Navbar
Green		Try this skin User Info Navbar
Purple		Try this skin User Info Navbar
White		Try this skin User Info Navbar
Concrete		Try this skin User Info Navbar
Watermelon		Try this skin User Info Navbar
Lemonade		Try this skin User Info Navbar

---

Generating your own skin

Using LessCSS compiler, you can create your own skin for horizontal menu inside xenon.less file 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);