Make web loaders dark

2026-06-22 11:39:07 +07:00
parent 8c23e878bb
commit 28467eba5d
3 changed files with 37 additions and 13 deletions
@@ -7,7 +7,7 @@
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  <meta name="description" content="MapFlow">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="theme-color" content="#0d1b2a">
+  <meta name="theme-color" content="#05030B">
  <script src="https://telegram.org/js/telegram-web-app.js"></script>

  <meta name="mobile-web-app-capable" content="yes">
@@ -21,11 +21,20 @@
  <link rel="manifest" href="manifest.json">
  <style>
    #sw-loading {
-      background: #0d1b2a !important;
+      background: #05030B !important;
+      color: #F8EEFF !important;
+    }
+
+    html,
+    body {
+      background: #05030B;
+      color: #F8EEFF;
+      min-height: 100%;
+      margin: 0;
    }
  </style>
 </head>
-<body>
+<body style="background: #05030B;">
  <script>
    if ('serviceWorker' in navigator) {
      var refreshing = false;
@@ -81,7 +90,7 @@
      "logo": "icons/Icon-192.png?v={{sw_version}}",
      "title": "MapFlow",
      "theme": "dark",
-      "color": "#46d3b1",
+      "color": "#FF2D75",
      "showPercentage": true
    }'
  ></script>