From d6652cb2a43116016af32697b52d5bba276e6d2c Mon Sep 17 00:00:00 2001
From: molvqingtai <molvqingtai@gmail.com>
Date: Thu, 10 Oct 2024 05:30:55 +0800
Subject: [PATCH] fix: the text in the button is not visible in dark mode

---
 src/app/content/components/MessageInput.tsx | 2 +-
 src/components/ui/Button.tsx                | 3 ++-
 src/components/ui/Textarea.tsx              | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/content/components/MessageInput.tsx b/src/app/content/components/MessageInput.tsx
index 3546a79..706845a 100644
--- a/src/app/content/components/MessageInput.tsx
+++ b/src/app/content/components/MessageInput.tsx
@@ -52,7 +52,7 @@ const MessageInput = forwardRef<HTMLTextAreaElement, MessageInputProps>(
               onKeyDown={handleKeyDown}
               autoFocus={autoFocus}
               maxLength={maxLength}
-              className="box-border resize-none whitespace-pre-wrap break-words border-none bg-gray-50 pb-5 text-primary [field-sizing:content] focus:ring-0 focus:ring-offset-0"
+              className="box-border resize-none whitespace-pre-wrap break-words border-none bg-gray-50 pb-5 [field-sizing:content] focus:ring-0 focus:ring-offset-0"
               rows={2}
               value={value}
               onCompositionStart={onCompositionStart}
diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
index 9e6473f..590b9c0 100644
--- a/src/components/ui/Button.tsx
+++ b/src/components/ui/Button.tsx
@@ -11,7 +11,8 @@ const buttonVariants = cva(
       variant: {
         default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
         destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
-        outline: 'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
+        outline:
+          'border border-input text-primary bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
         secondary: 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
         ghost: 'hover:bg-accent hover:text-accent-foreground',
         link: 'text-primary underline-offset-4 hover:underline'
diff --git a/src/components/ui/Textarea.tsx b/src/components/ui/Textarea.tsx
index 151c7d2..edf1a21 100644
--- a/src/components/ui/Textarea.tsx
+++ b/src/components/ui/Textarea.tsx
@@ -8,7 +8,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(({ classNa
   return (
     <textarea
       className={cn(
-        'flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
+        'flex min-h-[60px] w-full rounded-md border border-input text-primary bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
         className
       )}
       ref={ref}