Make web loaders dark
Build and deploy Flutter Web / build (push) Successful in 4m41s

This commit is contained in:
Ruslan Bakiev
2026-06-22 11:39:07 +07:00
parent 8c23e878bb
commit 28467eba5d
3 changed files with 37 additions and 13 deletions
+19 -4
View File
@@ -18,22 +18,37 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="IE=Edge" http-equiv="X-UA-Compatible"> <meta content="IE=Edge" http-equiv="X-UA-Compatible">
<meta name="description" content="A new Flutter project."> <meta name="description" content="MapFlow">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#05030B">
<!-- iOS meta tags & icons --> <!-- iOS meta tags & icons -->
<meta name="mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="mapflow"> <meta name="apple-mobile-web-app-title" content="MapFlow">
<link rel="apple-touch-icon" href="icons/Icon-192.png"> <link rel="apple-touch-icon" href="icons/Icon-192.png">
<!-- Favicon --> <!-- Favicon -->
<link rel="icon" type="image/png" href="favicon.png"/> <link rel="icon" type="image/png" href="favicon.png"/>
<title>mapflow</title> <title>MapFlow</title>
<link rel="manifest" href="manifest.json"> <link rel="manifest" href="manifest.json">
<script src="https://telegram.org/js/telegram-web-app.js"></script> <script src="https://telegram.org/js/telegram-web-app.js"></script>
<style>
html,
body {
background: #05030B;
color: #F8EEFF;
height: 100%;
margin: 0;
}
body {
overflow: hidden;
}
</style>
</head> </head>
<body> <body style="background: #05030B;">
<script src="flutter_bootstrap.js" async></script> <script src="flutter_bootstrap.js" async></script>
</body> </body>
</html> </html>
+13 -4
View File
@@ -7,7 +7,7 @@
<meta content="IE=Edge" http-equiv="X-UA-Compatible"> <meta content="IE=Edge" http-equiv="X-UA-Compatible">
<meta name="description" content="MapFlow"> <meta name="description" content="MapFlow">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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> <script src="https://telegram.org/js/telegram-web-app.js"></script>
<meta name="mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes">
@@ -21,11 +21,20 @@
<link rel="manifest" href="manifest.json"> <link rel="manifest" href="manifest.json">
<style> <style>
#sw-loading { #sw-loading {
background: #0d1b2a !important; background: #05030B !important;
color: #F8EEFF !important;
}
html,
body {
background: #05030B;
color: #F8EEFF;
min-height: 100%;
margin: 0;
} }
</style> </style>
</head> </head>
<body> <body style="background: #05030B;">
<script> <script>
if ('serviceWorker' in navigator) { if ('serviceWorker' in navigator) {
var refreshing = false; var refreshing = false;
@@ -81,7 +90,7 @@
"logo": "icons/Icon-192.png?v={{sw_version}}", "logo": "icons/Icon-192.png?v={{sw_version}}",
"title": "MapFlow", "title": "MapFlow",
"theme": "dark", "theme": "dark",
"color": "#46d3b1", "color": "#FF2D75",
"showPercentage": true "showPercentage": true
}' }'
></script> ></script>
+5 -5
View File
@@ -1,11 +1,11 @@
{ {
"name": "mapflow", "name": "MapFlow",
"short_name": "mapflow", "short_name": "MapFlow",
"start_url": ".", "start_url": ".",
"display": "standalone", "display": "standalone",
"background_color": "#0175C2", "background_color": "#05030B",
"theme_color": "#0175C2", "theme_color": "#05030B",
"description": "A new Flutter project.", "description": "MapFlow",
"orientation": "portrait-primary", "orientation": "portrait-primary",
"prefer_related_applications": false, "prefer_related_applications": false,
"icons": [ "icons": [