diff --git a/frontend/src/components/Admin/Theme.vue b/frontend/src/components/Admin/Theme.vue
index 3699c5ed4c8e..fbdec561c1e2 100644
--- a/frontend/src/components/Admin/Theme.vue
+++ b/frontend/src/components/Admin/Theme.vue
@@ -16,17 +16,11 @@
             mandatory
             @change="setStoresDarkMode"
           >
-            <v-btn value="system">
-              Default to system
-            </v-btn>
+            <v-btn value="system"> Default to system </v-btn>
 
-            <v-btn value="light">
-              Light
-            </v-btn>
+            <v-btn value="light"> Light </v-btn>
 
-            <v-btn value="dark">
-              Dark
-            </v-btn>
+            <v-btn value="dark"> Dark </v-btn>
           </v-btn-toggle>
         </v-col>
       </v-row></v-card-text
@@ -50,7 +44,7 @@
               return-object
               v-model="selectedTheme"
               @change="themeSelected"
-              :rules="[v => !!v || 'Theme is required']"
+              :rules="[(v) => !!v || 'Theme is required']"
               required
             >
             </v-select>
@@ -140,19 +134,20 @@ export default {
   components: {
     ColorPicker,
     Confirmation,
-    NewTheme
+    NewTheme,
   },
   data() {
     return {
       selectedTheme: {},
       selectedDarkMode: "system",
-      availableThemes: []
+      availableThemes: [],
     };
   },
   async mounted() {
     this.availableThemes = await api.themes.requestAll();
     this.selectedTheme = this.$store.getters.getActiveTheme;
     this.selectedDarkMode = this.$store.getters.getDarkMode;
+    console.log(this.selectedDarkMode);
   },
 
   methods: {
@@ -181,7 +176,7 @@ export default {
       //Change to default if deleting current theme.
       if (
         !this.availableThemes.some(
-          theme => theme.name === this.selectedTheme.name
+          (theme) => theme.name === this.selectedTheme.name
         )
       ) {
         await this.$store.dispatch("resetTheme");
@@ -203,6 +198,7 @@ export default {
     },
 
     setStoresDarkMode() {
+      console.log(this.selectedDarkMode);
       this.$store.commit("setDarkMode", this.selectedDarkMode);
     },
     /**
@@ -216,8 +212,8 @@ export default {
           this.selectedTheme.colors
         );
       }
-    }
-  }
+    },
+  },
 };
 </script>
 
diff --git a/mealie/routes/setting_routes.py b/mealie/routes/setting_routes.py
index 742bd889f681..5d22531cf39f 100644
--- a/mealie/routes/setting_routes.py
+++ b/mealie/routes/setting_routes.py
@@ -13,7 +13,7 @@ scheduler = Scheduler()
 scheduler.startup_scheduler()
 
 
-@router.get("/api/site-settings/", tags=["Settings"], response_model=SiteSettings)
+@router.get("/api/site-settings/", tags=["Settings"])
 async def get_main_settings():
     """ Returns basic site settings """
 
@@ -43,7 +43,7 @@ async def update_settings(data: SiteSettings):
 
 
 @router.get(
-    "/api/site-settings/themes/", tags=["Themes"], response_model=List[SiteTheme]
+    "/api/site-settings/themes/", tags=["Themes"]
 )
 async def get_all_themes():
     """ Returns all site themes """
@@ -52,7 +52,7 @@ async def get_all_themes():
 
 
 @router.get(
-    "/api/site-settings/themes/{theme_name}/", tags=["Themes"], response_model=SiteTheme
+    "/api/site-settings/themes/{theme_name}/", tags=["Themes"]
 )
 async def get_single_theme(theme_name: str):
     """ Returns a named theme """