Fix hover styles for tabs and buttons after v2.0.5 regression (#230)

* Initial plan

* Fix hover styles for tabs and buttons - restore pre-v2.0.5 behavior

Co-authored-by: karpikpl <[email protected]>

* Fix button and tab hover styles by disabling Vuetify overlay system

Co-authored-by: karpikpl <[email protected]>

---------

Co-authored-by: copilot-swe-agent[bot] <[email protected]>
Co-authored-by: karpikpl <[email protected]>

Author: Copilot

app/assets/global.css

@@ -20,4 +20,22 @@
 
   .spacing-25 {
     margin-bottom: 25px;
+  }
+
+  /* Fix tab hover styles - light blue background */
+  .v-tab:hover {
+    background-color: rgba(63, 81, 181, 0.1) !important;
+  }
+  
+  .v-tab:hover .v-tab__overlay {
+    display: none !important;
+  }
+
+  /* Fix button hover styles - light gray background */
+  .v-btn:hover {
+    background-color: rgba(0, 0, 0, 0.04) !important;
+  }
+  
+  .v-btn:hover .v-btn__overlay {
+    display: none !important;
   }

vuetify.config.ts

@@ -4,5 +4,22 @@ export default defineVuetifyConfiguration({
   // your Vuetify options here
   theme: {
     defaultTheme: 'light',
+    themes: {
+      light: {
+        colors: {
+          // Keep existing Vuetify colors but add custom hover states
+          primary: '#1976D2',
+          secondary: '#424242',
+          accent: '#82B1FF',
+          error: '#FF5252',
+          info: '#2196F3',
+          success: '#4CAF50',
+          warning: '#FFC107',
+          // Custom surface colors for better hover effects
+          surface: '#FFFFFF',
+          'surface-variant': '#F5F5F5',
+        },
+      },
+    },
   },
 })