working toggle via hyperscript

templates/_macros.html

@@ -40,15 +40,20 @@
       src="/flag-for-united-kingdom-svgrepo-com.svg"></a>
   {% endif %}
 
-  <button _="on click toggle .dark on the closest <body/>"> toggle </button>
 
   <div class='toggle-switch'>
     <label>
-      <input type='checkbox'>
+      <input type='checkbox' _="on click or load if me.checked
+        log('checked')
+        add .dark to the closest <body/>
+      else
+        remove .dark from the closest <body/>
+        ">
       <span class='slider'></span>
     </label>
   </div>
 
 
+  <!-- if i am <:checked/> -->
 </nav>
 {% endmacro render_header %}