VApp/src/plugins/vuetify.js

@@ -13,36 +13,38 @@ import { createVuetify } from 'vuetify'
 
 const CustomThemeDark = {
   dark: true,
-  colors: { 
-    background: '#121212', 
-    primary: '#d42828', 
-    secondary: '#F44336', 
-    accent: '#FFC107', 
-    error: '#e91e1e', 
-    warning: '#FFC107', 
-    info: '#607D8B', 
-    success: '#15B01B', 
-    BlueBuzzer: '#2867d4', 
-    YellowBuzzer: '#D4D100', 
-    RedBuzzer: '#d42828', 
+  colors: {
+    background: '#121212',
+    primary: '#d42828',
+    secondary: '#F44336',
+    accent: '#FFC107',
+    error: '#e91e1e',
+    warning: '#FFC107',
+    info: '#607D8B',
+    inactiveButton: '#707070ff',
+    success: '#15B01B',
+    BlueBuzzer: '#2867d4',
+    YellowBuzzer: '#D4D100',
+    RedBuzzer: '#d42828',
     GreenBuzzer: '#28d42e',
     DisconnectedBuzzer: '#595959',
   }
 }
 const CustomThemeLight = {
   dark: false,
-  colors: { 
-    background: '#ffffff', 
-    primary: '#d42828', 
-    secondary: '#F44336', 
-    accent: '#FFC107', 
-    error: '#e91e1e', 
-    warning: '#FFC107', 
-    info: '#607D8B', 
-    success: '#4CAF50', 
-    BlueBuzzer: '#2867d4', 
-    YellowBuzzer: '#D4D100', 
-    RedBuzzer: '#d42828', 
+  colors: {
+    background: '#ffffff',
+    primary: '#d42828',
+    secondary: '#F44336',
+    accent: '#FFC107',
+    error: '#e91e1e',
+    warning: '#FFC107',
+    info: '#607D8B',
+    inactiveButton: '#707070ff',
+    success: '#4CAF50',
+    BlueBuzzer: '#2867d4',
+    YellowBuzzer: '#D4D100',
+    RedBuzzer: '#d42828',
     GreenBuzzer: '#28d42e',
     DisconnectedBuzzer: '#595959',
   }
@@ -50,10 +52,11 @@ const CustomThemeLight = {
 
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
-  theme: { 
-    defaultTheme: 'CustomThemeDark', 
-    themes: {   
-      CustomThemeDark,   
-      CustomThemeLight, },
+  theme: {
+    defaultTheme: 'CustomThemeDark',
+    themes: {
+      CustomThemeDark,
+      CustomThemeLight,
+    },
   },
 })