Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

add DarkMode with Button #51

Merged
jakob.scheid merged 7 commits from feature/dark-mode into main 2026-05-15 12:47:26 +02:00
Conversation 1 Commits 7 Files Changed 3
+4 -2
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 67adb17936 - Show all commits
src/App.vue
+4 -2
View File
@@ -17,9 +17,11 @@ limitations under the License.
<script setup> <script setup>
import Navbar from './features/nav/components/Navbar.vue'; import Navbar from './features/nav/components/Navbar.vue';
import Footer from './features/footer/components/Footer.vue'; import Footer from './features/footer/components/Footer.vue';
import { ref, provide } from 'vue'; import { ref, provide, watch } from 'vue';
const isDark = ref(false);
const isDark = ref(localStorage.getItem('theme') === 'dark');
provide('isDark', isDark); provide('isDark', isDark);
watch(isDark, val => localStorage.setItem('theme', val ? 'dark' : 'light'));
</script> </script>
<template> <template>