Fix Codegen logo color in dark mode

the-guild-org · Nov 8, 2024 · 3c4c0b3 · 3c4c0b3
1 parent c75dfc1
commit 3c4c0b3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/components/src/components/hive-footer.stories.tsx b/packages/components/src/components/hive-footer.stories.tsx
@@ -42,11 +42,12 @@ export const CodegenFooter: StoryObj<HiveFooterProps> = {
     logo: {
       href: '/',
       children: (
-        <div className="flex items-center gap-3 text-green-1000">
+        <div className="flex items-center gap-3">
           <CodegenIcon className="size-8" />
           <span className="text-2xl/[1.2] font-medium tracking-[-0.16px]">Codegen</span>
         </div>
       ),
     },
+    description: 'End-to-end type safety'
   },
 };
diff --git a/packages/components/src/components/hive-footer.tsx b/packages/components/src/components/hive-footer.tsx
@@ -28,10 +28,10 @@ export function HiveFooter({ className, logo, resources = [], sameSite, descript
             href="/"
             sameSite={sameSite}
             {...logo}
-            className="hive-focus -m-1.5 flex rounded p-1.5"
+            className="hive-focus -m-1.5 flex rounded p-1.5 text-green-1000 dark:text-white"
           >
             {logo?.children || (
-              <HiveCombinationMark className="h-8 w-auto text-green-1000 dark:text-white" />
+              <HiveCombinationMark className="h-8 w-auto" />
             )}
           </Anchor>
           <p className="mt-6 lg:mt-8">{description}</p>