fix(explorer): theme dark nav (#1498)

apps/explorer/src/app/components/header/header.tsx

@@ -24,7 +24,8 @@ export const Header = ({
     'md:col-span-2',
     'grid grid-rows-2 md:grid-rows-1 grid-cols-[1fr_auto] md:grid-cols-[auto_1fr_auto] items-center',
     'p-4 gap-2 md:gap-4',
-    'border-b border-neutral-700 dark:border-neutral-300 bg-black'
+    'border-b border-neutral-700 dark:border-neutral-300 bg-black',
+    'dark text-white'
   );
   return (
     <header className={headerClasses}>
@@ -37,7 +38,7 @@ export const Header = ({
             {t('Vega Explorer')}
           </h1>
         </Link>
-        <NetworkSwitcher theme="dark" />
+        <NetworkSwitcher />
       </div>
       <button
         data-testid="open-menu"
@@ -47,12 +48,7 @@ export const Header = ({
         <Icon name={menuOpen ? 'cross' : 'menu'} />
       </button>
       <Search />
-      <ThemeSwitcher
-        theme={theme}
-        onToggle={toggleTheme}
-        className="-my-4"
-        fixedBg="dark"
-      />
+      <ThemeSwitcher theme={theme} onToggle={toggleTheme} className="-my-4" />
     </header>
   );
 };