use base.800 on invokeBlue.400 for all gallery selected states

This commit is contained in:
Mary Hipp 2024-03-05 15:12:40 -05:00 committed by Kent Keirsey
parent b9a9507422
commit 2fd483dfc8
3 changed files with 6 additions and 5 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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'}