From a4bc1bfe4f205d51fdd6e5e370edcd1131b78e78 Mon Sep 17 00:00:00 2001
From: lorentz <lorentz@wulfconsulting.com>
Date: Tue, 14 Apr 2026 12:46:51 +0000
Subject: [PATCH] Login: remove white card, blend form into gold background

---
 ondeck/src/app/auth/signin/page.tsx        | 4 ++--
 ondeck/src/components/auth/signin-form.tsx | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ondeck/src/app/auth/signin/page.tsx b/ondeck/src/app/auth/signin/page.tsx
index 8643c2b..25bc5f7 100644
--- a/ondeck/src/app/auth/signin/page.tsx
+++ b/ondeck/src/app/auth/signin/page.tsx
@@ -25,7 +25,7 @@ export default function SignInPage() {
 
       {/* Right panel — form */}
       <div className="flex-1 flex flex-col items-center justify-center px-6 py-12" style={{ backgroundColor: '#D6A620' }}>
-        <div className="w-full max-w-sm bg-white rounded-2xl shadow-xl px-8 py-10">
+        <div className="w-full max-w-sm">
           {/* Logo — road icon on desktop, color logo on mobile */}
           <div className="flex justify-center mb-8 lg:mb-10">
             {/* eslint-disable-next-line @next/next/no-img-element */}
@@ -35,7 +35,7 @@ export default function SignInPage() {
           </div>
 
           <div className="mb-8 text-center">
-            <h1 className="text-2xl font-bold text-gray-900">Welcome back</h1>
+            <h1 className="text-2xl font-bold text-gray-900 dark:text-gray-900">Welcome back</h1>
           </div>
 
           <SignInForm />
diff --git a/ondeck/src/components/auth/signin-form.tsx b/ondeck/src/components/auth/signin-form.tsx
index fb4328a..a45d768 100644
--- a/ondeck/src/components/auth/signin-form.tsx
+++ b/ondeck/src/components/auth/signin-form.tsx
@@ -58,10 +58,10 @@ export function SignInForm() {
       {/* Divider */}
       <div className="relative">
         <div className="absolute inset-0 flex items-center">
-          <span className="w-full border-t border-gray-200" />
+          <span className="w-full border-t border-black/20" />
         </div>
         <div className="relative flex justify-center text-xs">
-          <span className="bg-white px-3 text-gray-400">or</span>
+          <span className="px-3 text-black/50" style={{ backgroundColor: '#D6A620' }}>or</span>
         </div>
       </div>
 
@@ -70,7 +70,7 @@ export function SignInForm() {
         <button
           type="button"
           onClick={() => setShowLocal(true)}
-          className="w-full text-center text-xs text-gray-400 hover:text-gray-600 transition-colors py-1"
+          className="w-full text-center text-xs text-black/50 hover:text-black/80 transition-colors py-1"
         >
           Sign in with local account
         </button>