diff --git a/modules/luci-base/root/www/index.html b/modules/luci-base/root/www/index.html
index 35c0ea0d32..bc3c98fe71 100644
--- a/modules/luci-base/root/www/index.html
+++ b/modules/luci-base/root/www/index.html
@@ -1,11 +1,20 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
-<meta http-equiv="refresh" content="0; URL=cgi-bin/luci/" />
-</head>
-<body style="background-color: white">
-<a style="color: black; font-family: arial, helvetica, sans-serif;" href="cgi-bin/luci/">LuCI - Lua Configuration Interface</a>
-</body>
+	<head>
+		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+		<meta http-equiv="refresh" content="0; URL=cgi-bin/luci/" />
+		<style type="text/css">
+			body { background: white; font-family: arial, helvetica, sans-serif; }
+			a { color: black; }
+
+			@media (prefers-color-scheme: dark) {
+				body { background: black; }
+				a { color: white; }
+			}
+		</style>
+	</head>
+	<body>
+		<a href="cgi-bin/luci/">LuCI - Lua Configuration Interface</a>
+	</body>
 </html>
