diff --git a/luci-theme-argon/htdocs/luci-static/argon/css/dark.css b/luci-theme-argon/htdocs/luci-static/argon/css/dark.css
index 0c4fe1d..cb1ae90 100644
--- a/luci-theme-argon/htdocs/luci-static/argon/css/dark.css
+++ b/luci-theme-argon/htdocs/luci-static/argon/css/dark.css
@@ -27,7 +27,7 @@
  *  Licensed to the public under the Apache License 2.0
  */
 body {
-  background: #000000;
+  background: #1e1e1e;
   color: #cccccc;
 }
 .login-page .login-container .login-form {
@@ -58,10 +58,10 @@ body {
   opacity: 0.9;
 }
 header::after {
-  background-color: #000000 !important;
+  background-color: #1e1e1e !important;
 }
 .main .main-left {
-  background-color: #000000 !important;
+  background-color: #1e1e1e !important;
   box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.15);
 }
 .main .main-left .sidenav-header .brand {
@@ -102,7 +102,7 @@ header::after {
   background-color: #333;
 }
 .main .main-right {
-  background-color: #000000;
+  background-color: #1e1e1e;
   background-attachment: fixed;
 }
 h2 {
@@ -136,7 +136,7 @@ input:-webkit-autofill {
   color: #ccc;
 }
 header.bg-primary {
-  background-color: #000000 !important;
+  background-color: #1e1e1e !important;
 }
 .cbi-map-descr {
   color: #ccc;
diff --git a/luci-theme-argon/luasrc/view/themes/argon/header.htm b/luci-theme-argon/luasrc/view/themes/argon/header.htm
index 8f6a4f6..c59ef28 100644
--- a/luci-theme-argon/luasrc/view/themes/argon/header.htm
+++ b/luci-theme-argon/luasrc/view/themes/argon/header.htm
@@ -91,11 +91,11 @@
         let prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
         if (prefersDarkMode) {
             viewport = document.querySelector("meta[name=theme-color]");
-            viewport.setAttribute('content', '#000');
+            viewport.setAttribute('content', '#1e1e1e');
         }
     </script>
     <% elseif mode == 'dark' then %>
-    <meta name="theme-color" content="#000">
+    <meta name="theme-color" content="#1e1e1e">
     <% elseif mode == 'light' then %>
     <meta name="theme-color" content="<%=bar_color%>">
     <% end -%>
diff --git a/luci-theme-argon/luasrc/view/themes/argon/header_login.htm b/luci-theme-argon/luasrc/view/themes/argon/header_login.htm
index afa18d7..d4c3f54 100644
--- a/luci-theme-argon/luasrc/view/themes/argon/header_login.htm
+++ b/luci-theme-argon/luasrc/view/themes/argon/header_login.htm
@@ -87,11 +87,11 @@
         let prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
         if (prefersDarkMode) {
             viewport = document.querySelector("meta[name=theme-color]");
-            viewport.setAttribute('content', '#000');
+            viewport.setAttribute('content', '#1e1e1e');
         }
     </script>
     <% elseif mode == 'dark' then %>
-    <meta name="theme-color" content="#000">
+    <meta name="theme-color" content="#1e1e1e">
     <% elseif mode == 'light' then %>
     <meta name="theme-color" content="<%=bar_color%>">
     <% end -%>