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

fix(ui): restore prev colors for workflow editor

Browse Source 
Brand colors are now prefixed with "invoke".
This commit is contained in:
psychedelicious
2024-01-06 00:08:36 +11:00
committed by Kent Keirsey
parent d8d266d3be
commit 1a710a4c12
18 changed files with 41 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
invokeai/frontend/web/src/common/components/InvAccordion/InvAccordionButton.tsx
View File

@ -21,7 +21,7 @@ export const InvAccordionButton = (props: InvAccordionButtonProps) => {
{children}
<Spacer />
{badges?.map((b, i) => (
<InvBadge key={`${b}.${i}`} colorScheme="blue">
<InvBadge key={`${b}.${i}`} colorScheme="invokeBlue">
{b}
</InvBadge>
))}

2
invokeai/frontend/web/src/common/components/InvButton/InvButton.stories.tsx
View File

@ -28,7 +28,7 @@ const meta: Meta<typeof InvButton> = {
export default meta;
type Story = StoryObj<typeof InvButton>;
const colorSchemes = ['base', 'invokeYellow', 'red', 'green', 'blue'] as const;
const colorSchemes = ['base', 'invokeYellow', 'invokeRed', 'invokeGreen', 'invokeBlue'] as const;
const variants = ['solid', 'outline', 'ghost', 'link'] as const;
const sizes = ['xs', 'sm', 'md', 'lg'] as const;

4
invokeai/frontend/web/src/common/components/InvButton/InvButton.tsx
View File

@ -12,7 +12,7 @@ export const InvButton = memo(
<InvTooltip label={tooltip}>
<Button
ref={ref}
colorScheme={isChecked ? 'blue' : 'base'}
colorScheme={isChecked ? 'invokeBlue' : 'base'}
{...rest}
>
{children}
@ -22,7 +22,7 @@ export const InvButton = memo(
}
return (
<Button ref={ref} colorScheme={isChecked ? 'blue' : 'base'} {...rest}>
<Button ref={ref} colorScheme={isChecked ? 'invokeBlue' : 'base'} {...rest}>
{children}
</Button>
);

6
invokeai/frontend/web/src/common/components/InvHeading/theme.ts
View File

@ -1,11 +1,11 @@
import { defineStyle, defineStyleConfig } from '@chakra-ui/react';
const blue = defineStyle(() => ({
color: 'blue.300',
const invokeBlue = defineStyle(() => ({
color: 'invokeBlue.300',
}));
export const headingTheme = defineStyleConfig({
variants: {
blue,
invokeBlue,
},
});

4
invokeai/frontend/web/src/common/components/InvIconButton/InvIconButton.tsx
View File

@ -11,7 +11,7 @@ export const InvIconButton = memo(
<InvTooltip label={tooltip}>
<IconButton
ref={ref}
colorScheme={isChecked ? 'blue' : 'base'}
colorScheme={isChecked ? 'invokeBlue' : 'base'}
{...rest}
/>
</InvTooltip>
@ -21,7 +21,7 @@ export const InvIconButton = memo(
return (
<IconButton
ref={ref}
colorScheme={isChecked ? 'blue' : 'base'}
colorScheme={isChecked ? 'invokeBlue' : 'base'}
{...rest}
/>
);