Tracking de l'application VApp (IHM du jeu)

VApp/src/plugins/vuetify.js

@@ -0,0 +1,59 @@
+/**
+ * plugins/vuetify.js
+ *
+ * Framework documentation: https://vuetifyjs.com`
+ */
+
+// Styles
+import '@mdi/font/css/materialdesignicons.css'
+import 'vuetify/styles'
+
+// Composables
+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', 
+    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', 
+    GreenBuzzer: '#28d42e',
+    DisconnectedBuzzer: '#595959',
+  }
+}
+
+// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
+export default createVuetify({
+  theme: { 
+    defaultTheme: 'CustomThemeDark', 
+    themes: {   
+      CustomThemeDark,   
+      CustomThemeLight, },
+  },
+})