From f32bd5dd104c0b48b2c7c6ac2911f9eb4c6016a1 Mon Sep 17 00:00:00 2001
From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com>
Date: Thu, 20 Jul 2023 23:48:28 +1200
Subject: [PATCH] fix: Minor color tweaks to the name plate on boards

---
 .../gallery/components/Boards/BoardsList/GalleryBoard.tsx     | 2 +-
 invokeai/frontend/web/src/theme/theme.ts                      | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
index b41b54fff8..bcf269ccc2 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
@@ -241,7 +241,7 @@ const GalleryBoard = memo(
                     borderBottomRadius: 'base',
                     bg: 'accent.400',
                     color: isSelected ? 'base.50' : 'base.100',
-                    _dark: { color: 'base.800', bg: 'accent.200' },
+                    _dark: { color: 'base.200', bg: 'accent.500' },
                     lineHeight: 'short',
                     fontSize: 'xs',
                   }}
diff --git a/invokeai/frontend/web/src/theme/theme.ts b/invokeai/frontend/web/src/theme/theme.ts
index 7fc515c2fe..6f7a719e85 100644
--- a/invokeai/frontend/web/src/theme/theme.ts
+++ b/invokeai/frontend/web/src/theme/theme.ts
@@ -4,6 +4,7 @@ import { InvokeAIColors } from './colors/colors';
 import { accordionTheme } from './components/accordion';
 import { buttonTheme } from './components/button';
 import { checkboxTheme } from './components/checkbox';
+import { editableTheme } from './components/editable';
 import { formLabelTheme } from './components/formLabel';
 import { inputTheme } from './components/input';
 import { menuTheme } from './components/menu';
@@ -20,7 +21,6 @@ import { tabsTheme } from './components/tabs';
 import { textTheme } from './components/text';
 import { textareaTheme } from './components/textarea';
 import { tooltipTheme } from './components/tooltip';
-import { editableTheme } from './components/editable';
 
 export const theme: ThemeOverride = {
   config: {
@@ -73,7 +73,7 @@ export const theme: ThemeOverride = {
     selected: {
       light:
         '0px 0px 0px 1px var(--invokeai-colors-base-150), 0px 0px 0px 4px var(--invokeai-colors-accent-400)',
-      dark: '0px 0px 0px 1px var(--invokeai-colors-base-900), 0px 0px 0px 4px var(--invokeai-colors-accent-400)',
+      dark: '0px 0px 0px 1px var(--invokeai-colors-base-900), 0px 0px 0px 4px var(--invokeai-colors-accent-500)',
     },
     hoverSelected: {
       light: