From 0e1363aadc67c3fcbcdb0ae7fd688118f7b729c7 Mon Sep 17 00:00:00 2001
From: Brian Hackett <bhackett1024@gmail.com>
Date: Tue, 15 Apr 2025 08:21:12 -0700
Subject: [PATCH] Fix dark mode issues (#103)

---
 app/components/auth/ClientAuth.tsx    | 2 +-
 app/components/chat/ApproveChange.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/auth/ClientAuth.tsx b/app/components/auth/ClientAuth.tsx
index fe4971c7..be8264a6 100644
--- a/app/components/auth/ClientAuth.tsx
+++ b/app/components/auth/ClientAuth.tsx
@@ -156,7 +156,7 @@ export function ClientAuth() {
               </div>
               <button
                 onClick={handleSignOut}
-                className="block w-full text-left px-4 py-2 text-bolt-elements-textPrimary hover:bg-bolt-elements-background-depth-2"
+                className="block w-full text-left px-4 py-2 bg-green-500 text-white rounded hover:bg-green-600 font-bold"
               >
                 Sign Out
               </button>
diff --git a/app/components/chat/ApproveChange.tsx b/app/components/chat/ApproveChange.tsx
index 3910405f..1bdc4bf2 100644
--- a/app/components/chat/ApproveChange.tsx
+++ b/app/components/chat/ApproveChange.tsx
@@ -33,13 +33,13 @@ const ApproveChange: React.FC<ApproveChangeProps> = ({ rejectFormOpen, setReject
       <>
         <div
           className={classNames(
-            'relative shadow-xs border border-bolt-elements-borderColor backdrop-blur rounded-lg bg-red-50 mb-2',
+            'relative shadow-xs border border-bolt-elements-borderColor backdrop-blur rounded-lg bg-red-50 dark:bg-red-800 mb-2',
           )}
         >
           <textarea
             ref={textareaRef}
             className={classNames(
-              'w-full pl-4 pt-4 pr-25 outline-none resize-none text-bolt-elements-textPrimary placeholder-bolt-elements-textTertiary bg-transparent text-sm',
+              'w-full pl-4 pt-4 pr-25 outline-none resize-none text-bolt-elements-textPrimary placeholder-bolt-elements-textTertiary dark:placeholder-white/70 bg-transparent text-sm',
               'transition-all duration-200',
               'hover:border-bolt-elements-focus',
             )}