Fixed Contact panel staying dark in light mode

docker-compose.yml

@@ -0,0 +1,13 @@
+services:
+  nodejs:
+    image: node:latest
+    container_name: node_app
+    working_dir: /app
+    volumes:
+      - ./:/app
+    ports:
+      - "80:5173"
+    command: >
+      sh -c "npm i -g npm@latest &&
+             npm i &&
+             npm run dev"

package.json

@@ -4,7 +4,7 @@
 	"version": "0.0.1",
 	"type": "module",
 	"scripts": {
-		"dev": "vite dev",
+		"dev": "vite dev --host",
 		"build": "vite build",
 		"preview": "vite preview",
 		"format": "prettier --write .",

src/lib/components/Contact.svelte

@@ -4,7 +4,7 @@
 </script>
 
 <div class="w-screen h-screen flex justify-center items-center">
-  <form action="?/contact" class="bg-surface-900 w-1/2 h-1/2 p-8 rounded-md">
+  <form action="?/contact" class="bg-surface-50 dark:bg-surface-900 w-1/2 h-1/2 p-8 rounded-md">
     <h1 class="h1 font-bold ps-4 pb-4">Contact Us</h1>
     <hr class="opacity-25" />
     <p class="pt-4">Fullname</p>
@@ -34,4 +34,4 @@
       <button type="submit" class="btn variant-filled-primary">Submit</button>
     </div>
   </form>
-</div>
+</div>