glennwso/buildsomething
1
0
Fork 1
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

hyperscript toggle for body

Browse source
This commit is contained in:
gws 2024-11-08 13:10:54 +01:00
parent e28058040c
commit 587877a3fb
3 changed files with 146 additions and 143 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
templates/_macros.html
View file

@ -40,6 +40,11 @@
src="/flag-for-united-kingdom-svgrepo-com.svg"></a> src="/flag-for-united-kingdom-svgrepo-com.svg"></a>
{% endif %} {% endif %}
<button _="on click toggle .dark on the closest <body/>"> toggle </button>
</nav> </nav>

2
templates/_variables.html
View file

@ -1,5 +1,5 @@
<style> <style>
:not(.dark) { :root {
/* Primary theme color */ /* Primary theme color */
--primary-color: #FED43F; --primary-color: #FED43F;
/* Primary theme text color */ /* Primary theme text color */

4
templates/index.html
View file

@ -29,9 +29,7 @@
<title>Software, Product Developement and IT consulting</title> <title>Software, Product Developement and IT consulting</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
{% endblock head %} <script src="https://unpkg.com/hyperscript.org@0.9.13"></script>{% endblock head %}
<body hx-boost="false" class="dark">
{% block header %} {% block header %}
<header class="pos-absolute" style="background-color: transparent"> <header class="pos-absolute" style="background-color: transparent">