Default to light mode

src/lib/components/CardButton.svelte

@@ -11,7 +11,7 @@
   const {...props}: Props = $props()
 </script>
 
-<div class="btn btn-neutral flex h-[unset] w-full flex-nowrap py-4 text-left {props.class}">
+<div class="btn flex h-[unset] w-full flex-nowrap py-4 text-left {props.class}">
   <div class="flex flex-grow flex-row items-start gap-1 sm:pl-2">
     <div class="flex h-14 w-12 flex-shrink-0 items-center">
       {@render props.icon?.()}

src/lib/components/Dialog.svelte

@@ -19,7 +19,7 @@
 <div class="center fixed inset-0 z-modal">
   <button
     aria-label="Close dialog"
-    class="absolute inset-0 cursor-pointer bg-black opacity-75"
+    class="absolute inset-0 cursor-pointer bg-[#ccc] opacity-75 dark:bg-black"
     transition:fade={{duration: 300}}
     onclick={onClose}>
   </button>