Xenon - Skin Generator

×

### John Smith

Web Developer

Edit Profile Upgrade

#### Notifications

- Messages
- Events
- Updates
- Server Uptime

#### Help Desk

- Support Center
- Submit a Ticket
- Domains Protocol
- Terms of Service

# Skin Selector

Select sidebar skins from predefined color palettes

### Sidebar, Settings Pane and Login/Lockstreen

– + ×

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);

### Horizontal and User Info Navbar

– + ×

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);

Reset Skin Settings

## Chat 0

Favorites Catherine J. Watkins Nicholas R. Walker Susan J. Best Fernando G. Olson Brandon S. Young
Work Rodrigo E. Lozano Robert J. Garcia Daniel A. Pena
Other Dennis E. Johnson Stuart A. Shire Janet I. Matas Mindy A. Smith Herman S. Foltz Gregory E. Robie Nellie T. Foreman William R. Miller Vivian J. Hall Melinda A. Anderson Gary M. Mooneyham Robert C. Medina Dylan C. Bernal Marc P. Sanborn Kenneth M. Rochester Rachael D. Carpenter
× Arlind Nushi Online

- Arlind Nushi 09:00

  Are you here?

- Brandon S. Young 09:25

  This message is pre-queued.

- Brandon S. Young 09:26

  Whohoo!

- Arlind Nushi 09:27

  Do you like it?