diff --git a/packages/frontend/src/ui/_common_/navbar.vue b/packages/frontend/src/ui/_common_/navbar.vue
index 04f710e818..4e83c1502b 100644
--- a/packages/frontend/src/ui/_common_/navbar.vue
+++ b/packages/frontend/src/ui/_common_/navbar.vue
@@ -120,11 +120,11 @@ const darkMode = computed(defaultStore.makeGetterSetter('darkMode'));
 const enablehanntenn = computed(defaultStore.makeGetterSetter('enablehanntenn'));
 
 if (darkMode.value) {
-  bannerUrl.value = bannerDark;
-  iconUrl.value = iconDark;
+    bannerUrl.value = enablehanntenn.value ? bannerLight : bannerDark;
+    iconUrl.value = enablehanntenn.value ? iconLight : iconDark;
 } else {
-  bannerUrl.value = bannerLight;
-  iconUrl.value = iconLight;
+    bannerUrl.value = enablehanntenn.value ?  bannerDark : bannerLight;
+    iconUrl.value = enablehanntenn.value ?  iconDark : iconLight;
 }
 
 if (darkMode.value && gamingMode.value) {
@@ -138,11 +138,11 @@ if (darkMode.value && gamingMode.value) {
 watch([darkMode,gamingMode], () => {
 
 	if (darkMode.value) {
-		bannerUrl.value = enablehanntenn ? bannerLight : bannerDark;
-		iconUrl.value = enablehanntenn ? bannerLight : bannerDark;
+		bannerUrl.value = enablehanntenn.value ? bannerLight : bannerDark;
+		iconUrl.value = enablehanntenn.value ? iconLight : iconDark;
 	} else {
-		bannerUrl.value = enablehanntenn ?  bannerDark : bannerLight;
-		iconUrl.value = enablehanntenn ?  bannerDark : bannerLight;
+		bannerUrl.value = enablehanntenn.value ?  bannerDark : bannerLight;
+		iconUrl.value = enablehanntenn.value ?  iconDark : iconLight;
 	}
 
   if (darkMode.value && gamingMode.value) {