AMAZEHOME/TypeWords
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Perfect night mode

Browse Source
This commit is contained in:
zyronon
2023-11-02 11:00:51 +08:00
parent 39554b9b72
commit 0ab894d306
4 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/App.vue
View File

@@ -20,8 +20,7 @@ const match: MediaQueryList = window.matchMedia("(prefers-color-scheme: dark)")
match.addEventListener('change', followSystem)
function followSystem() {
const theme = match.matches ? 'dark' : 'light'
document.documentElement.setAttribute('data-theme', theme)
document.documentElement.className = match.matches ? 'dark' : 'light'
}
watch(store.$state, (n) => {
@@ -52,7 +51,7 @@ onMounted(() => {
store.init()
settingStore.init()
if (settingStore.theme !== 'auto') {
document.documentElement.setAttribute('data-theme', settingStore.theme)
document.documentElement.className = settingStore.theme
}
})