dark mode and localhost bug fixes

Author: dwightjack

src/components/TheCycleEdit.vue

@@ -59,7 +59,7 @@ watch(
   <dialog
     ref="dialog"
     :aria-labelledby="id + `-title`"
-    class="m-auto translate-y-2 bg-transparent opacity-0 transition-all transition-discrete duration-500 backdrop:opacity-0 backdrop:transition-all backdrop:transition-discrete backdrop:duration-500 open:translate-0 open:opacity-100 open:backdrop:opacity-100 starting:open:translate-y-2 starting:open:opacity-0 starting:open:backdrop:opacity-0"
+    class="m-auto translate-y-2 bg-transparent opacity-0 transition-all transition-discrete duration-500 backdrop:opacity-0 backdrop:transition-all backdrop:transition-discrete backdrop:duration-500 open:translate-0 open:opacity-100 open:backdrop:opacity-100 dark:backdrop:bg-stone-800/70 starting:open:translate-y-2 starting:open:opacity-0 starting:open:backdrop:opacity-0"
     closedby="any"
     @close="close"
   >

src/use/notification.ts

@@ -30,9 +30,11 @@ export function useNotification() {
     notification.value = undefined;
   }
 
-  navigator.serviceWorker.getRegistration().then((registration) => {
-    worker.value = registration;
-  });
+  if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.getRegistration().then((registration) => {
+      worker.value = registration;
+    });
+  }
 
   return {
     notify,