# Skins

### Pre-made Skins

To enable a pre-made skin, open the application.less file located in /less directory. Uncomment the skin that you would like to use.

#### Skins

Name | File
--- | ---
Black & Orange | /css/application-black-orange.css
Ocean Breeze | /css/application-ocean-breeze.css
Island Escape | /css/application-island-escape.css
Mean Green | /css/application-mean-green.css
Fire Starter | /css/application-fire-starter.css
Combo 416 | /css/application-combo-416.css
Headache | /css/application-headache.css

### Chart Colors

You can modify the chart colors by opening the `/js/Theme.js` file and modifying the chartColors variable.

    var chartColors = ["#FF9900", "#222222", "#555555", "#888888"];

#### Color Arrays

To enable a color, navigate to Theme.js in the /js directory and comment the chartColors varialble you would like to use. Make sure to comment all other out.

Name | Array
--- | ---
Black & Orange | ["#FF9900", "#333", "#777", "#BBB", "#555", "#999", "#CCC"]
Ocean Breeze | ['#2B4E72', '#94BA65', '#2790B0', '#777','#555','#999','#bbb','#ccc','#eee']
Island Escape | ['#3A89C9', '#F2785E', '#9CC4E4', '#777','#555','#999','#bbb','#ccc','#eee']
Mean Green | ['#5F9B43', '#DB7D1F', '#BA4139', '#777','#555','#999','#bbb','#ccc','#eee']
Fire Starter | ['#750000', '#F90', '#777', '#555','#002646','#999','#bbb','#ccc','#eee']
Combo 416 | ['#0A224E', '#BF381A', '#E07628', '#E9AF32','#A0D8F1','#999','#bbb','#ccc','#eee']
Headache | ['#655643', '#80BCA3', '#BF4D28', '#E6AC27','#555','#999','#bbb','#ccc','#eee']