diff --git a/layout/_partial/head.ejs b/layout/_partial/head.ejs
index 22e14673a..7cbf1d83c 100755
--- a/layout/_partial/head.ejs
+++ b/layout/_partial/head.ejs
@@ -102,7 +102,8 @@ function custom_inject() {
   <meta name="HandheldFriendly" content="True" >
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <meta name="theme-color" content="#f8f8f8">
+  <meta name="theme-color" content="#f9fafb">
+  <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1c1e21">
   
   <title><%- generate_title() %></title>