Created theme switcher

2023-11-23 13:57:39 +01:00
parent af140c30a4
commit b1f8895b3e
6 changed files with 108 additions and 9 deletions
--- a/Frontend/src/components/sidebar/FooterComponent.vue
+++ b/Frontend/src/components/sidebar/FooterComponent.vue
@@ -1,10 +1,16 @@
 <script setup lang="ts">
+import ThemeSwitcherComponent from '../common/ThemeSwitcherComponent.vue';
+
+const emit = defineEmits([
+        "theme",
+    ]);


 </script>

 <template>
-   <div class="flex flex-col gap-4 text-center font-thin text-slate-600 dark:text-slate-400 ">
+   <div class="flex flex-col gap-4 items-center text-center font-thin text-slate-600 dark:text-slate-400 ">
+        <ThemeSwitcherComponent @theme="(theme)=>emit('theme',theme)"></ThemeSwitcherComponent>
        <div class="flex flex-col">
            <a href="mailto:bugs@release11.com">Found a bug?</a>
            <a href="#" class="hidden">Privacy Policy</a>