Modification du thème de la fenêtre de validation de buzzer

VApp/src/components/BuzzerValidationDialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-dialog v-model="dialog" persistent max-width="800" height="500">
+  <v-dialog v-model="dialog" persistent max-width="800" height="500" style="background-color: rgba(0, 0, 0, 0.8);">
     <v-card dark rounded="xl">
       <v-card-title :style="{ backgroundColor: buzzerColor }" class="headline text-center justify-center">
         <v-icon color="background" dark large left size="70">mdi-alarm-light</v-icon>
@@ -25,6 +25,7 @@
           rounded="0"
           height="100%"
           width="50%"
+          :style="{ backgroundColor: buzzerColor }"
           @click="validate">
           <v-icon left size="40">mdi-check-circle</v-icon>
           <span style="font-size: 20px; padding-left: 10px;">Valider (+1)</span>
@@ -136,11 +137,10 @@
         height: 100%; /* Ensure it takes full height of the container if possible, or substantial height */
     }
     .validate-btn {
-        background-color: rgb(var(--v-theme-success),1);
         color: rgb(var(--v-theme-background),1);
     }
     .refuse-btn {
-        background-color: rgb(var(--v-theme-error),1);
+        background-color: rgb(var(--v-theme-inactiveButton),1);
         color: rgb(var(--v-theme-background),1);
     }
 </style>