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']