color picker yay

2026-09-09 13:37:35 -07:00
parent 782912c8a6
commit 0e46e65034
6 changed files with 172 additions and 1 deletions
@@ -21,4 +21,25 @@
      </a>
    </li>
  </ul>
+
+  <fieldset id="theme">
+    <legend>color scheme</legend>
+
+    <input type="radio" id="theme-light" name="theme" value="light"/>
+    <label class="theme-light" for="theme-light">
+      <i class="fa-regular fa-sun" aria-hidden="true"></i>
+      light
+    </label>
+
+    <input type="radio" id="theme-auto" name="theme" value="auto"/>
+    <label class="theme-auto" for="theme-auto">
+      auto
+    </label>
+
+    <input type="radio" id="theme-dark" name="theme" value="dark"/>
+    <label class="theme-dark" for="theme-dark">
+      dark
+      <i class="fa-regular fa-moon" aria-hidden="true"></i>
+    </label>
+  </fieldset>
 </footer>
@@ -38,4 +38,6 @@

 <style>{% getBundle "css" %}</style>

+{# Scripts #}
+<script>{% include "js/theme.js" %}</script>
 <script type="module">{% getBundle "js" %}</script>