Turn dark mode on by default

Author: jonnydgreen

.github/workflows/deploy.yml

@@ -32,5 +32,3 @@ jobs:
           project: "jonnygreen-parley-99"
           entrypoint: "www/main.ts"
           root: "."
-          
-          

deno.json

@@ -1,6 +1,6 @@
 {
   "tasks": {
-    "ok": "./.githooks/pre-commit",
+    "ok": "./.githooks/pre-commit && deno task docs:ok",
     "check:licence": "deno run --allow-write=. --allow-read=. scripts/check_licence.ts",
     "docs:ok": "deno fmt --check . && deno lint . && deno check **/*.ts && deno check **/*.tsx",
     "docs:start": "deno task --cwd=www start",

www/components/NavigationBar.tsx

@@ -14,7 +14,6 @@ export default function NavigationBar(
       href: "/showcase",
     },
   ];
-  const isDocs = props.active == "/docs";
   return (
     <nav class={"flex " + (props.class ?? "")} f-client-nav={false}>
       <ul class="flex items-center gap-x-2 sm:gap-4 mx-4 my-2 sm:my-6 flex-wrap lg:mx-8 2xl:mr-0">
@@ -38,11 +37,9 @@ export default function NavigationBar(
             <Icons.GitHub />
           </a>
         </li>
-        {isDocs && (
-          <li class="flex items-center">
-            <ThemeToggle />
-          </li>
-        )}
+        <li class="flex items-center">
+          <ThemeToggle />
+        </li>
       </ul>
     </nav>
   );

www/islands/ThemeToggle.tsx

@@ -3,7 +3,7 @@ import { useSignal } from "@preact/signals";
 
 export default function ThemeToggle() {
   const theme = useSignal(
-    !IS_BROWSER ? "light" : document.documentElement.dataset.theme ?? "light",
+    !IS_BROWSER ? "dark" : document.documentElement.dataset.theme ?? "dark",
   );
 
   const toggleTheme = () => {