diff --git a/src/app/admin/dashboard/page.tsx b/src/app/admin/dashboard/page.tsx
index 5d22978..da183e4 100644
--- a/src/app/admin/dashboard/page.tsx
+++ b/src/app/admin/dashboard/page.tsx
@@ -42,6 +42,7 @@ export default function AdminDashboardPage() {
               { id: "3", value: "98%", description: "Payment Reconciliation Rate" },
             ]}
             metricsAnimation="slide-up"
+            useInvertedBackground={false}
           />
         </div>
 
diff --git a/src/app/driver/page.tsx b/src/app/driver/page.tsx
index 6311554..ddcbb70 100644
--- a/src/app/driver/page.tsx
+++ b/src/app/driver/page.tsx
@@ -39,6 +39,7 @@ export default function DriverDashboardPage() {
             description="Manage your daily trips, track your GPS, and oversee passenger lists."
             animationType="slide-up"
             textboxLayout="split"
+            useInvertedBackground={false}
             features={[
               { id: "1", label: "Status", title: "Active", items: ["GPS: Online", "Status: Available", "Next Trip: 2:00 PM"], buttons: [{ text: "Update Status" }] },
               { id: "2", label: "Trips", title: "Upcoming", items: ["KT-PKR (14:00)", "PKR-BTL (18:00)"], buttons: [{ text: "View Details" }] },
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 11d6298..a409973 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -6,10 +6,20 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 
 export default function LoginPage() {
   const [isLogin, setIsLogin] = useState(true);
-  const router = useRouter();
-
+  
   return (
-    <ThemeProvider>
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="solid"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="solid"
+        headingFontWeight="medium"
+    >
       <div className="min-h-screen flex items-center justify-center p-6">
         <div className="w-full max-w-md p-8 border rounded-2xl bg-card shadow-lg">
           <h1 className="text-3xl font-bold mb-6 text-center">{isLogin ? "Admin Login" : "Admin Signup"}</h1>
diff --git a/src/app/signup/page.tsx b/src/app/signup/page.tsx
index 48ab3fd..41ffd2f 100644
--- a/src/app/signup/page.tsx
+++ b/src/app/signup/page.tsx
@@ -36,6 +36,7 @@ export default function SignupPage() {
           tag="Sign Up"
           buttonText="Create Account"
           onSubmit={handleSignup}
+          useInvertedBackground={false}
         />
       </div>
     </ThemeProvider>