diff --git a/src/components/BrainBlastBar.vue b/src/components/BrainBlastBar.vue
index f24814b..cbd981a 100644
--- a/src/components/BrainBlastBar.vue
+++ b/src/components/BrainBlastBar.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-app-bar :elevation="12">
+  <v-app-bar :elevation="5">
     <RouterMenu />
     <v-app-bar-title>Brain Blast</v-app-bar-title>
 
diff --git a/src/main.js b/src/main.js
index 772fd8d..da49f7c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,7 +4,6 @@ import { createApp } from 'vue'
 import App from './App.vue'
 
 const app = createApp(App)
-
 registerPlugins(app)
 
 app.mount('#app')
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index 5bd842e..673ca3d 100644
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -14,6 +14,27 @@ import { createVuetify } from 'vuetify'
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
   theme: {
-    defaultTheme: 'dark'
+    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',
+      },
+    },
+    defaultTheme: 'dark',
   }
 })
diff --git a/src/views/GameControl.vue b/src/views/GameControl.vue
index e69de29..dc5daf2 100644
--- a/src/views/GameControl.vue
+++ b/src/views/GameControl.vue
@@ -0,0 +1,126 @@
+<template>
+    <v-container>
+            <v-row no-gutters>
+              <v-col class="align-start">
+                <v-card tile outlined class="card">
+                  <v-card-title class="card__title primary">
+                    <v-icon left class="white--text pr-5 pl-2" size="50">mdi-camera-control</v-icon>
+                    Contrôles
+                  </v-card-title>
+                  <v-container class="text-center">
+                    <v-row justify="center">
+                      <v-col cols="12" sm="6" md="5" class="mt-4">
+                        <v-btn width="240" height="130" class="btn card xs12 sm6 md3">
+                          <v-icon left size="100">mdi-skip-previous</v-icon>
+                        </v-btn>
+                      </v-col>
+                      <v-col cols="12" sm="6" md="5" class="mt-4">
+                        <v-btn width="240" height="130" class="btn card xs12 sm6 md3">
+                          <v-icon left size="100">mdi-skip-next</v-icon>
+                        </v-btn>
+                      </v-col>
+                      <v-col cols="12" sm="6" md="5" class="mb-4">
+                        <v-btn width="240" height="130" class="btn card xs12 sm6 md3">
+                          <v-icon left size="100">mdi-pause</v-icon>
+                        </v-btn>
+                      </v-col>
+                      <v-col cols="12" sm="6" md="5" class="mb-4">
+                        <v-btn width="240" height="130" class="btn card xs12 sm6 md3">
+                          <v-icon left size="100">mdi-play</v-icon>
+                        </v-btn>
+                      </v-col>
+                    </v-row>
+                  </v-container>
+                </v-card>
+              </v-col>
+
+            <v-col class="pl-3">
+                <v-card tile outlined class="card" color="">
+                    <v-card-title class="card__title primary">
+                    <v-icon left class="white--text pr-5 pl-2" size="50">mdi-music-box-multiple</v-icon>
+                    Soundboard
+                    </v-card-title>
+                    <v-container class="text-center">
+                        <v-row justify="center">
+                            <v-col cols="12" sm="6" md="4" class="mt-4">
+                                <v-btn class="card" width="200" height="130" @click="" rounded>
+                                    <v-icon size="100">mdi-check-circle-outline</v-icon>
+                                </v-btn>
+                            </v-col>
+                            <v-col cols="12" sm="6" md="4" class="mt-4">
+                                <v-btn class="card" width="200" height="130" @click="" rounded>
+                                    <v-icon size="100">mdi-close-circle-outline</v-icon>
+                                </v-btn>
+                            </v-col>
+                            <v-col cols="12" sm="6" md="4" class="mt-4">
+                                <v-btn class="card" width="200" height="130" @click="" rounded>
+                                    <v-icon size="100">mdi-timer-outline</v-icon>
+                                </v-btn>
+                            </v-col>
+                        </v-row>
+                        <v-row justify="center">
+                            <v-col cols="12" sm="6" md="4" class="mb-4">
+                                <v-btn class="card" width="220" height="130" @click="" rounded>
+                                    <v-icon size="100">mdi-human-handsup</v-icon>
+                                </v-btn>
+                            </v-col>
+                            <v-col cols="12" sm="6" md="s" class="mb-4">
+                                <v-btn class="card" width="220" height="130" @click="" rounded>
+                                    <v-icon size="100">mdi-bell-outline</v-icon>
+                                </v-btn>
+                            </v-col>
+                        </v-row>
+                    </v-container>
+                </v-card>
+            </v-col>
+            </v-row>
+          </v-container>
+          <v-container>
+            <v-row no-gutters>
+              <v-col>
+                <v-card tile outlined class="card">
+                  <v-card-title class="card__title feedback">
+                    <v-icon left class="white--text pr-5 pl-2" size="50">mdi-play-network-outline</v-icon>
+                    Solution
+                  </v-card-title>
+                  <v-container class="text-center">
+                    <v-row justify="center">
+                      <v-container class="text-center">
+                        <!-- Utilisation de styles CSS personnalisés pour centrer l'image -->
+                        <v-img width="450" src="https://c4.wallpaperflare.com/wallpaper/908/893/291/funny-middle-finger-black-background-wallpaper-preview.jpg" style="margin: 0 auto;"></v-img>
+                      </v-container>
+                    </v-row>
+                  </v-container>
+                </v-card>
+              </v-col>
+            </v-row>
+          </v-container>
+  </template>
+  
+  <style>
+  @media (min-width: 1024px) {
+    .card__title.primary {
+        background-color: #2979FF; /* 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:50px!important;
+    }
+    .card {
+        background-color: #2979FF; /* Changez la couleur en fonction de votre thème */
+    }
+    .image-container {
+      width: 300px;
+      overflow: hidden; /* Pour masquer le dépassement de l'image */
+      border: 1px solid #ccc; /* Bordure de l'image */
+    }
+    .image-container img {
+      width: 100%; /* Pour remplir complètement le conteneur */
+      height: auto; /* Pour maintenir le ratio d'aspect de l'image */
+      display: block; /* Pour éviter l'espace réservé pour les images */
+    } 
+  }
+  </style>
+