diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeWrapper.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeWrapper.tsx index 885a2c6e87..e3dacdbf97 100644 --- a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeWrapper.tsx +++ b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeWrapper.tsx @@ -77,7 +77,11 @@ const NodeWrapper = (props: NodeWrapperProps) => { w: width ?? NODE_WIDTH, transitionProperty: 'common', transitionDuration: '0.1s', - shadow: selected ? selectedShadow : undefined, + shadow: selected + ? isInProgress + ? undefined + : selectedShadow + : undefined, cursor: 'grab', opacity, }} diff --git a/invokeai/frontend/web/src/theme/theme.ts b/invokeai/frontend/web/src/theme/theme.ts index 05ef152502..039f4c928c 100644 --- a/invokeai/frontend/web/src/theme/theme.ts +++ b/invokeai/frontend/web/src/theme/theme.ts @@ -113,8 +113,8 @@ export const theme: ThemeOverride = { }, nodeInProgress: { light: - '0 0 4px 2px var(--invokeai-colors-accent-500), 0 0 15px 4px var(--invokeai-colors-accent-600)', - dark: '0 0 4px 2px var(--invokeai-colors-accent-400), 0 0 15px 4px var(--invokeai-colors-accent-400)', + '0 0 0 2px var(--invokeai-colors-accent-500), 0 0 10px 2px var(--invokeai-colors-accent-600)', + dark: '0 0 0 2px var(--invokeai-colors-yellow-400), 0 0 20px 2px var(--invokeai-colors-orange-700)', }, }, colors: InvokeAIColors,