From 7ba2108eb0f836a6498acec678c60993feb32995 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 3 Jan 2024 10:15:41 +1100
Subject: [PATCH] fix(ui): increase contrast between disabled and enabled
 inputs

---
 invokeai/frontend/web/src/theme/util/getInputFilledStyles.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/theme/util/getInputFilledStyles.ts b/invokeai/frontend/web/src/theme/util/getInputFilledStyles.ts
index ef4c0868b4..b6fa4badfc 100644
--- a/invokeai/frontend/web/src/theme/util/getInputFilledStyles.ts
+++ b/invokeai/frontend/web/src/theme/util/getInputFilledStyles.ts
@@ -12,7 +12,7 @@ export const getInputFilledStyles = (
   const bgHover = variant === 'darkFilled' ? 'base.750' : 'base.650';
   const error = 'error.600';
   const errorHover = 'error.500';
-  const fg = 'base.200';
+  const fg = 'base.100';
 
   const baseColors = {
     color: fg,
@@ -34,6 +34,7 @@ export const getInputFilledStyles = (
     _invalid,
   };
   const _disabled = {
+    opacity: 0.35,
     _hover: baseColors,
   };
   return {