]> iEval git - gruntmaster-page.git/blob - js/90-themes.js
347cad2db80ffa61f88583759136cf7c4de28851
[gruntmaster-page.git] / js / 90-themes.js
1 function set_style(name, trans){
2 if(trans){
3 document.body.classList.add('transition-color');
4 setTimeout(() => document.body.classList.remove('transition-color'), 1000);
5 }
6 $('link[title]').each(e => e.disabled = true);
7 $('link[title="' + name + '"]')[0].disabled = false;
8 localStorage.setItem("theme", name);
9 $(function() {
10 if(name == 'slate' || name == 'cyborg')
11 $('.logo').each(e => e.classList.remove('logo-light'));
12 else
13 $('.logo').each(e => e.classList.add('logo-light'));
14 });
15 }
16
17 $(function() {
18 var theme_ul = '<ul class="list-inline" id="themes">' +
19 '<li><a role="button" data-theme="cyborg">Black</a>' +
20 '<li><a role="button" data-theme="slate">Grey</a>' +
21 '<li><a role="button" data-theme="readable">White</a></ul>';
22 var sidebar = $('#sidebar')[0];
23 sidebar.insertBefore(m(theme_ul), sidebar.firstChild);
24 $('#themes a').on('click', e => set_style(e.target.dataset.theme, true));
25 });
26
27 let theme = localStorage.getItem("theme");
28 if(theme) {
29 if(theme == "cerulean" || theme == "cosmo")
30 theme = "readable";
31 set_style(theme, false);
32 }
This page took 0.076461 seconds and 4 git commands to generate.