diff --git a/app/(main)/ClientComponents/ServerListClient.tsx b/app/(main)/ClientComponents/ServerListClient.tsx
index a63d87f..c69098a 100644
--- a/app/(main)/ClientComponents/ServerListClient.tsx
+++ b/app/(main)/ClientComponents/ServerListClient.tsx
@@ -121,9 +121,9 @@ export default function ServerListClient() {
           onClick={() => {
             router.push(`/?global=true`);
           }}
-          className="rounded-[50px] cursor-pointer bg-stone-100 p-[10px] transition-all hover:bg-stone-200 dark:hover:bg-stone-700 dark:bg-stone-800"
+          className="rounded-[50px] text-white cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] bg-blue-600 hover:bg-blue-500 p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] hover:shadow-[inset_0_1px_0_rgba(0,0,0,0.2)] "
         >
-          <GlobeAsiaAustraliaIcon className="size-4" />
+          <GlobeAsiaAustraliaIcon className="size-[13px]" />
         </button>
         {getEnv("NEXT_PUBLIC_ShowTag") === "true" && (
           <Switch
diff --git a/app/(main)/footer.tsx b/app/(main)/footer.tsx
index ce8334e..c52f489 100644
--- a/app/(main)/footer.tsx
+++ b/app/(main)/footer.tsx
@@ -12,14 +12,14 @@ export default function Footer() {
           <a
             href="https://github.com/hamster1963/nezha-dash"
             target="_blank"
-            className="cursor-pointer font-normal underline decoration-yellow-500 decoration-2 underline-offset-2 dark:decoration-yellow-500/50"
+            className="cursor-pointer font-normal underline decoration-yellow-500 hover:decoration-yellow-300 transition-colors decoration-2 underline-offset-2 dark:decoration-yellow-900 dark:hover:decoration-yellow-600"
           >
             {t("a_303-585_GitHub")}
           </a>
           <a
             href={`https://github.com/hamster1963/nezha-dash/releases/tag/v${version}`}
             target="_blank"
-            className="cursor-pointer font-normal underline decoration-yellow-500 decoration-2 underline-offset-2 dark:decoration-yellow-500/50"
+            className="cursor-pointer font-normal underline decoration-yellow-500 hover:decoration-yellow-300 transition-colors decoration-2 underline-offset-2 dark:decoration-yellow-900 dark:hover:decoration-yellow-600"
           >
             v{version}
           </a>
diff --git a/app/(main)/header.tsx b/app/(main)/header.tsx
index 0e63fb2..ede7663 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/components/GlobalBackButton.tsx b/components/GlobalBackButton.tsx
index 8907b3c..faefa24 100644
--- a/components/GlobalBackButton.tsx
+++ b/components/GlobalBackButton.tsx
@@ -23,9 +23,9 @@ export default function GlobalBackButton() {
       onClick={() => {
         router.push(`/`);
       }}
-      className="rounded-[50px] cursor-pointer w-fit bg-stone-100 p-[10px] transition-all hover:bg-stone-200 dark:hover:bg-stone-700 dark:bg-stone-800"
+      className="rounded-[50px] mt-[1px] w-fit text-white cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] bg-green-600 hover:bg-green-500 p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] hover:shadow-[inset_0_1px_0_rgba(0,0,0,0.2)] "
     >
-      <ServerStackIcon className="size-4" />
+      <ServerStackIcon className="size-[13px]" />
     </button>
   );
 }
diff --git a/package.json b/package.json
index 2d152d4..eb13d56 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nezha-dash",
-  "version": "1.4.7",
+  "version": "1.4.8",
   "private": true,
   "scripts": {
     "dev": "next dev -p 3040",
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