theme colors for PWA

2026-01-05 17:08:59 +01:00
parent c3f6d27a52
commit 48d34dd3b5
2 changed files with 10 additions and 6 deletions
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
  <!--
    If you are serving your web app in a path other than the root, change the
@@ -24,11 +25,12 @@
  <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-title" content="Tatlock">
+  <meta name="theme-color" content="#040607">
  <link rel="apple-touch-icon" href="icons/Icon-192.png">

  <!-- Favicon -->
-  <link rel="icon" type="image/x-icon" href="favicon.ico"/>
-  <link rel="icon" type="image/png" href="favicon.png"/>
+  <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  <link rel="icon" type="image/png" href="favicon.png" />

  <title>Tatlock</title>
  <link rel="manifest" href="manifest.json">
@@ -41,7 +43,9 @@
    }
  </style>
 </head>
+
 <body>
  <script src="flutter_bootstrap.js" async></script>
 </body>
-</html>
+
+</html>
@@ -3,8 +3,8 @@
    "short_name": "Tatlock",
    "start_url": ".",
    "display": "standalone",
-    "background_color": "#1a1a2e",
-    "theme_color": "#1a1a2e",
+    "background_color": "#040607",
+    "theme_color": "#040607",
    "description": "Tatlock Home Dashboard",
    "orientation": "portrait-primary",
    "prefer_related_applications": false,
@@ -32,4 +32,4 @@
            "purpose": "maskable"
        }
    ]
-}
+}