eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Fix system theme not respecting preferred dark theme. (#1673)

Browse Source
This commit is contained in:
Prospector
2024-04-10 18:30:46 -07:00
committed by GitHub
parent 60727656c9
commit 5b1850e161
3 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
pages/settings/index.vue
View File

@@ -41,7 +41,7 @@
class="theme-icon"
/>
<MoonIcon
v-else-if="cosmetics.preferredDarkTheme === option"
v-else-if="(cosmetics.preferredDarkTheme ?? 'dark') === option"
v-tooltip="formatMessage(colorTheme.preferredDark)"
class="theme-icon"
/>
@@ -402,14 +402,21 @@ const themeOptions = computed(() => {
onMounted(() => {
updateSystemTheme()
window.matchMedia('(prefers-color-scheme: light)').addEventListener('change', (event) => {
setSystemTheme(event.matches)
})
})
function updateSystemTheme() {
const colorSchemeQueryList = window.matchMedia('(prefers-color-scheme: light)')
if (colorSchemeQueryList.matches) {
const query = window.matchMedia('(prefers-color-scheme: light)')
setSystemTheme(query.matches)
}
function setSystemTheme(light) {
if (light) {
systemTheme.value = 'light'
} else {
systemTheme.value = cosmetics.value.preferredDarkTheme
systemTheme.value = cosmetics.value.preferredDarkTheme ?? 'dark'
}
}