From 4cc2752779c7234c8ef5407e2ae28bbf80149236 Mon Sep 17 00:00:00 2001 From: Hakadao Date: Fri, 26 Jul 2024 16:54:47 +0800 Subject: [PATCH] fix(adapted-styles): improve dark mode style on notifications page and user space page --- .../pages/notificationsPage.scss | 22 +++++++++++++------ .../adaptedStyles/pages/userSpacePage.scss | 12 +++++++--- 2 files changed, 24 insertions(+), 10 deletions(-) diff --git a/src/styles/adaptedStyles/pages/notificationsPage.scss b/src/styles/adaptedStyles/pages/notificationsPage.scss index 9f7886f0..d6da8506 100644 --- a/src/styles/adaptedStyles/pages/notificationsPage.scss +++ b/src/styles/adaptedStyles/pages/notificationsPage.scss @@ -71,7 +71,8 @@ .notify-wrapper .notify-push .set-push:not(.disabled), .msg-notify .link:hover, .msg-more, - .error .btn { + .error .btn, + .detail .content.active:hover { color: var(--bew-theme-color); } @@ -87,7 +88,9 @@ color: white; } - .at:hover { + .at:hover, + .im-dynamic-link:hover, + .im-topic-link:hover { color: var(--bew-theme-color-80); } @@ -134,7 +137,8 @@ .bl-button--primary, .bl-button--ghost:hover, .message .message-content.is-me, - .notify-dot { + .notify-dot, + .content .kw-search-row .create-btn { background-color: var(--bew-theme-color); } @@ -221,7 +225,8 @@ .bili-im, .bl-button--shallow-o, .cs-self-service .cs-self-service-list .cs-self-service-item .tool-title, - .auto-reply-push__desc { + .auto-reply-push__desc, + .content .row .left .title { color: var(--bew-text-1); } @@ -242,7 +247,8 @@ .bp-icon-font.icon-close:before, .cs-actions-wrap .cs-actions .cs-action-item, .ar-recommend-item__info--desc .time, - .ar-recommend-item__info--view { + .ar-recommend-item__info--view, + .content .row .left .desc { color: var(--bew-text-2); } @@ -308,7 +314,8 @@ .divider-last::before, .divider-last::after, .header::after, - .split-line { + .split-line, + .content .chr { background-color: var(--bew-border-color); } @@ -331,7 +338,8 @@ .cs-order-notice, .cs-rich-text-answer .rich-answer-evaluate .ev-thumb, .cs-q-tab-area ul.cs-q-tabs li.cs-q-tab-item.active, - .auto-reply-push { + .auto-reply-push, + .content .kw-search-row .kw-search { background-color: var(--bew-fill-1); } diff --git a/src/styles/adaptedStyles/pages/userSpacePage.scss b/src/styles/adaptedStyles/pages/userSpacePage.scss index 9432bb8b..522697d3 100644 --- a/src/styles/adaptedStyles/pages/userSpacePage.scss +++ b/src/styles/adaptedStyles/pages/userSpacePage.scss @@ -40,7 +40,7 @@ // 淺色模式下主要對 theme color 調整配合 bewlybewly 配色 // 深色模式下才對主要邊框和背景色調整 // 淺色模式下顏色避免太大調整 - :not(fjdsl) { + :not(foobar) { .n .n-btn.active, .be-tab-item.is-active, #navigator a:hover, @@ -100,7 +100,8 @@ .bili-topic-new__default__create__text, .subscribe-list li .subscribe-link, .i-live:hover .i-live-title, - #page-article .row .breadcrumb .item.cur { + #page-article .row .breadcrumb .item.cur, + .bili-dyn-topic__card { color: var(--bew-theme-color); } @@ -130,6 +131,10 @@ color: var(--bew-theme-color-80); } + .bili-dyn-topic__card:hover { + color: var(--bew-theme-color-80) !important; + } + .n .n-cursor, .be-tab-cursor, .bangumi-pagelistbox .p:hover, @@ -259,7 +264,8 @@ .i-live .i-live-off-guest a .i-live-arrow, #page-follows .follow-main .follow-action-bottom .icon-copy, .search-component .icon-follow-search:hover, - #page-fav .fav-main .search-input .icon-search:hover { + #page-fav .fav-main .search-input .icon-search:hover, + .dyn-orig-author__following.following-icon:before { filter: var(--bew-filter-icon-glow); }