Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
invokeai/frontend/web/src/features/gallery/components/Boards/AutoAddIcon.tsx
View File

@ -6,7 +6,7 @@ const AutoAddIcon = () => {
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
<Flex position="absolute" insetInlineEnd={0} top={0} p={1}> <Flex position="absolute" insetInlineEnd={0} top={0} p={1}>
<Badge variant="solid" bg="invokeBlue.500"> <Badge variant="solid" bg="invokeBlue.400">
{t('common.auto')} {t('common.auto')}
</Badge> </Badge>
</Flex> </Flex>

5
invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
View File

@ -173,8 +173,8 @@ const GalleryBoard = ({ board, isSelected, setBoardToDelete }: GalleryBoardProps
w="full" w="full"
maxW="full" maxW="full"
borderBottomRadius="base" borderBottomRadius="base"
bg={isSelected ? 'invokeBlue.500' : 'base.600'} bg={isSelected ? 'invokeBlue.400' : 'base.600'}
color={isSelected ? 'base.50' : 'base.100'} color={isSelected ? 'base.800' : 'base.100'}
lineHeight="short" lineHeight="short"
fontSize="xs" fontSize="xs"
> >
@ -193,6 +193,7 @@ const GalleryBoard = ({ board, isSelected, setBoardToDelete }: GalleryBoardProps
overflow="hidden" overflow="hidden"
textOverflow="ellipsis" textOverflow="ellipsis"
noOfLines={1} noOfLines={1}
color="inherit"
/> />
<EditableInput sx={editableInputStyles} /> <EditableInput sx={editableInputStyles} />
</Editable> </Editable>

4
invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
View File

@ -109,8 +109,8 @@ const NoBoardBoard = memo(({ isSelected }: Props) => {
w="full" w="full"
maxW="full" maxW="full"
borderBottomRadius="base" borderBottomRadius="base"
bg={isSelected ? 'invokeBlue.500' : 'base.600'} bg={isSelected ? 'invokeBlue.400' : 'base.600'}
color={isSelected ? 'base.50' : 'base.100'} color={isSelected ? 'base.800' : 'base.100'}
lineHeight="short" lineHeight="short"
fontSize="xs" fontSize="xs"
fontWeight={isSelected ? 'bold' : 'normal'} fontWeight={isSelected ? 'bold' : 'normal'}