diff --git a/layouts/partials/head/custom.html b/layouts/partials/head/custom.html
index 1d289ed..4d79e09 100644
--- a/layouts/partials/head/custom.html
+++ b/layouts/partials/head/custom.html
@@ -6,7 +6,8 @@
 <meta name="apple-mobile-web-app-title" content="TaurusXin">
 <meta name="application-name" content="TaurusXin">
 <meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
+<meta name="theme-color" content="#f5f5fa" media="(prefers-color-scheme: light)">
+<meta name="theme-color" content="#303030" media="(prefers-color-scheme: dark)">
 
 <!-- Cookie consent script -->
 <script src="https://cdn.jsdelivr.net/gh/sprucejoy/cookie-consent-autoblock-gdpr/cookie-consent.js" crossorigin="anonymous"></script>