From 3d6c1fb9ef072e5e207cf2febd4a7540e379f2cc Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Mon, 20 Nov 2023 16:55:04 +0800
Subject: [PATCH] feat: support dark mode for other channel pages support dark
 mode for tv shows, movie, variety shows pages

---
 src/contentScripts/index.ts               |  2 ++
 src/contentScripts/views/App.vue          |  2 ++
 src/styles/adaptedStyles/channelPage.scss | 20 ++++++++++++++++++--
 src/styles/adaptedStyles/common.scss      |  5 +++++
 4 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/contentScripts/index.ts b/src/contentScripts/index.ts
index 0ab1fa8d..a3df6cf8 100644
--- a/src/contentScripts/index.ts
+++ b/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)
diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue
index 7647d01d..434242a2 100644
--- a/src/contentScripts/views/App.vue
+++ b/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
diff --git a/src/styles/adaptedStyles/channelPage.scss b/src/styles/adaptedStyles/channelPage.scss
index 6c7ee46e..a8eca385 100644
--- a/src/styles/adaptedStyles/channelPage.scss
+++ b/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);
+    }
   }
 }
diff --git a/src/styles/adaptedStyles/common.scss b/src/styles/adaptedStyles/common.scss
index b823799f..32942a30 100644
--- a/src/styles/adaptedStyles/common.scss
+++ b/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);
   }