| 1 | function set_style(name){ |
| 2 | $('link[rel~="stylesheet"]').each(function (e){ |
| 3 | e.disabled = true; |
| 4 | }); |
| 5 | $('link[title="' + name + '"]')[0].disabled = false; |
| 6 | localStorage.setItem("theme", name); |
| 7 | } |
| 8 | |
| 9 | var theme_ul; |
| 10 | |
| 11 | function add_themelink(theme, text) { |
| 12 | theme_ul.innerHTML += '<li><a role="button" data-theme="' + theme + '">' + text + '</a>' |
| 13 | } |
| 14 | |
| 15 | $(function() { |
| 16 | theme_ul = document.createElement('ul'); |
| 17 | theme_ul.className = 'list-inline'; |
| 18 | theme_ul.id = 'themes'; |
| 19 | add_themelink('cyborg', 'Black'); |
| 20 | add_themelink('slate', 'Grey'); |
| 21 | add_themelink('readable', 'White'); |
| 22 | var sidebar = $('#sidebar')[0]; |
| 23 | sidebar.insertBefore(theme_ul, sidebar.firstChild); |
| 24 | $('#themes a').on('click', function(e){ |
| 25 | set_style(this.dataset.theme); |
| 26 | }); |
| 27 | }); |
| 28 | |
| 29 | var theme = localStorage.getItem("theme"); |
| 30 | if(theme) { |
| 31 | if(theme == "cerulean" || theme == "cosmo") |
| 32 | theme = "readable"; |
| 33 | set_style(theme); |
| 34 | } |