Remplacement des checkbox par des switch + création du thème

ui/src/plugins/vuetify.js

@@ -11,30 +11,40 @@ import 'vuetify/styles'
 // Composables
 import { createVuetify } from 'vuetify'
 
+const CustomThemeDark = {
+  dark: true,
+  colors: {
+    background: '#121212',
+    primary: '#e91e1e',
+    secondary: '#F44336',
+    accent: '#FFC107',
+    error: '#FF5722',
+    warning: '#FFC107',
+    info: '#607D8B',
+    success: '#4CAF50'
+  }
+}
+const CustomThemeLight = {
+  dark: false,
+  colors: {
+    background: '#ffffff',
+    primary: '#e91e1e',
+    secondary: '#F44336',
+    accent: '#FFC107',
+    error: '#FF5722',
+    warning: '#FFC107',
+    info: '#607D8B',
+    success: '#4CAF50'
+  }
+}
+
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
   theme: {
+    defaultTheme: 'CustomThemeDark',
     themes: {
-      light: {
-        background: '#212121',
-        primary: '#cc0000',
-        controls: '#cc0000',
-        soundboard: '#9A2779',
-        secondary: '#b0bec5',
-        feedback: '#2E7D32',
-        accent: '#8c9eff',
-        error: '#b71c1c',
-      },
-      dark: {
-        background: '#121212',
-        primary: '#2979FF',
-        controls: '#AB47B',
-        secondary: '#90a4ae',
-        feedback: '#2E7D32',
-        accent: '#8c9eff',
-        error: '#b71c1c',
-      },
+      CustomThemeDark,
+      CustomThemeLight,
     },
-    defaultTheme: 'dark',
-  }
+  },
 })