diff --git a/pages/_app.tsx b/pages/_app.tsx
index fa4eeb8d..b9659411 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -33,6 +33,7 @@ export default function App({
       <Head>
         <title>Linkwarden</title>
         <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="theme-color" content="#000000" />
         <link
           rel="apple-touch-icon"
           sizes="180x180"
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
index 37597fc9..39c0f857 100644
Binary files a/public/android-chrome-192x192.png and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
index e3365c90..4c158553 100644
Binary files a/public/android-chrome-512x512.png and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
index 4fa4cd72..5b14ee34 100644
Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
index d6e88864..4e191582 100644
Binary files a/public/favicon-16x16.png and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
index 130e748c..bd43298f 100644
Binary files a/public/favicon-32x32.png and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index 82c1669b..a07fd231 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/logo_maskable.png b/public/logo_maskable.png
new file mode 100644
index 00000000..307583a8
Binary files /dev/null and b/public/logo_maskable.png differ
diff --git a/public/site.webmanifest b/public/site.webmanifest
index f38d7823..8f56d1db 100644
--- a/public/site.webmanifest
+++ b/public/site.webmanifest
@@ -1 +1,26 @@
-{"name":"Linkwarden","short_name":"Linkwarden","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#000000","background_color":"#000000","display":"standalone"}
\ No newline at end of file
+{
+  "name":"Linkwarden",
+  "short_name":"Linkwarden",
+  "icons":[
+    {
+      "src":"/android-chrome-192x192.png",
+      "sizes":"192x192",
+      "type":"image/png"
+    },
+    {
+      "src":"/android-chrome-512x512.png",
+      "sizes":"512x512",
+      "type":"image/png"
+    },
+    {
+      "src": "/logo_maskable.png",
+      "sizes": "196x196",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color":"#000000",
+  "background_color":"#000000",
+  "display":"standalone",
+  "start_url": "/dashboard"
+}
\ No newline at end of file
