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%;
   }

ui/src/plugins/vuetify.js

@@ -15,7 +15,7 @@ const CustomThemeDark = {
   dark: true,
   colors: {
     background: '#121212',
-    primary: '#e91e1e',
+    primary: '#d42828',
     secondary: '#F44336',
     accent: '#FFC107',
     error: '#e91e1e',
@@ -32,7 +32,7 @@ const CustomThemeLight = {
   dark: false,
   colors: {
     background: '#ffffff',
-    primary: '#e91e1e',
+    primary: '#d42828',
     secondary: '#F44336',
     accent: '#FFC107',
     error: '#e91e1e',

ui/src/views/GameControl.vue

@@ -29,14 +29,14 @@ import CardSoundboard from '@/components/CardSoundboard.vue';
 <style>
 @media (min-width: 1024px) {
   .card__title.primary {
-      background-color: #e91e1e; /* Changez la couleur en fonction de votre thème */
+      background-color: #d42828; /* Changez la couleur en fonction de votre thème */
   }
   .card__title.feedback {
       background-color: #2E7D32; /* Changez la couleur en fonction de votre thème */
   }
   .btn{
     border-radius:30px!important;
-    background-color: #e91e1e; /* Changez la couleur en fonction de votre thème */
+    background-color: #d42828; /* Changez la couleur en fonction de votre thème */
   }
 }
 </style>

ui/src/views/MQTTDebugView.vue

@@ -23,14 +23,14 @@ export default {
 <style>
 @media (min-width: 1024px) {
   .card__title.primary {
-      background-color: #e91e1e; /* Changez la couleur en fonction de votre thème */
+      background-color: #d42828; /* Changez la couleur en fonction de votre thème */
   }
   .card__title.feedback {
       background-color: #2E7D32; /* Changez la couleur en fonction de votre thème */
   }
   .btn{
     border-radius:30px!important;
-    background-color: #e91e1e; /* Changez la couleur en fonction de votre thème */
+    background-color: #d42828; /* Changez la couleur en fonction de votre thème */
   }
 }
 </style>

ui/src/views/SettingsView.vue

@@ -13,7 +13,10 @@
     <v-divider />
     <v-label class="title-style-2">Affichage</v-label>
 
-    <v-switch label="Activer l'affichage des sattelites" v-model="SattelitesDisplay" class="ml-15" color="primary"/>
+    <div>
+      <v-switch hide-details label="Activer l'affichage des sattelites" v-model="SattelitesDisplay" class="ml-15 pb-3" color="primary"/>
+    </div>
+
     <v-divider />
     <v-label class="title-style-2">MQTT</v-label>
     
@@ -70,7 +73,7 @@
       } 
       if (localStorage.getItem('ErrorPlay')) {
         ErrorPlay.value = localStorage.getItem('ErrorPlay') === 'true';  // Added a default value for this switch
-      } 
+      }
   });
   
   watch(EmbeddedSound, (EmbeddedSoundNewValue) => {