fix: fixes theme color in dark and light mode (#3706)

assets/App.vue

@@ -15,6 +15,7 @@ watchEffect(() => {
   if (theme === "auto") {
     theme = mode.value;
   }
+  document.querySelector('meta[name="theme-color"]')?.setAttribute("content", theme == "dark" ? "#121212" : "#3FA68F");
   document.documentElement.setAttribute("data-theme", theme);
 });
 </script>

public/index.html

@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover" />
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="theme-color" content="" />
     <title>Dozzle</title>
     <script type="application/json" id="config__json">
       {{ marshal .Config }}

public/manifest.webmanifest

@@ -3,10 +3,8 @@
   "short_name": "Dozzle",
   "start_url": "/",
   "display": "standalone",
-  "background_color": "#000",
   "lang": "en",
   "scope": "/",
   "description": "A log viewer for containers",
-  "theme_color": "#000",
   "icons": [{ "src": "/apple-touch-icon.png", "sizes": "512x512", "type": "image/png" }]
 }