chore: Adjust Bilibili homepage top bar color and style

src/contentScripts/views/App.vue

@@ -9,7 +9,7 @@ import { useDark } from '~/composables/useDark'
 import { OVERLAY_SCROLL_BAR_SCROLL } from '~/constants/globalEvents'
 import { AppPage, LanguageType } from '~/enums/appEnums'
 import { accessKey, settings } from '~/logic'
-import { getUserID, hexToHSL, isHomePage, scrollToTop } from '~/utils/main'
+import { getUserID, isHomePage, scrollToTop } from '~/utils/main'
 import emitter from '~/utils/mitt'
 
 const { isDark } = useDark()

src/styles/adaptedStyles/common/topBar.scss

@@ -1,5 +1,9 @@
 .bewly-design {
   // Implement specific modifications to the page, like tweaking the layout, and place those styles here
+  .large-header {
+    background-color: transparent;
+  }
+
   .bili-header .slide-down,
   .bili-header .mini-header {
     background-color: var(--bew-elevated) !important;

src/styles/index.ts

@@ -6,4 +6,4 @@ import 'uno.css'
 import './adaptedStyles'
 import './transitionAndTransitionGroup.scss'
 import './blockAds.scss'
-import './remove-original-top-bar.scss'
+import './removeBiliTopBar.scss'