diff --git a/app/(main)/header.tsx b/app/(main)/header.tsx
index 51ed2ae..197743b 100644
--- a/app/(main)/header.tsx
+++ b/app/(main)/header.tsx
@@ -7,12 +7,13 @@ import { Skeleton } from "@/components/ui/skeleton";
 import getEnv from "@/lib/env-entry";
 import { DateTime } from "luxon";
 import { useTranslations } from "next-intl";
-import Image from "next/image";
+import { useTheme } from "next-themes";
 import { useRouter } from "next/navigation";
 import React, { useEffect, useRef, useState } from "react";
 
 function Header() {
   const t = useTranslations("Header");
+  const { resolvedTheme } = useTheme();
   const customLogo = getEnv("NEXT_PUBLIC_CustomLogo");
   const customTitle = getEnv("NEXT_PUBLIC_CustomTitle");
   const customDescription = getEnv("NEXT_PUBLIC_CustomDescription");
@@ -30,12 +31,17 @@ function Header() {
           className="flex cursor-pointer items-center text-base font-medium"
         >
           <div className="mr-1 flex flex-row items-center justify-start">
-            <Image
+            <img
               width={40}
               height={40}
-              unoptimized
               alt="apple-touch-icon"
-              src={customLogo ? customLogo : "/apple-touch-icon.png"}
+              src={
+                customLogo
+                  ? customLogo
+                  : resolvedTheme === "light"
+                    ? "/apple-touch-icon.png"
+                    : "/apple-touch-icon-dark.png"
+              }
               className="relative m-0! border-2 border-transparent h-6 w-6 object-cover object-top p-0!"
             />
           </div>
diff --git a/app/android-chrome-192x192.png b/app/android-chrome-192x192.png
index 6b354f0..0e09ce1 100644
Binary files a/app/android-chrome-192x192.png and b/app/android-chrome-192x192.png differ
diff --git a/app/android-chrome-512x512.png b/app/android-chrome-512x512.png
index 516d91b..27e0244 100644
Binary files a/app/android-chrome-512x512.png and b/app/android-chrome-512x512.png differ
diff --git a/app/apple-touch-icon.png b/app/apple-touch-icon.png
index 5e07a89..e9c7708 100644
Binary files a/app/apple-touch-icon.png and b/app/apple-touch-icon.png differ
diff --git a/app/favicon-16x16.png b/app/favicon-16x16.png
index 7d0e77e..e0c320a 100644
Binary files a/app/favicon-16x16.png and b/app/favicon-16x16.png differ
diff --git a/app/favicon-32x32.png b/app/favicon-32x32.png
index 9a7598e..1177f2b 100644
Binary files a/app/favicon-32x32.png and b/app/favicon-32x32.png differ
diff --git a/app/favicon.ico b/app/favicon.ico
index bb78ebd..5cd8afc 100644
Binary files a/app/favicon.ico and b/app/favicon.ico differ
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
index 6b354f0..0e09ce1 100644
Binary files a/public/android-chrome-192x192.png and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
index 516d91b..27e0244 100644
Binary files a/public/android-chrome-512x512.png and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon-dark.png b/public/apple-touch-icon-dark.png
new file mode 100644
index 0000000..88d1cad
Binary files /dev/null and b/public/apple-touch-icon-dark.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
index 5e07a89..e9c7708 100644
Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
index 7d0e77e..e0c320a 100644
Binary files a/public/favicon-16x16.png and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
index 9a7598e..1177f2b 100644
Binary files a/public/favicon-32x32.png and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index bb78ebd..5cd8afc 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ