Neues Login Design und Dashboard

svelte-dialogs.config.ts

@@ -2,16 +2,13 @@ import { dialogs } from "svelte-dialogs";
 
 dialogs.config({
   global: {
-		inputClass: "px-2.5 py-1.5 rounded-lg border bg-white",
-		inputLabelClass: "text-gray-500 bg-white ml-2 w-fit",
-		bodyClass: "bg-white flex flex-col gap-4",
-		dialogClass: "bg-white rounded-md px-8 py-8",
-		cancelButtonClass: "button",
-		footerClass: "flex justify-end bg-white mt-4 gap-4",
-		resetButton: false,
-		submitButtonClass: "button",
-		titleClass: "text-2xl font-bold mb-4",
-		dividerClass: "border-b border-gray-200",
+		confirmButtonClass: "btn btn-primary",
+		declineButtonClass: "btn btn-bordered",
+		dialogClass: "modal-box",
+		headerClass: "bg-base-100 text-center",
+		titleClass: "text-base-content text-xl font-medium",
+		dividerClass: "hidden",
+		footerClass: "bg-base-100 justify-center gap-4 mt-4",
 		closeOnBg: true,
 		closeOnEsc: true
 	}