diff --git a/frontend/assets/theme/base.scss b/frontend/assets/theme/base.scss
index a83377c87..d31e4ca66 100644
--- a/frontend/assets/theme/base.scss
+++ b/frontend/assets/theme/base.scss
@@ -7,7 +7,7 @@
 body,
 .v-card,
 .v-sheet.v-list {
-  background-color: #272727 !important;
+  background-color: var(--v-accent-base) !important;
 }
 .v-btn.v-btn--has-bg {
   background-color: #1E1E1E !important;
diff --git a/frontend/components/projects/ProjectTabs.vue b/frontend/components/projects/ProjectTabs.vue
index 2412a510b..4a3186fc3 100644
--- a/frontend/components/projects/ProjectTabs.vue
+++ b/frontend/components/projects/ProjectTabs.vue
@@ -97,7 +97,7 @@ export default class ProjectTabs extends HangarProjectMixin {
     margin-top: 12px;
 }
 .v-tabs-bar {
-    background-color: #272727 !important;
+    background-color: var(--v-accent-base) !important;
 
     a:not(.v-tab--active) {
         & .v-icon--left {
diff --git a/frontend/plugins/themes/default_light.ts b/frontend/plugins/themes/default_light.ts
index b441a6ec8..17a236b36 100644
--- a/frontend/plugins/themes/default_light.ts
+++ b/frontend/plugins/themes/default_light.ts
@@ -4,7 +4,7 @@ import { VuetifyThemeVariant } from 'vuetify/types/services/theme';
 export default {
     anchor: colors.blue.lighten3,
     primary: colors.blue.darken2,
-    accent: colors.grey.darken3,
+    accent: '#e5e5e5',
     secondary: colors.amber.darken3,
     info: colors.teal.lighten1,
     warning: colors.amber.base,
diff --git a/frontend/plugins/vuetify.ts b/frontend/plugins/vuetify.ts
index f8d6e3393..9679c0180 100644
--- a/frontend/plugins/vuetify.ts
+++ b/frontend/plugins/vuetify.ts
@@ -19,5 +19,5 @@ export default {
             },
         },
     },
-    theme: buildTheme(true, defaultDark, defaultLight),
+    theme: buildTheme(false, defaultDark, defaultLight),
 } as Partial<VuetifyPreset>;