renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: support dark mode for bilibili anime page

Browse Source
This commit is contained in:
Hakadao
2023-10-31 01:34:39 +08:00
parent 0508443caa
commit 434dfdba1e
3 changed files with 123 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/contentScripts/index.ts
View File

@@ -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)

120
src/styles/adaptedStyles/animePage.scss Normal file
View File

@@ -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);
}
}
}
}

1
src/styles/adaptedStyles/index.ts
View File

@@ -12,3 +12,4 @@ import './momentsPage.scss'
import './historyPage.scss'
import './userSpacePage.scss'
import './notificationsPage.scss'
import './animePage.scss'