From 953c3634d7d176b54f71ed2bde53b844ef623bb5 Mon Sep 17 00:00:00 2001
From: Sid Vishnoi <8426945+sidvishnoi@users.noreply.github.com>
Date: Wed, 23 Oct 2024 11:15:08 +0200
Subject: [PATCH] fix(popup): make disabled inputs make look more disabled

---
 src/pages/progress-connect/index.css | 2 +-
 src/popup/components/ui/Code.tsx     | 2 +-
 src/popup/components/ui/Input.tsx    | 4 ++--
 src/popup/index.css                  | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/progress-connect/index.css b/src/pages/progress-connect/index.css
index 4c8f633b..472fa37a 100644
--- a/src/pages/progress-connect/index.css
+++ b/src/pages/progress-connect/index.css
@@ -10,7 +10,7 @@
     --text-medium: 51 65 85;
     --text-strong: 15 23 42;
     --text-error: 239 68 68;
-    --text-disabled: 148 163 184;
+    --text-disabled: 168 174 184;
 
     /* Background colors */
     --bg-primary: 59 130 246;
diff --git a/src/popup/components/ui/Code.tsx b/src/popup/components/ui/Code.tsx
index 0e112751..5082f0cf 100644
--- a/src/popup/components/ui/Code.tsx
+++ b/src/popup/components/ui/Code.tsx
@@ -11,7 +11,7 @@ export const Code = ({ value, className, ...props }: CodeProps) => {
   return (
     <div
       className={cn(
-        'flex items-center justify-between break-all rounded-xl bg-disabled px-4 py-4 text-sm text-medium',
+        'flex items-center justify-between break-all rounded-xl bg-disabled px-4 py-4 text-sm text-disabled',
         className,
       )}
       {...props}
diff --git a/src/popup/components/ui/Input.tsx b/src/popup/components/ui/Input.tsx
index ebbe9786..26928118 100644
--- a/src/popup/components/ui/Input.tsx
+++ b/src/popup/components/ui/Input.tsx
@@ -16,10 +16,10 @@ const inputVariants = cva(
         default: 'border-base',
       },
       disabled: {
-        true: 'border-transparent bg-disabled',
+        true: 'border-transparent bg-disabled text-disabled',
       },
       readOnly: {
-        true: 'border-transparent bg-disabled',
+        true: 'border-transparent bg-disabled text-disabled',
       },
     },
     defaultVariants: {
diff --git a/src/popup/index.css b/src/popup/index.css
index 10acdfca..63b44d6a 100644
--- a/src/popup/index.css
+++ b/src/popup/index.css
@@ -12,7 +12,7 @@
     --text-medium: 51 65 85;
     --text-strong: 15 23 42;
     --text-error: 239 68 68;
-    --text-disabled: 148 163 184;
+    --text-disabled: 168 174 184;
 
     /* Background colors */
     --bg-primary: 59 130 246;