From 6f20c9125d2bc987fabc1835e0d22f58fb4f5132 Mon Sep 17 00:00:00 2001
From: Elmar <102954831+elmar-vega@users.noreply.github.com>
Date: Tue, 27 Sep 2022 10:24:42 +0100
Subject: [PATCH] fix(explorer): theme dark nav (#1498)

---
 apps/explorer/src/app/components/header/header.tsx | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/apps/explorer/src/app/components/header/header.tsx b/apps/explorer/src/app/components/header/header.tsx
index 6955ae7e1..ecdb0c288 100644
--- a/apps/explorer/src/app/components/header/header.tsx
+++ b/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>
   );
 };