renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: follow system theme change

Browse Source
This commit is contained in:
Stephen Zhou
2024-04-22 15:41:12 +08:00
parent f3117697c0
commit e61a27ba8b
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/contentScripts/views/App.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { useThrottleFn, useToggle } from '@vueuse/core'
import { usePreferredDark, useThrottleFn, useToggle } from '@vueuse/core'
import { useI18n } from 'vue-i18n'
import browser from 'webextension-polyfill'
import type { Ref } from 'vue'
@@ -29,10 +29,10 @@ const handleThrottledPageRefresh = useThrottleFn(() => handlePageRefresh.value?.
const handleThrottledReachBottom = useThrottleFn(() => handleReachBottom.value?.(), 500)
const topBarRef = ref()
const isPreferredDark = usePreferredDark()
const isDark = computed(() => {
if (settings.value.theme === 'auto')
return window.matchMedia('(prefers-color-scheme: dark)').matches
return isPreferredDark.value
return settings.value.theme === 'dark'
})