From ccf22560bec3df5d19c7f5e6992e2a13d1a94169 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Thu, 31 Aug 2023 15:28:29 +0800
Subject: [PATCH] style: adjust style

---
 src/contentScripts/views/App.vue |  4 ++++
 src/styles/main.scss             | 22 ++++++++++++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue
index a96d001d..d13b7dc6 100644
--- a/src/contentScripts/views/App.vue
+++ b/src/contentScripts/views/App.vue
@@ -124,6 +124,10 @@ onMounted(() => {
     }, 800)
   })
 
+  // Force overwrite Bilibili Evolved body tag & html tag background color 
+  document.body.style.setProperty('background-color', 'unset', 'important');
+  document.documentElement.style.setProperty('background-color', 'unset', 'important');
+
   if (mainAppRef.value) {
     mainAppRef.value.addEventListener('scroll', () => {
       if (
diff --git a/src/styles/main.scss b/src/styles/main.scss
index de412f65..2ad0026b 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -8,6 +8,28 @@
   color-scheme: dark;
 }
 
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+html > ::-webkit-scrollbar-track {
+  background: var(--bew-bg);
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(120, 120, 122, 0.6);
+  border-radius: 20px;
+}
+
+::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
 html,
 body {
   // font-size: 14px !important;