diff --git a/layouts/partials/docs/html-head.html b/layouts/partials/docs/html-head.html
index b22c6103ed8d11ba01eaf27bba57985b71066f87..02ac4a51f892b72ff03f29ac8f58bc788e4ac2b0 100644
--- a/layouts/partials/docs/html-head.html
+++ b/layouts/partials/docs/html-head.html
@@ -1,7 +1,8 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="description" content="{{ default .Summary .Description }}">
-<meta name="theme-color" content="#FFFFFF">
+<meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff">
+<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#343a40">
 <meta name="color-scheme" content="light dark">
 
 {{- with .Page.Params.BookHref -}}