From bd6621e468669b05b58f663571a98a1f5c72b412 Mon Sep 17 00:00:00 2001
From: Isaiah Odhner <isaiahodhner@gmail.com>
Date: Sun, 29 Jan 2017 18:54:53 +0000
Subject: [PATCH] Add theme switching function

---
 index.html | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 174ac85..e8c050f 100644
--- a/index.html
+++ b/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">