From 7149f70ccae4ee40c239a37454e1fe3d830b8d39 Mon Sep 17 00:00:00 2001
From: Gabriel Goldbronn <gabriel.goldbronn@gmail.com>
Date: Sat, 3 May 2025 15:54:54 +0200
Subject: [PATCH] fix theme

---
 .idea/workspace.xml                    | 17 +----------------
 frontend/src/components/InfoHeader.vue |  8 +++++++-
 2 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 6807857..68777a9 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -5,22 +5,7 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="5847035d-0a9b-4d26-a129-e3ed88eb8bd7" name="Changes" comment="">
-      <change afterPath="$PROJECT_DIR$/frontend/src/assets/Icons/DiscordLogo.vue" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/frontend/src/components/SettingsHeader.vue" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/frontend/src/router.ts" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/frontend/src/views/DiscordLogin.vue" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/frontend/src/views/HomeMobile.vue" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/frontend/src/views/Settings.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/frontend/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/package-lock.json" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/frontend/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/package.json" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/frontend/src/App.vue" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/App.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/frontend/src/assets/Global.scss" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/assets/Global.scss" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/frontend/src/components/InfoHeader.vue" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/components/InfoHeader.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/frontend/src/components/Playlist.vue" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/components/Playlist.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/frontend/src/items/Button.vue" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/items/Button.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/frontend/src/main.ts" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/main.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/frontend/src/views/Home.vue" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/views/Home.vue" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -115,7 +100,7 @@
       <workItem from="1744962250986" duration="599000" />
       <workItem from="1744963762669" duration="7674000" />
       <workItem from="1745243053934" duration="15721000" />
-      <workItem from="1746260006352" duration="14220000" />
+      <workItem from="1746260006352" duration="14688000" />
     </task>
     <servers />
   </component>
diff --git a/frontend/src/components/InfoHeader.vue b/frontend/src/components/InfoHeader.vue
index dcaeac7..f216fd3 100644
--- a/frontend/src/components/InfoHeader.vue
+++ b/frontend/src/components/InfoHeader.vue
@@ -5,7 +5,7 @@ import UserLoginInfo from "../items/UserLoginInfo.vue";
 import SetingsIcon from "../assets/Icons/SetingsIcon.vue";
 import DarkModeIcone from "../assets/Icons/DarkModeIcone.vue";
 import LightModeIcone from "../assets/Icons/LightModeIcone.vue";
-import {ref} from "vue";
+import {onMounted, ref} from "vue";
 import router from "../router.ts";
 
 
@@ -19,6 +19,12 @@ function switchThemeMode() {
   themeIs.value = newTheme;
 }
 
+onMounted(() => {
+  const storedTheme = localStorage.getItem("theme");
+    themeIs.value = storedTheme || "dark";
+    document.documentElement.setAttribute("data-theme", storedTheme || "dark");
+});
+
 function navigateToSettings() {
   router.push("/settings");
 }