diff --git a/frontend/src/components/UI/TheAppBar.vue b/frontend/src/components/UI/TheAppBar.vue
index 1203045a270f..9da545d54150 100644
--- a/frontend/src/components/UI/TheAppBar.vue
+++ b/frontend/src/components/UI/TheAppBar.vue
@@ -18,9 +18,14 @@
-
-
-
+
+
+
+
+
+
+ {{ isDark ? $t("settings.theme.switch-to-light-mode") : $t("settings.theme.switch-to-dark-mode") }}
+
@@ -88,7 +93,6 @@ export default {
this.$router.push(`/recipe/${slug}`);
},
openSidebar() {
- console.log(this.isDarkMode);
this.$refs.theSidebar.toggleSidebar();
},
},
diff --git a/frontend/src/locales/messages/en-US.json b/frontend/src/locales/messages/en-US.json
index 96832deb4caf..2867467551cc 100644
--- a/frontend/src/locales/messages/en-US.json
+++ b/frontend/src/locales/messages/en-US.json
@@ -339,7 +339,9 @@
"theme-saved": "Theme Saved",
"theme-settings": "Theme Settings",
"theme-updated": "Theme updated",
- "warning": "Warning"
+ "warning": "Warning",
+ "switch-to-light-mode": "Switch to light mode",
+ "switch-to-dark-mode": "Switch to dark mode"
},
"token": {
"active-tokens": "ACTIVE TOKENS",