fix logo

Author: alindt

src/assets/netbird-full-light.svg

@@ -11,6 +11,7 @@ import { useRouter } from "next/navigation";
 import React, { useMemo } from "react";
 import NetBirdLogo from "@/assets/netbird.svg";
 import NetBirdLogoFull from "@/assets/netbird-full.svg";
+import NetBirdLogoFullLight from "@/assets/netbird-full-light.svg";
 import { useAnnouncement } from "@/contexts/AnnouncementProvider";
 import { useApplicationContext } from "@/contexts/ApplicationProvider";
 import { useLoggedInUser } from "@/contexts/UsersProvider";
@@ -22,11 +23,17 @@ export default function NavbarWithDropdown() {
   const Logo = useMemo(() => {
     return (
       <>
+        <Image
+          src={NetBirdLogoFullLight}
+          height={22}
+          alt={"NetBird Logo"}
+          className={"hidden dark:hidden md:block"}
+        />
         <Image
           src={NetBirdLogoFull}
           height={22}
           alt={"NetBird Logo"}
-          className={"hidden md:block"}
+          className={"hidden dark:md:block"}
         />
         <Image
           src={NetBirdLogo}
@@ -75,7 +82,7 @@ export default function NavbarWithDropdown() {
           </div>
           <div
             onClick={() => router.push("/peers")}
-            className={"cursor-pointer hover:opacity-70 transition-all text-black dark:text-neutral-100"}
+            className={"cursor-pointer hover:opacity-70 transition-all"}
           >
             {Logo}
           </div>