feat(ui): use exact brand colors in loader

2026-01-15 06:18:03 -05:00 · 2025-07-04 07:18:02 +10:00
parent 987e401709
commit dde5bf61be
1 changed files with 3 additions and 8 deletions
--- a/invokeai/frontend/web/src/common/components/Loading/Loading.tsx
+++ b/invokeai/frontend/web/src/common/components/Loading/Loading.tsx
@@ -8,21 +8,16 @@ const Loading = () => {
  return (
    <Flex
      position="absolute"
-      width="100dvw"
-      height="100dvh"
      alignItems="center"
      justifyContent="center"
-      bg="#151519"
-      top={0}
-      right={0}
-      bottom={0}
-      left={0}
+      bg="hsl(220 12% 10% / 1)" // base.900
+      inset={0}
      zIndex={99999}
    >
      <Image src={InvokeLogoWhite} w="8rem" h="8rem" />
      <Spinner
        label="Loading"
-        color="grey"
+        color="hsl(220 12% 68% / 1)" // base.300
        position="absolute"
        size="sm"
        width="24px !important"