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>