From aa2f68f608f28380de2430a67a2137f9ded3236a Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 27 Sep 2023 17:17:59 +1000
Subject: [PATCH] fix(ui): use theme colors for canvas error fallback

---
 .../features/canvas/components/IAICanvasImageErrorFallback.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/features/canvas/components/IAICanvasImageErrorFallback.tsx b/invokeai/frontend/web/src/features/canvas/components/IAICanvasImageErrorFallback.tsx
index b61cf547cc..38322daafa 100644
--- a/invokeai/frontend/web/src/features/canvas/components/IAICanvasImageErrorFallback.tsx
+++ b/invokeai/frontend/web/src/features/canvas/components/IAICanvasImageErrorFallback.tsx
@@ -11,7 +11,7 @@ const IAICanvasImageErrorFallback = ({
   canvasImage,
 }: IAICanvasImageErrorFallbackProps) => {
   const [errorColorLight, errorColorDark, fontColorLight, fontColorDark] =
-    useToken('colors', ['gray.400', 'gray.500', 'base.700', 'base.900']);
+    useToken('colors', ['base.400', 'base.500', 'base.700', 'base.900']);
   const errorColor = useColorModeValue(errorColorLight, errorColorDark);
   const fontColor = useColorModeValue(fontColorLight, fontColorDark);
   const { t } = useTranslation();