fix: colors

Author: rob-at-cortex

src/components/HeaderFooter/HeaderDesktop.tsx

@@ -63,7 +63,7 @@ export function HeaderDesktop({ isMenuOpen, logoLight, logoDark, menuItems }: He
       > */}
         <Container className="px-0">
           <nav className="backdrop-blur-sm text-white p-0 rounded-b-xl">
-            <div className="flex items-center justify-between bg-background px-9 py-0 dark:bg-[#212124] [&_.logo-light]:[filter:brightness(0)_invert(1)] rounded-b-xl border border-t-0 border-accent">
+            <div className="flex items-center justify-between bg-background px-9 py-0 dark:bg-[#212124] rounded-b-xl border border-t-0 border-accent">
               <BrandLogo logoDark={logoDark} logoLight={logoLight} />
               {/* <ul className="flex items-center justify-center flex-grow space-x-8 text-md">
                 <li>
@@ -96,7 +96,7 @@ export function HeaderDesktop({ isMenuOpen, logoLight, logoDark, menuItems }: He
               </PopoverGroup>
               <div className="flex items-center space-x-4">
                 <button
-                  className="fixed right-4 z-[60] p-2 rounded-full bg-accent/30 backdrop-blur-sm transition-all duration-300 hover:bg-white/20  text-primary hover:text-accent"
+                  className="fixed right-4 z-[60] p-2 rounded-full bg-accent/30 backdrop-blur-sm transition-all duration-300 hover:bg-white/20 text-primary dark:text-white hover:text-accent hover:scale-125"
                   onClick={toggleTheme}
                 >
                   <div className="relative">

src/components/HeaderFooter/VideoHeader.tsx

@@ -77,7 +77,7 @@ export function VideoHeader({ logoVideo, logoLight, logoDark, menuItems } : { lo
         </button>
       )}
       <div className="fixed top-0 left-0 right-0 z-50" >
-      <HeaderDesktop isMenuOpen={isScrolled} logoLight={logoLight} logoDark={logoDark} />
+      <HeaderDesktop isMenuOpen={isScrolled} logoLight={logoLight} logoDark={logoDark} menuItems={menuItems}/>
       <HeaderMobile isMenuOpen={true} logoLight={logoLight} logoDark={logoDark} menuItems={menuItems}/>
 
       </div>

src/components/Pages/LandingPage.stories.tsx

@@ -83,8 +83,6 @@ export const Default: PageStory = {
       </div>
     ),
     header: {
-      title: 'Your Company',
-      logo: 'cortex-reply.png',
       menuItems: [
         {
           name: 'Documentation',

src/components/Pages/Website.stories.tsx

@@ -95,8 +95,6 @@ export const Default: PageStory = {
       </div>
     ),
     header: {
-      title: 'Your Company',
-      logo: 'cortex-reply.png',
       menuItems: [
         {
           name: 'Documentation',