fix theme
This commit is contained in:
17
.idea/workspace.xml
generated
17
.idea/workspace.xml
generated
@@ -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>
|
||||
|
@@ -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");
|
||||
}
|
||||
|
Reference in New Issue
Block a user