yuany3721/vuepress-theme-plume
1
0
Fork 0
forked from gitea-yuany3721/vuepress-theme-plume
Code Pull Requests Activity

fix(theme): page should be in light mode while printing, close #502 (#503)

Browse Source
This commit is contained in:
pengzhanbo 2025-03-02 00:07:39 +08:00 committed by GitHub
parent 00a858761c
commit d4e76e0b0b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
theme/src/client/composables/dark-mode.ts
View File

@ -1,5 +1,5 @@
import type { App, InjectionKey, Ref } from 'vue' import type { App, InjectionKey, Ref } from 'vue'
import { useDark } from '@vueuse/core' import { useDark, useEventListener } from '@vueuse/core'
import { inject, ref } from 'vue' import { inject, ref } from 'vue'
import { useThemeData } from './theme-data.js' import { useThemeData } from './theme-data.js'
@ -50,6 +50,16 @@ export function setupDarkMode(app: App): void {
Object.defineProperty(app.config.globalProperties, '$isDark', { Object.defineProperty(app.config.globalProperties, '$isDark', {
get: () => isDark, get: () => isDark,
}) })
useEventListener('beforeprint', () => {
if (isDark.value)
document.documentElement.dataset.theme = 'light'
})
useEventListener('afterprint', () => {
if (isDark.value)
document.documentElement.dataset.theme = 'dark'
})
} }
/** /**