Add theme switching function
parent
deb4b3c37c
commit
bd6621e468
23
index.html
23
index.html
|
@ -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">
|
||||
|
|
Loading…
Reference in New Issue