hyperscript toggle for body

2024-11-08 13:10:54 +01:00 · 2024-11-08 13:10:54 +01:00 · 587877a3fb
parent e28058040c
commit 587877a3fb
3 changed files with 146 additions and 143 deletions
--- a/templates/_macros.html
+++ b/templates/_macros.html
@ -40,6 +40,11 @@
      src="/flag-for-united-kingdom-svgrepo-com.svg"></a>
  {% endif %}

+  <button _="on click toggle .dark on the closest <body/>"> toggle </button>
+
+
+
+
 </nav>


--- a/templates/_variables.html
+++ b/templates/_variables.html
@ -1,5 +1,5 @@
 <style>
-  :not(.dark) {
+  :root {
    /* Primary theme color */
    --primary-color: #FED43F;
    /* Primary theme text color */
--- a/templates/index.html
+++ b/templates/index.html
@ -29,9 +29,7 @@
 <title>Software, Product Developement and IT consulting</title>
 <meta charset="UTF-8">

-{% endblock head %}
-
-<body hx-boost="false" class="dark">
+<script src="https://unpkg.com/hyperscript.org@0.9.13"></script>{% endblock head %}
 {% block header %}

 <header class="pos-absolute" style="background-color: transparent">