fix(ui): disallow loading/deleting workflow if already open

invokeai/frontend/web/src/theme/components/heading.ts

@@ -0,0 +1,12 @@
+import { defineStyle, defineStyleConfig } from '@chakra-ui/react';
+import { mode } from '@chakra-ui/theme-tools';
+
+const accent = defineStyle((props) => ({
+  color: mode('accent.500', 'accent.300')(props),
+}));
+
+export const headingTheme = defineStyleConfig({
+  variants: {
+    accent,
+  },
+});

invokeai/frontend/web/src/theme/theme.ts

@@ -21,6 +21,7 @@ import { textTheme } from './components/text';
 import { textareaTheme } from './components/textarea';
 import { tooltipTheme } from './components/tooltip';
 import { reactflowStyles } from './custom/reactflow';
+import { headingTheme } from 'theme/components/heading';
 
 export const theme: ThemeOverride = {
   config: {
@@ -146,6 +147,7 @@ export const theme: ThemeOverride = {
     Menu: menuTheme,
     Text: textTheme,
     Tooltip: tooltipTheme,
+    Heading: headingTheme,
   },
 };