Add theme switching function

main
Isaiah Odhner 2017-01-29 18:54:53 +00:00
parent deb4b3c37c
commit bd6621e468
1 changed files with 22 additions and 1 deletions

View File

@ -5,7 +5,28 @@
<title>Paint</title>
<link href="styles/layout.css" rel="stylesheet" type="text/css">
<link href="styles/print.css" rel="stylesheet" type="text/css" media="print">
<link href="styles/themes/classic.css" rel="stylesheet" type="text/css">
<script>
(function(){
var default_theme = "classic.css";
var theme_storage_key = "jspaint theme";
var href_for = function(theme){
return "styles/themes/" + theme;
};
try{
var theme = localStorage[theme_storage_key];
}catch(e){}
theme = theme || default_theme;
document.write('<link rel="stylesheet" type="text/css" href="' + href_for(theme) + '" id="theme-link" />');
var theme_link = document.getElementById("theme-link");
self.set_theme = function(theme){
localStorage[theme_storage_key] = theme;
theme_link.href = href_for(theme);
}
})();
</script>
<link rel="icon" href="images/icons/16.png" sizes="16x16" type="image/png">
<link rel="icon" href="images/icons/32.png" sizes="32x32" type="image/png">
<link rel="icon" href="images/icons/48.png" sizes="48x48" type="image/png">