diff --git a/index.html b/index.html
index 0ce0b7e99..df41b803a 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,13 @@
     <meta name="mobile-web-app-capable" content="yes">
     <!-- Status bar style (eg. black or transparent) -->
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    
+    <style>
+      @media (prefers-color-scheme: dark) {
+        body {
+          background-color: #202020;
+        }
+      }
+    </style>    
     <link rel="manifest" href="manifest.json">
   </head>
   
diff --git a/manifest.json b/manifest.json
index ad419b437..bd57dd388 100644
--- a/manifest.json
+++ b/manifest.json
@@ -11,6 +11,5 @@
     }
   ],
   "display": "standalone",
-  "background_color": "#ffffff",
   "theme_color": "#000000"
 }
diff --git a/packages/design-system/src/css/style.css b/packages/design-system/src/css/style.css
index 1fdf23af1..647b3756c 100644
--- a/packages/design-system/src/css/style.css
+++ b/packages/design-system/src/css/style.css
@@ -584,8 +584,6 @@ body {
   height: 100vh;
   margin: 0;
   overflow: hidden;
-  background: var(--bg-color) var(--bg-img);
-  color: var(--fg-color);
   min-height: -webkit-fill-available;
   max-height: -webkit-fill-available;
   min-width: -webkit-fill-available;