To enable a pre-made skin, open the application.less file located in /less directory. Uncomment the skin that you would like to use.
| 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 |
You can modify the chart colors by opening the /js/Theme.js file and modifying the chartColors variable.
var chartColors = ["#FF9900", "#222222", "#555555", "#888888"];
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'] |