"添加到主屏幕"时显示项目logo（橙色D字母图标）而不是黑底白V

index.html

@@ -5,6 +5,12 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
   <link rel="icon" href="/logo.svg" type="image/svg+xml" />
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+  <link rel="manifest" href="/manifest.json" />
+  <meta name="theme-color" content="#E3AC00" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+  <meta name="apple-mobile-web-app-title" content="Vitiens" />
   <title>Vitiens</title>
 </head>
 

public/manifest.json

@@ -0,0 +1,22 @@
+{
+  "name": "Vitiens",
+  "short_name": "Vitiens",
+  "description": "Vitiens - Task Platform",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#161617",
+  "theme_color": "#E3AC00",
+  "icons": [
+    {
+      "src": "/icon-512.png",
+      "sizes": "281x281",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/logo.svg",
+      "sizes": "any",
+      "type": "image/svg+xml"
+    }
+  ]
+}