From ffdddb0fe52dde0be139c2b6991e7a7c297210ab Mon Sep 17 00:00:00 2001
From: Josh <josh.ja.butt@gmail.com>
Date: Sat, 29 Aug 2020 17:57:17 +1000
Subject: [matrix] Set theme to system preferred by default

---
 docs/_templates/layout.html | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

(limited to 'docs/_templates')

diff --git a/docs/_templates/layout.html b/docs/_templates/layout.html
index 4f9e564a..c05866ce 100644
--- a/docs/_templates/layout.html
+++ b/docs/_templates/layout.html
@@ -141,6 +141,7 @@
       </span>
       <h1>Settings</h1>
 
+      <h2>Font</h2>
       <div class='setting'>
         <h3>Use a serif font:
           <label class="toggle"
@@ -151,12 +152,25 @@
         </h3>
       </div>
 
+      <h2>Theme</h2>
       <div class='setting'>
-        <h3>Enable dark theme:
-          <label class="toggle" title="Enable the dark theme.">
-            <input type="checkbox" name="useDarkTheme" onclick="updateSetting(this);">
-            <span class="toggle-slider"></span>
+        <h3>
+          <label class="toggle" title="Set your theme">
+            <input type="radio" name="setTheme" onclick="updateSetting(this);" value="automatic" checked>
+          </label>
+          Automatic
+        </h3>
+        <h3>
+          <label class="toggle" title="Use a serif font? Your system font will be used, falling back to serif.">
+            <input type="radio" name="setTheme" onclick="updateSetting(this);" value="light">
+          </label>
+          Light
+        </h3>
+        <h3>
+          <label class="toggle" title="Use a serif font? Your system font will be used, falling back to serif.">
+            <input type="radio" name="setTheme" onclick="updateSetting(this);" value="dark">
           </label>
+          Dark
         </h3>
       </div>
 
-- 
cgit v1.2.3