diff --git a/src/contentScripts/index.ts b/src/contentScripts/index.ts index d5dd9f6b..fc5b7a1f 100644 --- a/src/contentScripts/index.ts +++ b/src/contentScripts/index.ts @@ -63,6 +63,8 @@ function injectApp() { || /https?:\/\/search.bilibili.com\.*/.test(currentUrl) // moments || /https?:\/\/t.bilibili.com\.*/.test(currentUrl) + // moment detail + || /https?:\/\/www.bilibili.com\/opus\/.*/.test(currentUrl) // history page || /https?:\/\/(www.)?bilibili.com\/account\/history.*/.test(currentUrl) // user space page diff --git a/src/styles/adaptedStyles/comments.scss b/src/styles/adaptedStyles/comments.scss index b0159f51..12ca1645 100644 --- a/src/styles/adaptedStyles/comments.scss +++ b/src/styles/adaptedStyles/comments.scss @@ -61,17 +61,27 @@ } .bb-comment, -.comment-bilibili-fold { - background-color: transparent; +.comment-bilibili-fold, +.bb-comment .comment-send.comment-send-lite, +.comment-bilibili-fold .comment-send.comment-send-lite, +.bb-comment .comment-send-lite.comment-send-lite, +.comment-bilibili-fold .comment-send-lite.comment-send-lite { + background-color: var(--bew-content-solid-1); } -.bb-comment .comment-list .list-item .user .name, +// .bb-comment .comment-list .list-item .user .name, .comment-bilibili-fold .comment-list .list-item .user .name, .bb-comment .comment-header .tabs-order li, -.comment-bilibili-fold .comment-header .tabs-order li { +.comment-bilibili-fold .comment-header .tabs-order li, +.bili-dyn-forward-publishing__editor .bili-rich-textarea__inner { color: var(--bew-text-1); } +.bili-dyn-forward-item__uname, +.bb-comment .comment-list .list-item .user .name { + color: var(--bew-text-1) !important; +} + .bb-comment .comment-header .tabs-order li.on, .comment-bilibili-fold .comment-header .tabs-order li.on { border-color: var(--bew-theme-color); @@ -79,7 +89,12 @@ } .bb-comment .comment-header .tabs-order li:hover, -.comment-bilibili-fold .comment-header .tabs-order li:hover { +.comment-bilibili-fold .comment-header .tabs-order li:hover, +.bb-comment .comment-list .list-item .user .name:hover, +.comment-bilibili-fold .comment-list .list-item .user .name:hover, +.bb-comment a, +.comment-bilibili-fold a, +.bili-dyn-forward-item__action { color: var(--bew-theme-color); } @@ -91,12 +106,82 @@ .comment-bilibili-fold .comment-send .comment-emoji, .bb-comment .comment-send-lite .comment-emoji, .comment-bilibili-fold .comment-send-lite .comment-emoji, -.bb-comment .bottom-page.center { +.bb-comment .bottom-page.center, +.bili-dyn-forward__item, +.bili-dyn-forward__more { border-color: var(--bew-border-color); } -.bb-comment .comment-list .list-item .info .like.liked i, -.comment-bilibili-fold .comment-list .list-item .info .like.liked i { +.bb-comment .comment-send .comment-emoji, +.comment-bilibili-fold .comment-send .comment-emoji, +.bb-comment .comment-send-lite .comment-emoji, +.comment-bilibili-fold .comment-send-lite .comment-emoji { + box-shadow: unset; +} + +.bb-comment .comment-list .list-item .info span.liked i, +.comment-bilibili-fold .comment-list .list-item .info span.liked i, +.bb-comment .comment-list .list-item .info span.hated i, +.comment-bilibili-fold .comment-list .list-item .info span.hated i, +.bb-comment .comment-list .list-item .info span:hover i, +.comment-bilibili-fold .comment-list .list-item .info span:hover i, +.bb-comment .operation .spot:hover, +.comment-bilibili-fold .operation .spot:hover, +.bili-dyn-more__btn.tp.active, +.bili-dyn-more__btn.tp:hover { filter: var(--bew-filter-icon-glow); } + +.bb-comment .comment-send .textarea-container .ipt-txt, +.comment-bilibili-fold .comment-send .textarea-container .ipt-txt, +.bb-comment .comment-send-lite .textarea-container .ipt-txt, +.comment-bilibili-fold .comment-send-lite .textarea-container .ipt-txt, +.bili-dyn-forward-publishing__editor { + background-color: var(--bew-fill-1); + border-color: var(--bew-border-color); + color: var(--bew-text-1); +} + +.bb-comment .comment-send .textarea-container:hover textarea, +.comment-bilibili-fold .comment-send .textarea-container:hover textarea, +.bb-comment .comment-send-lite .textarea-container:hover textarea, +.comment-bilibili-fold .comment-send-lite .textarea-container:hover textarea, +.bb-comment .comment-send .textarea-container.focus textarea, +.comment-bilibili-fold .comment-send .textarea-container.focus textarea, +.bb-comment .comment-send-lite .textarea-container.focus textarea, +.comment-bilibili-fold .comment-send-lite .textarea-container.focus textarea, +.bili-dyn-forward-publishing__editor:not(.disabled):focus, +.bili-dyn-forward-publishing__editor:not(.disabled):hover { + background-color: var(--bew-content-solid-1); + border-color: var(--bew-theme-color); +} + +.bb-comment .comment-list .list-item .info .btn-hover:hover, +.comment-bilibili-fold .comment-list .list-item .info .btn-hover:hover, +.bb-comment .comment-list .list-item .reply-box .view-more .btn-more:hover, +.comment-bilibili-fold + .comment-list + .list-item + .reply-box + .view-more + .btn-more:hover { + color: var(--bew-theme-color); + background-color: var(--bew-fill-2); +} + +.bb-comment .comment-header .tabs-order li.on:after, +.comment-bilibili-fold .comment-header .tabs-order li.on:after { + display: none; +} + +.bili-dyn-forward-publishing__action__btn { + background-color: var(--bew-theme-color); +} + +// UP主觉得很赞 +.bb-comment .comment-list .list-item .info .reply-tags span, +.comment-bilibili-fold .comment-list .list-item .info .reply-tags span { + background-color: var(--bew-fill-1) !important; + color: var(--bew-text-2) !important; +} // #endregion diff --git a/src/styles/adaptedStyles/momentsPage.scss b/src/styles/adaptedStyles/momentsPage.scss index 35f47b4f..806947a4 100644 --- a/src/styles/adaptedStyles/momentsPage.scss +++ b/src/styles/adaptedStyles/momentsPage.scss @@ -12,6 +12,40 @@ position: relative; } +.dyn-orig-author__following.following-icon:before { + filter: var(--bew-filter-icon-glow); +} + +#app .bg { + opacity: 0.4; + height: 100%; +} + +#app .bgc { + background-color: var(--bew-homepage-bg); +} + +.bili-dyn-topic__card { + color: var(--bew-theme-color); +} + +.side-toolbar__action:not(.is-disabled):hover, +.side-toolbar__action:not(.is-disabled):hover svg { + fill: vaar(--bew-theme-color); +} + +.dark { + #app .bg { + opacity: 0; + } + + .bili-dyn-home--member, + #opus-detail-app + #app { + --bg1: var(--bew-content-solid-1); + --bg2: var(--bew-bg); + } +} + // #region Old moments page .international-header { visibility: hidden; @@ -30,7 +64,6 @@ aside section.sticky { .bili-dyn-item, .bili-dyn-banner, .topic-panel, -.bili-rich-textarea__inner, .bili-dyn-live-users, .bili-dyn-live-users__title, .bili-dyn-list-loading { @@ -38,6 +71,11 @@ aside section.sticky { color: var(--bew-text-1); } +.bili-rich-textarea__inner { + background-color: transparent; + color: var(--bew-text-1); +} + .bili-dyn-my-info__stat__item__count, .bili-rich-text__content, .topic-panel__nav-title, @@ -79,6 +117,10 @@ aside section.sticky { color: var(--bew-theme-color); } +.bili-dyn-up-list__item__face span { + background-color: var(--bew-theme-color); +} + .bili-dyn-card-video__desc { color: var(--bew-text-2); } @@ -188,42 +230,3 @@ aside section.sticky { } // #endregion - -.dyn-orig-author__following.following-icon:before { - filter: var(--bew-filter-icon-glow); -} - -#app .bg { - opacity: 0.4; - height: 100%; -} - -#app .bgc { - background-color: var(--bew-homepage-bg); -} - -.bili-dyn-topic__card { - color: var(--bew-theme-color); -} - -.dark { - #app .bg { - opacity: 0; - } - - .bili-dyn-home--member { - --bg1: var(--bew-content-solid-1); - --bg2: var(--bew-bg); - } - - // #region Old moments page - // .bili-rich-text__content { - // color: var(--bew-text-1); - // } - - // .bili-dyn-my-info, - // .bili-dyn-my-info--skeleton { - // background-color: var(--bew-bg); - // } - // #endregion -}