diff --git a/index.html b/index.html
index 7ab225f2..c1608076 100644
--- a/index.html
+++ b/index.html
@@ -63,7 +63,7 @@
   <link rel="apple-touch-startup-image" href="/splash/apple-splash-1136-640.png"
     media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
   <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
-  <link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
+  <link rel="manifest" href="manifest.json" crossorigin="use-credentials">
   <meta name="mobile-web-app-capable" content="yes" />
   <meta name="apple-mobile-web-app-capable" content="yes" />
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
@@ -72,8 +72,9 @@
   <meta name="format-detection" content="telephone=no">
   <meta name="referrer" content="never">
   <meta name="msapplication-TileColor" content="#7D34FD" />
-  <meta name="theme-color" content="#1E1A2E" media="(prefers-color-scheme: dark)">
-  <meta name="theme-color" content="#F1F2F9" media="(prefers-color-scheme: normal)">
+  <meta name="color-scheme" content="light dark">
+  <meta name="theme-color" content="#28243D" media="(prefers-color-scheme: dark)">
+  <meta name="theme-color" content="#F4F5FA" media="(prefers-color-scheme: light)">
   <meta name="HandheldFriendly" content="True" />
   <meta name="MobileOptimized" content="320" />
   <link rel="stylesheet" type="text/css" href="/loader.css" />
@@ -118,6 +119,11 @@
     if (primaryColor)
       document.documentElement.style.setProperty('--initial-loader-color', primaryColor)
   </script>
+  <script>
+    if ("serviceWorker" in navigator) {
+      navigator.serviceWorker.register("/sw.js");
+    }
+  </script>
 </body>
 
 </html>
diff --git a/public/manifest.json b/public/manifest.json
index 671bdb0f..424f8b24 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -28,8 +28,8 @@
       "purpose": "maskable"
     }
   ],
-  "theme_color": "#1E1A2E",
-  "background_color": "#1E1A2E",
+  "theme_color": "#28243D",
+  "background_color": "#28243D",
   "display": "standalone",
   "shortcuts": [
     {
diff --git a/src/@layouts/styles/_default-layout.scss b/src/@layouts/styles/_default-layout.scss
index 0cccd8bc..52c091a2 100644
--- a/src/@layouts/styles/_default-layout.scss
+++ b/src/@layouts/styles/_default-layout.scss
@@ -9,11 +9,17 @@ html {
 }
 
 body {
-  background-color: var(--v-theme-background);
+  background: #F4F5FA;
   overscroll-behavior-y: contain;
   --webkit-overflow-scrolling: touch;
 }
 
+@media (prefers-color-scheme: dark) {
+  body {
+    background: #28243D;
+  }
+}
+
 body,
 #app,
 .v-application {