From 8c411abe9f54a5e7666c24841ffbc9a17614694e Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sat, 15 Apr 2023 20:02:36 +0800
Subject: [PATCH] fix: override `Bilibili Evolved` background color

---
 src/contentScripts/views/App.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue
index 93900981..fc15d23c 100644
--- a/src/contentScripts/views/App.vue
+++ b/src/contentScripts/views/App.vue
@@ -17,7 +17,6 @@ import { hexToRGBA } from '~/utils/main'
 const { locale } = useI18n()
 const [showSettings, toggle] = useToggle(false)
 const isDark = useDark({
-  // selector: '#bewly',
   onChanged: (isDark: boolean) => {
     if (isDark) {
       document.querySelector('html')?.classList.add('dark')
@@ -117,11 +116,15 @@ function setAppAppearance() {
 
   else
     mainApp.value?.classList.remove('dark')
+
+  // Override Bilibili Evolved background color
+  document.body.style.setProperty('background-color', 'var(--bew-bg)', 'important')
+  document.documentElement.style.setProperty('background-color', 'var(--bew-bg)', 'important')
 }
 </script>
 
 <template>
-  <div ref="mainApp" bg="$bew-bg" text="$bew-text-1" min-h-100vh>
+  <div ref="mainApp" text="$bew-text-1">
     <div m-auto max-w="$bew-page-max-width">
       <Transition name="topbar">
         <Topbar