fix: update pwa manifest

VATSIM-Radar · Nov 11, 2024 · c2904b6 · c2904b6
1 parent e3ab568
commit c2904b6
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -173,13 +173,13 @@ export default defineNuxtConfig({
         },
         manifest: {
             name: 'VATSIM Radar',
-            short_name: 'VR',
+            short_name: 'VATSIM Radar',
             description: 'VATSIM Traffic Monitoring Service',
-            theme_color: '#3B6CEC',
+            theme_color: '???',
             orientation: 'portrait',
             display: 'standalone',
             // @ts-expect-error tabbed not supported here
-            display_override: ['window-controls-overlay', 'tabbed', 'minimal-ui', 'standalone'],
+            display_override: ['window-controls-overlay', 'tabbed', 'standalone'],
             start_url: '/',
             dir: 'ltr',
             lang: 'en',

diff --git a/src/layouts/default.vue b/src/layouts/default.vue
@@ -117,6 +117,8 @@ useHead(() => {
         .map(([key, value]) => `--${ key.replace('Rgb', '') }: ${ (value as number[]).join(',') }`)
         .join(';');
 
+    const themeColor = getCurrentThemeHexColor('darkgray1000');
+
     return {
         titleTemplate(title) {
             if (!title) return 'VATSIM Radar';
@@ -131,6 +133,14 @@ useHead(() => {
                 name: 'keywords',
                 content: 'vatsim, vatspy, simaware, vatglasses, ватсим, vatsim traffic, vatsim tracker',
             },
+            {
+                name: 'msapplication-TileColor',
+                content: themeColor,
+            },
+            {
+                name: 'theme-color',
+                content: themeColor,
+            },
         ],
         htmlAttrs: {
             lang: 'en',