diff --git a/app/src/App.vue b/app/src/App.vue
index dc2a3247..51480bc1 100644
--- a/app/src/App.vue
+++ b/app/src/App.vue
@@ -7,7 +7,12 @@
           :to="{ name: 'home' }" :disabled="waiting"
           exact exact-active-class="active"
         >
-          <img alt="Yunohost logo" src="./assets/logo.png">
+          <span v-if="theme == true">
+              <img alt="Yunohost logo" src="./assets/logo_light.png" width="40">
+          </span>
+          <span v-else>
+              <img alt="Yunohost logo" src="./assets/logo_dark.png" width="40">
+          </span>
         </b-navbar-brand>
 
         <b-navbar-nav class="ml-auto">
@@ -93,7 +98,8 @@ export default {
       'routerKey',
       'transitions',
       'transitionName',
-      'waiting'
+      'waiting',
+      'theme'
     ])
   },
 
@@ -154,7 +160,7 @@ export default {
       this.$store.commit('SET_SPINNER', 'spookycat')
     }
 
-    document.documentElement.setAttribute('data-theme', localStorage.getItem('theme') === "true" ? 'darkMode' : '') // updates the data-theme attribute
+    document.documentElement.setAttribute('data-theme', localStorage.getItem('theme')) // updates the data-theme attribute
   }
 }
 </script>
diff --git a/app/src/assets/logo.png b/app/src/assets/logo_dark.png
similarity index 100%
rename from app/src/assets/logo.png
rename to app/src/assets/logo_dark.png
diff --git a/app/src/assets/logo_light.png b/app/src/assets/logo_light.png
new file mode 100644
index 00000000..791225b3
Binary files /dev/null and b/app/src/assets/logo_light.png differ