diff --git a/src/App.vue b/src/App.vue
index 8e7bddd..28d2ffd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,8 +3,7 @@
         <v-app-bar
             app
             dense
-            color="#efcac3"
-            light
+            color="appBarBG"
             v-if="$vuetify.breakpoint.width > 1000 && !$store.getters['prefs/isEmbedded']"
             class="desktop-buttons-container"
         >
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index ad2cac5..b4ab527 100644
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -47,7 +47,8 @@ export default new Vuetify({
 				success: '#efc3d2',
 
 				bgOne: '#FAFAFA',
-				bgTwo: '#ECEFF1'
+				bgTwo: '#ECEFF1',
+				appBarBG: '#efcac3'
 			},
 			dark: {
 				primary: '#9aa5ce',
@@ -59,7 +60,8 @@ export default new Vuetify({
 				success: '#9ece6a',
 
 				bgOne: '#212121',
-				bgTwo: '#424242'
+				bgTwo: '#424242',
+				appBarBG: '#24283b'
 			}
 		}
 	}