YunoHost/yunohost-admin
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-admin.git synced 2024-09-03 20:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

switch logo

Browse source
This commit is contained in:
Kay0u 2022-09-05 17:35:45 +02:00 • committed by axolotle
parent 90806206f5
commit c508c1e414
3 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/src/App.vue
View file

@ -7,7 +7,12 @@
:to="{ name: 'home' }" :disabled="waiting" :to="{ name: 'home' }" :disabled="waiting"
exact exact-active-class="active" 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-brand>
<b-navbar-nav class="ml-auto"> <b-navbar-nav class="ml-auto">
@ -93,7 +98,8 @@ export default {
'routerKey', 'routerKey',
'transitions', 'transitions',
'transitionName', 'transitionName',
'waiting' 'waiting',
'theme'
]) ])
}, },
@ -154,7 +160,7 @@ export default {
this.$store.commit('SET_SPINNER', 'spookycat') 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> </script>

0
app/src/assets/logo.png → app/src/assets/logo_dark.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
app/src/assets/logo_light.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 17 KiB