diff --git a/portal-ui/public/index.html b/portal-ui/public/index.html
index df37a5490..6d30b8bdb 100644
--- a/portal-ui/public/index.html
+++ b/portal-ui/public/index.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
+    <meta name="theme-color" content="#081C42" media="(prefers-color-scheme: light)"/>
+    <meta name="theme-color" content="#081C42" media="(prefers-color-scheme: dark)"/>
     <meta name="description" content="MinIO Console" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
