From 2fd483dfc83346d34c1beacfe0ca1887c1802f0c Mon Sep 17 00:00:00 2001
From: Mary Hipp <maryhipp@Marys-MacBook-Air.local>
Date: Tue, 5 Mar 2024 15:12:40 -0500
Subject: [PATCH] use base.800 on invokeBlue.400 for all gallery selected
 states

---
 .../src/features/gallery/components/Boards/AutoAddIcon.tsx   | 2 +-
 .../gallery/components/Boards/BoardsList/GalleryBoard.tsx    | 5 +++--
 .../gallery/components/Boards/BoardsList/NoBoardBoard.tsx    | 4 ++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/AutoAddIcon.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/AutoAddIcon.tsx
index 6541b66151..9dd6a59c49 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/AutoAddIcon.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/AutoAddIcon.tsx
@@ -6,7 +6,7 @@ const AutoAddIcon = () => {
   const { t } = useTranslation();
   return (
     <Flex position="absolute" insetInlineEnd={0} top={0} p={1}>
-      <Badge variant="solid" bg="invokeBlue.500">
+      <Badge variant="solid" bg="invokeBlue.400">
         {t('common.auto')}
       </Badge>
     </Flex>
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
index 8e3c7e4ab2..0509305192 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
@@ -173,8 +173,8 @@ const GalleryBoard = ({ board, isSelected, setBoardToDelete }: GalleryBoardProps
                   w="full"
                   maxW="full"
                   borderBottomRadius="base"
-                  bg={isSelected ? 'invokeBlue.500' : 'base.600'}
-                  color={isSelected ? 'base.50' : 'base.100'}
+                  bg={isSelected ? 'invokeBlue.400' : 'base.600'}
+                  color={isSelected ? 'base.800' : 'base.100'}
                   lineHeight="short"
                   fontSize="xs"
                 >
@@ -193,6 +193,7 @@ const GalleryBoard = ({ board, isSelected, setBoardToDelete }: GalleryBoardProps
                       overflow="hidden"
                       textOverflow="ellipsis"
                       noOfLines={1}
+                      color="inherit"
                     />
                     <EditableInput sx={editableInputStyles} />
                   </Editable>
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
index 2b022dc90a..14bdecba65 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
@@ -109,8 +109,8 @@ const NoBoardBoard = memo(({ isSelected }: Props) => {
                   w="full"
                   maxW="full"
                   borderBottomRadius="base"
-                  bg={isSelected ? 'invokeBlue.500' : 'base.600'}
-                  color={isSelected ? 'base.50' : 'base.100'}
+                  bg={isSelected ? 'invokeBlue.400' : 'base.600'}
+                  color={isSelected ? 'base.800' : 'base.100'}
                   lineHeight="short"
                   fontSize="xs"
                   fontWeight={isSelected ? 'bold' : 'normal'}