diff --git a/cgi-bin/template.html b/cgi-bin/template.html
index 7f19078..b137b93 100644
--- a/cgi-bin/template.html
+++ b/cgi-bin/template.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="theme-color" contents="#2e3440">
+    <meta name="theme-color" content="#2e3440">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <title>{title} - TextProxy</title>
     <link href="/site.css" rel="stylesheet">
@@ -26,7 +26,25 @@
     </div>
   <script type="text/javascript">
     function setTheme(e) {{
-      document.body.className = e.currentTarget.value;
+      const theme = e.currentTarget.value;
+
+      document.body.className = theme;
+
+      let color;
+      switch (theme) {{
+        case "dark":
+          color = "#2e3440";
+          break;
+        case "light":
+          color = "#ffffff";
+          break;
+        case "darker":
+        default:
+          color = "#000000";
+          break;
+      }}
+
+      document.getElementsByName("theme-color")[0].content = color;
     }}
   </script>
   </body>
diff --git a/index.html b/index.html
index 668417f..dad671b 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="theme-color" contents="#2e3440">
+    <meta name="theme-color" content="#2e3440">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <title>Text Proxy</title>
     <link href="site.css" rel="stylesheet">
diff --git a/template.html b/template.html
new file mode 120000
index 0000000..1c44dac
--- /dev/null
+++ b/template.html
@@ -0,0 +1 @@
+cgi-bin/template.html
\ No newline at end of file
