From 162da43cef53581c03168fdbedd3ab242a2b8a82 Mon Sep 17 00:00:00 2001 From: Hakadao Date: Thu, 31 Aug 2023 15:40:29 +0800 Subject: [PATCH] feat: sync Bilibili Evolved mode with BewlyBewly dark/light mode switch #26 --- src/contentScripts/views/App.vue | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue index d13b7dc6..712725fb 100644 --- a/src/contentScripts/views/App.vue +++ b/src/contentScripts/views/App.vue @@ -23,11 +23,15 @@ const [showSettings, toggleSettings] = useToggle(false) const isDark = useDark({ onChanged: (isDark: boolean) => { if (isDark) { - document.querySelector('html')?.classList.add('dark') + document.documentElement.classList.add('dark') + // Adjust Bilibili Evolved to dark mode when switching to dark mode + document.body.classList.add('dark') document.querySelector('#bewly')?.classList.add('dark') } else { - document.querySelector('html')?.classList.remove('dark') + document.documentElement.classList.remove('dark') + // Adjust Bilibili Evolved to light mode when switching to light mode + document.body.classList.remove('dark') document.querySelector('#bewly')?.classList.remove('dark') } },