feat: support dark mode for other channel pages

support dark mode for tv shows, movie, variety shows pages

src/contentScripts/index.ts

@@ -132,6 +132,8 @@ function injectApp() {
     || /https?:\/\/www.bilibili.com\/v\/.*/.test(currentUrl)
     // anime page
     || /https?:\/\/www.bilibili.com\/anime.*/.test(currentUrl)
+    // tv shows, movie, variety shows page
+    || /https?:\/\/(www.)?bilibili.com\/(tv|movie|variety).*/.test(location.href)
   ) {
     if (
       /https?:\/\/bilibili.com\/?$/.test(currentUrl)

src/contentScripts/views/App.vue

@@ -67,6 +67,8 @@ const isTopbarFixed = computed(() => {
     || /https?:\/\/(www.)?bilibili.com\/anime(\/)?.*/.test(location.href)
     // moment page
     || /https?:\/\/t.bilibili.com.*/.test(location.href)
+    // tv shows, movie, variety shows page
+    || /https?:\/\/(www.)?bilibili.com\/(tv|movie|variety).*/.test(location.href)
   )
     return true
   return false

src/styles/adaptedStyles/channelPage.scss

@@ -3,7 +3,23 @@
     background-color: var(--bew-theme-color);
   }
 
-  .channel-swiper .channel-carousel-tool .channel-nav-click li {
-    background-color: var(--bew-fill-1);
+  .inner-c .play-icon.button,
+  .hover-c .play-icon.button {
+    background-color: var(--bew-theme-color-80);
+  }
+
+  .index-module .all-a:hover .all,
+  .index-module .all-a:hover .arrow-all,
+  .index-module .sub-m:hover,
+  .hot-module .hot-item:hover .title,
+  .promotion-c:hover .title,
+  .hover-c:hover .title {
+    color: var(--bew-theme-color);
+  }
+
+  &.dark {
+    .channel-swiper .channel-carousel-tool .channel-nav-click li {
+      background-color: var(--bew-fill-1);
+    }
   }
 }

src/styles/adaptedStyles/common.scss

@@ -6,6 +6,11 @@
     // background-color: var(--bew-bg) !important;
   }
 
+  .bili-header .bili-header__channel .channel-entry-more__link--current,
+  .bili-header .bili-header__channel .channel-link--current {
+    color: var(--bew-theme-color);
+  }
+
   .card-loaded {
     background-color: var(--bew-elevated-solid-1);
   }