fix(adapted-styles): improve dark mode style on notifications page and user space page

This commit is contained in:
Hakadao
2024-07-26 16:54:47 +08:00
parent 316e466dd4
commit 4cc2752779
2 changed files with 24 additions and 10 deletions

View File

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

View File

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