style: adjust style

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 (

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;