From 30355241f9261697483627e803dd5c47eca3e037 Mon Sep 17 00:00:00 2001
From: zhangzhenghao <zhangzhenghao@users.noreply.github.com>
Date: Mon, 6 Apr 2026 10:11:19 +0800
Subject: [PATCH] fix: sync browser theme-color with Vuetify theme

- Add updateThemeColor method in App.vue to dynamically set theme-color
- Ensures browser address bar color matches Vuetify primary color
- Creates meta tag if not present, updates if exists
---
 frontend/src/App.vue | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 3d9ff3e..868ffdc 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -7,5 +7,22 @@
 <script>
 export default {
   name: "App",
+  mounted() {
+    this.updateThemeColor();
+  },
+  methods: {
+    updateThemeColor() {
+      const theme = this.$vuetify.theme;
+      const primaryColor = theme.current.value.colors.primary;
+      
+      let metaThemeColor = document.querySelector('meta[name="theme-color"]');
+      if (!metaThemeColor) {
+        metaThemeColor = document.createElement('meta');
+        metaThemeColor.name = 'theme-color';
+        document.head.appendChild(metaThemeColor);
+      }
+      metaThemeColor.content = primaryColor;
+    }
+  }
 };
 </script>