theme

2019-03-08 19:55:07 -08:00
parent 4b6ace88b1
commit 182d14fcaf
3 changed files with 52 additions and 13 deletions
--- a/template.html
+++ b/template.html
@@ -10,10 +10,24 @@
    <link rel="icon" type="image/png" href="/favicon@2x.png" size="128x128">
    <link rel="icon" type="image/png" href="/favicon@3x.png" size="192x192">
  </head>
-  <body>
+  <body class="dark">
    <h1>{title}</h1>
-    <div class="main">
-      <div class="text">{extra}{body}</div>
+    <div class="theme">
+      <select onchange="setTheme(event)">
+        <option value="darker">Light-on-Black</option>
+        <option value="dark" selected>Light-on-Dark</option>
+        <option value="light">Dark-on-White</option>
+      </select>
    </div>
+    <div class="main">
+      <div class="text">
+        {body}
+      </div>
+    </div>
+  <script type="text/javascript">
+    function setTheme(e) {{
+      document.body.className = e.currentTarget.value;
+    }}
+  </script>
  </body>
 </html>