1 /* jshint browser: true */
2 /* global define, module */
3 ( // Module boilerplate to support browser globals and browserify and AMD.
4 typeof define === "function" ? function (m) { define("kismet_theme", m); } :
5 typeof exports === "object" ? function (m) { module.exports = m(); } :
6 function(m){ this.kismet_theme = m(); }
12 var storage = Storages.localStorage;
14 if (!storage.isSet('kismet.ui.theme') || (storage.isSet('kismet.ui.theme') &&
15 storage.get('kismet.ui.theme') == 'dark')) {
17 $('head').append('<link rel="stylesheet" type="text/css" href="css/kismet-dark.css">');
18 $('head').append('<link rel="stylesheet" type="text/css" href="css/dark.css">');
19 $('head').append('<link rel="stylesheet" type="text/css" href="css/datatables-dark.css">');
21 exports.theme = 'dark';
23 exports.page_background = '#222';
25 exports.sparkline_main = '#FFF';
26 exports.sparkline_multi_a = '#F7FF00';
27 exports.sparkline_multi_b = '#00FF00';
29 Chart.defaults.backgroundColor = '#333';
30 Chart.defaults.borderColor = '#555';
31 Chart.defaults.color = '#FFF';
33 exports.graphBasicColor = 'rgba(255, 255, 255, 1)';
34 exports.graphBasicBackgroundColor = 'rgba(200, 200, 200, 0.33)',
36 document.documentElement.setAttribute('data-theme', 'dark');
38 $('head').append('<link rel="stylesheet" type="text/css" href="css/light.css">');
39 $('head').append('<link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css">');
40 $('head').append('<link rel="stylesheet" type="text/css" href="css/datatables.min.css">');
41 $('head').append('<link rel="stylesheet" type="text/css" href="css/kismet.css">');
43 exports.theme = 'light';
45 exports.page_background = '#FFF';
46 exports.sparkline_multi_a = '#C70039';
47 exports.sparkline_multi_b = '#002EFF';
49 exports.sparkline_main = '#000';
51 exports.graphBasicColor = 'rgba(160, 160, 160, 1)';
52 exports.graphBasicBackgroundColor = 'rgba(100, 100, 100, 0.33)';
54 // document.documentElement.setAttribute('data-theme', 'light');
61 $.fn.thememode = function(_data, inopt) {
64 ticon = $('i.icon', this);
65 if (ticon.length == 0) {
67 class: "icon fa clickable kg-icon-base"
70 if (exports.theme === 'dark') {
71 storage.set('kismet.ui.theme', 'light');
74 storage.set('kismet.ui.theme', 'dark');
79 if (exports.theme === 'dark') {
80 ticon.addClass('fa-moon-o');
82 ticon.addClass('fa-lightbulb-o');
86 element.append(ticon);