Suppression du toggle de thème. Raison ? -> toute l'interface est faite pour fonctionner en version dark, c'est bien plus ergonomique, le logo est également prévu pour être affiché sur une version dark

ui/src/components/BrainBlastBar.vue

@@ -2,26 +2,9 @@
   <v-app-bar :elevation="5" height="50">
     <RouterMenu />
     <v-app-bar-title v-if="$route.name !== 'Accueil'">Brain Blast</v-app-bar-title>
-
-    <template v-slot:append>
-      <v-btn icon @click="toggleTheme">
-        <v-icon>{{ darkTheme ? 'mdi-white-balance-sunny' : 'mdi-moon-waning-crescent' }}</v-icon>
-      </v-btn>
-    </template>
   </v-app-bar>
 </template>
 
 <script setup>
-  import { ref } from 'vue'
-  import { useTheme } from 'vuetify'
   import RouterMenu from '@/components/RouterMenu.vue'
-
-  const theme = useTheme()
-  const darkTheme = ref(true)
-
-  function toggleTheme() {
-    darkTheme.value = !darkTheme.value
-    theme.global.name.value = theme.global.current.value.dark ? 'CustomThemeLight' : 'CustomThemeDark'
-  }
-
 </script>

ui/src/components/CardScore.vue

@@ -118,7 +118,7 @@ const GreenRoundScore = ref(variables.GreenRoundScore);
   .labelTitle-style {
     font-size: 20px !important;
     font-weight: 500;
-    color: #e91e1e !important;
+    color: #d42828 !important;
     opacity: 90% !important;
   }
   .labelRoundScore-style {

ui/src/components/CardTimer.vue

@@ -109,7 +109,7 @@
   .labelTime-style {
     font-size: 30px !important;
     font-weight: 500;
-    color: #e91e1e !important;
+    color: #d42828 !important;
     opacity: 90% !important;
   }
   .buttons{

ui/src/components/MQTTDebugConsole.vue

@@ -58,6 +58,6 @@ export default {
   .v-label-timestamp{
     opacity: 100%;
     font-weight: 700;
-    color: #e91e1e;
+    color: #d42828;
   }
 </style>

ui/src/components/MQTTDebugPublish.vue

@@ -57,7 +57,7 @@ export default {
     align-items: center;
     justify-content: center;
     width: 100%;
-    background-color: #e91e1e; /* Changez la couleur en fonction de votre thème */
+    background-color: #d42828; /* Changez la couleur en fonction de votre thème */
     border-top-right-radius: 0%;
     border-top-left-radius: 0%;
   }