subsonics/chopin
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix theme

Browse Source
This commit is contained in:
Gabriel Goldbronn
2025-05-03 15:54:54 +02:00
parent 6fd64a1681
commit 7149f70cca
2 changed files with 8 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
.idea/workspace.xml generated
View File

@@ -5,22 +5,7 @@
</component> </component>
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="5847035d-0a9b-4d26-a129-e3ed88eb8bd7" name="Changes" comment=""> <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/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> </list>
<option name="SHOW_DIALOG" value="false" /> <option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" /> <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -115,7 +100,7 @@
<workItem from="1744962250986" duration="599000" /> <workItem from="1744962250986" duration="599000" />
<workItem from="1744963762669" duration="7674000" /> <workItem from="1744963762669" duration="7674000" />
<workItem from="1745243053934" duration="15721000" /> <workItem from="1745243053934" duration="15721000" />
<workItem from="1746260006352" duration="14220000" /> <workItem from="1746260006352" duration="14688000" />
</task> </task>
<servers /> <servers />
</component> </component>

8
frontend/src/components/InfoHeader.vue
View File

@@ -5,7 +5,7 @@ import UserLoginInfo from "../items/UserLoginInfo.vue";
import SetingsIcon from "../assets/Icons/SetingsIcon.vue"; import SetingsIcon from "../assets/Icons/SetingsIcon.vue";
import DarkModeIcone from "../assets/Icons/DarkModeIcone.vue"; import DarkModeIcone from "../assets/Icons/DarkModeIcone.vue";
import LightModeIcone from "../assets/Icons/LightModeIcone.vue"; import LightModeIcone from "../assets/Icons/LightModeIcone.vue";
import {ref} from "vue"; import {onMounted, ref} from "vue";
import router from "../router.ts"; import router from "../router.ts";
@@ -19,6 +19,12 @@ function switchThemeMode() {
themeIs.value = newTheme; themeIs.value = newTheme;
} }
onMounted(() => {
const storedTheme = localStorage.getItem("theme");
themeIs.value = storedTheme || "dark";
document.documentElement.setAttribute("data-theme", storedTheme || "dark");
});
function navigateToSettings() { function navigateToSettings() {
router.push("/settings"); router.push("/settings");
} }