/ change-theme.js
change-theme.js
1 var themes={ 2 "Cerulean":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/cerulean/bootstrap.min.css", 3 "Cosmo":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/cosmo/bootstrap.min.css", 4 "Cyborg":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/cyborg/bootstrap.min.css", 5 "Darkly":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/darkly/bootstrap.min.css", 6 "Default":"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css", 7 "Flatly":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/flatly/bootstrap.min.css", 8 "None":"", 9 "Journal":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/journal/bootstrap.min.css", 10 "Lumen":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/lumen/bootstrap.min.css", 11 "Paper":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/paper/bootstrap.min.css", 12 "Readable":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/readable/bootstrap.min.css", 13 "Sandstone":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/sandstone/bootstrap.min.css", 14 "Simplex":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/simplex/bootstrap.min.css", 15 "Slate":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/slate/bootstrap.min.css", 16 "Spacelab":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/spacelab/bootstrap.min.css", 17 "Superhero":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/superhero/bootstrap.min.css", 18 "United":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/united/bootstrap.min.css", 19 "Yeti":"https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css", 20 }; 21 function changeThemeTo(theme) { 22 $("."+localStorage.style+"-theme").parent().removeClass("active").attr("title","");//remove from old class 23 localStorage.style=theme; 24 $("#theme").prop('disabled',true).prop('href',themes[theme]).prop('disabled',false);//change theme 25 $("."+theme+"-theme").parent().addClass("active").attr("title","Current");//add to new class 26 } 27 if (!localStorage.style) { 28 localStorage.style="Default"; 29 } 30 changeThemeTo(localStorage.style); 31 /*if(!localStorage.navcolor){//change the color of navbars 32 localStorage.navcolor="vefault"; 33 }else{ 34 35 }//*/ 36 $(function() { 37 for(var i in themes) { 38 $(".theme-select").append($('<li><a class="'+i+'-theme" onclick="changeThemeTo(\''+i+'\')">'+i+'</a></li>')); 39 } 40 changeThemeTo(localStorage.style);//Just in case... 41 });