diff --git a/.vitepress/config.mts b/.vitepress/config.mts
index de566c3faa..e584b209a0 100644
--- a/.vitepress/config.mts
+++ b/.vitepress/config.mts
@@ -15,7 +15,24 @@ export default defineConfig({
 
   title: "Project X",
   description: "Xray-core",
-  head: [["link", { rel: "icon", href: "/logo.png" }]],
+  head: [
+    [
+      "link",
+      {
+        rel: "icon",
+        href: "/logo-light.svg",
+        media: "(prefers-color-scheme: light)"
+      }
+    ],
+    [
+      "link",
+      {
+        rel: "icon",
+        href: "/logo-dark.svg",
+        media: "(prefers-color-scheme: dark)"
+      }
+    ]
+  ],
 
   lastUpdated: true,
 
@@ -54,6 +71,7 @@ export default defineConfig({
 
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
+    logo: { light: "/logo-light.svg", dark: "/logo-dark.svg" },
     nav: nav,
 
     search: {
diff --git a/docs/en/index.md b/docs/en/index.md
index 70bae9a54e..64769c1bba 100644
--- a/docs/en/index.md
+++ b/docs/en/index.md
@@ -6,7 +6,7 @@ hero:
   text: Xray-core
   tagline: Fear not the clouds that obscure the view, golden eyes like a torch brighten the sky
   image:
-    src: /LogoX2.png
+    src: /img-project-x.png
     alt: Xray, Penetrates Everything
   actions:
     - theme: brand
diff --git a/docs/index.md b/docs/index.md
index 87cea54a23..6649b0f9b5 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -7,7 +7,7 @@ hero:
   text: Xray-core
   tagline: 不畏浮云遮望眼 · 金睛如炬耀苍穹
   image:
-    src: /LogoX2.png
+    src: /img-project-x.png
     alt: Xray, Penetrates Everything
   actions:
     - theme: brand
diff --git a/docs/public/LogoX2.png b/docs/public/img-project-x.png
similarity index 100%
rename from docs/public/LogoX2.png
rename to docs/public/img-project-x.png
diff --git a/docs/public/logo.png b/docs/public/img-project-xray.png
similarity index 100%
rename from docs/public/logo.png
rename to docs/public/img-project-xray.png
diff --git a/docs/public/logo-dark.svg b/docs/public/logo-dark.svg
new file mode 100644
index 0000000000..0feedfe8cf
--- /dev/null
+++ b/docs/public/logo-dark.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="logo"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve">
+  <polygon fill="#dfdfd6" points="530,530 900,530 650,650 530,1000 "/>
+  <polygon fill="#dfdfd6" points="470,530 470,900 350,650 0,530 "/>
+  <polygon fill="#dfdfd6" points="530,470 530,100 650,350 1000,470 "/>
+  <polygon fill="#dfdfd6" points="470,470 100,470 350,350 470,0 "/>
+</svg>
diff --git a/docs/public/logo-light.svg b/docs/public/logo-light.svg
new file mode 100644
index 0000000000..f393010ab6
--- /dev/null
+++ b/docs/public/logo-light.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="logo"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve">
+  <polygon points="530,530 900,530 650,650 530,1000 "/>
+  <polygon points="470,530 470,900 350,650 0,530 "/>
+  <polygon points="530,470 530,100 650,350 1000,470 "/>
+  <polygon points="470,470 100,470 350,350 470,0 "/>
+</svg>
diff --git a/docs/ru/index.md b/docs/ru/index.md
index 4e26e7d705..dedb13018b 100644
--- a/docs/ru/index.md
+++ b/docs/ru/index.md
@@ -6,7 +6,7 @@ hero:
   text: Xray-core
   tagline: Не бойтесь облаков, застилающих вид – золотые глаза, словно факел, озаряют небо.
   image:
-    src: /LogoX2.png
+    src: /img-project-x.png
     alt: Xray, Penetrates Everything
   actions:
     - theme: brand