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