Moved Dark Mode

layouts/default.vue

@@ -539,7 +539,7 @@ const footerLinks = [/*{
     <NotificationsSlideover />
 
     <ClientOnly>
-      <LazyUDashboardSearch :groups="groups" />
+      <LazyUDashboardSearch :groups="groups" hide-color-mode/>
     </ClientOnly>
   </UDashboardLayout>
   <div

pages/profiles/show/[id].vue

@@ -172,6 +172,15 @@ const calcWeeklyWorkingHours = () => {
       itemInfo.value.weeklyRegularWorkingHours[7]
 }
 
+const colorMode = useColorMode()
+const isLight = computed({
+  get() {
+    return colorMode.value !== 'dark'
+  },
+  set() {
+    colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark'
+  }
+})
 </script>
 
 <template>
@@ -284,6 +293,20 @@ const calcWeeklyWorkingHours = () => {
             </UFormGroup>
           </InputGroup>
 
+          <UDivider class="my-5">
+            Helligkeitseinstellung
+          </UDivider>
+
+          <UButton
+              :icon="!isLight ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'"
+              color="white"
+              variant="outline"
+              aria-label="Theme"
+              @click="isLight = !isLight"
+          >
+            {{!isLight ? "Hell" : "Dunkel"}}
+          </UButton>
+
           <UDivider class="my-5">
             E-Mail Signatur
           </UDivider>