From 434dfdba1ea34352b1123abc31724bb591418417 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Tue, 31 Oct 2023 01:34:39 +0800
Subject: [PATCH] feat: support dark mode for bilibili anime page

---
 src/contentScripts/index.ts             |   2 +
 src/styles/adaptedStyles/animePage.scss | 120 ++++++++++++++++++++++++
 src/styles/adaptedStyles/index.ts       |   1 +
 3 files changed, 123 insertions(+)
 create mode 100644 src/styles/adaptedStyles/animePage.scss

diff --git a/src/contentScripts/index.ts b/src/contentScripts/index.ts
index d43d4265..b2485efb 100644
--- a/src/contentScripts/index.ts
+++ b/src/contentScripts/index.ts
@@ -130,6 +130,8 @@ function injectApp() {
     || /https?:\/\/message.bilibili.com\.*/.test(currentUrl)
     // bilibili section page
     || /https?:\/\/www.bilibili.com\/v\/.*/.test(currentUrl)
+    // anime page
+    || /https?:\/\/www.bilibili.com\/anime.*/.test(currentUrl)
   ) {
     if (
       /https?:\/\/bilibili.com\/?$/.test(currentUrl)
diff --git a/src/styles/adaptedStyles/animePage.scss b/src/styles/adaptedStyles/animePage.scss
new file mode 100644
index 00000000..0a8d5b12
--- /dev/null
+++ b/src/styles/adaptedStyles/animePage.scss
@@ -0,0 +1,120 @@
+.bewly-design {
+  .home-v3-app-container {
+    .home-banner-wrapper
+      .banner-hover-group
+      .banner-hover-group-title
+      .is-hover-title
+      a.title-group:hover
+      .hover-sub-title,
+    .home-banner-wrapper
+      .banner-hover-group
+      .banner-hover-group-title
+      .is-hover-title
+      a.title-group:hover
+      .hover-title,
+    .home-cell-desc-title:hover,
+    #home_v3_mod_index.home-index-wrapper.inner-content-wrapper
+      .inner-content-body
+      .inner-content-item-index
+      .item-link-a-year:hover,
+    #home_v3_mod_index.home-index-wrapper.inner-content-wrapper
+      .inner-content-body
+      .inner-content-item-index
+      .item-link-a:hover,
+    #home_v3_mod_index.home-index-wrapper.inner-content-wrapper
+      .inner-content-body
+      .inner-content-item-index:not(:last-child)
+      .index-categary-head:hover,
+    .with-up-space:hover {
+      color: var(--bew-theme-color);
+    }
+
+    #home_v3_mod_index.home-index-wrapper.inner-content-wrapper
+      .inner-content-body
+      .inner-content-item-index:not(:last-child)
+      .index-categary-head:hover
+      .icon-arrow
+      path {
+      stroke: var(--bew-theme-color);
+    }
+
+    .with-up-space:hover .up-icon path {
+      fill: var(--bew-theme-color);
+    }
+
+    .play-icon {
+      background: var(--bew-theme-color-80);
+    }
+
+    .info-content-wrap .play-icon {
+      background: hsla(0, 0%, 100%, 0.2);
+    }
+  }
+
+  &.dark {
+    .home-v3-app-container {
+      background-color: var(--bew-bg);
+
+      #home_v3_mod_index.home-index-wrapper.inner-content-wrapper
+        .inner-content-body
+        .inner-content-item-index
+        .index-categary-head,
+      .home-cell-desc-title,
+      .timeline-weekday-item .weekday-description .timeline-item-title,
+      .section-title-v2-wrapper
+        .title-left
+        .week-day-wrapper
+        .week-day-item.active,
+      .section-title-v2-wrapper .title-right {
+        color: var(--bew-text-1);
+      }
+
+      #home_v3_mod_index.home-index-wrapper.inner-content-wrapper
+        .inner-content-body
+        .inner-content-item-index
+        .item-link-a,
+      #home_v3_mod_index.home-index-wrapper.inner-content-wrapper
+        .inner-content-body
+        .inner-content-item-index
+        .item-link-a-year,
+      .timeline-weekday-item .weekday-description .update-progress .update-to,
+      .home-cell-desc-subtitle[data-v-350d21cc],
+      .with-up-space,
+      .section-title-v2-wrapper .title-left .week-day-wrapper .week-day-item {
+        color: var(--bew-text-2);
+      }
+
+      .section-title-v2-wrapper .title-left .week-day-wrapper,
+      .section-title-v2-wrapper .title-right {
+        background-color: var(--bew-content-solid-1);
+      }
+
+      .section-title-v2-wrapper
+        .title-left
+        .week-day-wrapper
+        .week-day-item.active {
+        background-color: var(--bew-fill-1);
+      }
+
+      .section-title-v2-wrapper .title-right:hover {
+        background-color: var(--bew-content-solid-1-hover);
+      }
+
+      .recommend-feed-line-rank-wrapper.feenline-rank-wrapper {
+        background: unset !important;
+      }
+
+      .section-title-v2-wrapper .title-right {
+        border-color: var(--bew-border-color);
+      }
+
+      .section-title-v2-wrapper .title-right .left-icon {
+        filter: contrast(0) brightness(1.5);
+      }
+
+      .section-title-v2-wrapper .title-right .svg path {
+        fill: var(--bew-text-1);
+      }
+    }
+  }
+}
diff --git a/src/styles/adaptedStyles/index.ts b/src/styles/adaptedStyles/index.ts
index 3c5e3e79..17ffa99a 100644
--- a/src/styles/adaptedStyles/index.ts
+++ b/src/styles/adaptedStyles/index.ts
@@ -12,3 +12,4 @@ import './momentsPage.scss'
 import './historyPage.scss'
 import './userSpacePage.scss'
 import './notificationsPage.scss'
+import './animePage.scss'