From 3029daf0d9506f7d480c4c441fa5975b15e37a3b Mon Sep 17 00:00:00 2001 From: Hakadao Date: Wed, 6 Sep 2023 14:57:33 +0800 Subject: [PATCH] style: apply a glowing effect to icons that do not support color change in css --- src/styles/adaptedStyles/comments.scss | 5 +++++ src/styles/adaptedStyles/moments-page.scss | 3 ++- src/styles/adaptedStyles/video-page.scss | 4 ++-- 3 files changed, 9 insertions(+), 3 deletions(-) diff --git a/src/styles/adaptedStyles/comments.scss b/src/styles/adaptedStyles/comments.scss index a8022dce..096b059b 100644 --- a/src/styles/adaptedStyles/comments.scss +++ b/src/styles/adaptedStyles/comments.scss @@ -44,4 +44,9 @@ .bili-comment.browser-pc * a:hover { color: var(--bew-theme-color-80); } + +.reply-content-container .reply-content .icon { + filter: saturate(0) brightness(2) drop-shadow(0 0 1px var(--bew-theme-color)) + drop-shadow(0 0 4px var(--bew-theme-color)); +} // } diff --git a/src/styles/adaptedStyles/moments-page.scss b/src/styles/adaptedStyles/moments-page.scss index 3301ddb2..5de7c018 100644 --- a/src/styles/adaptedStyles/moments-page.scss +++ b/src/styles/adaptedStyles/moments-page.scss @@ -23,7 +23,8 @@ aside section.sticky { // #endregion .dyn-orig-author__following.following-icon:before { - filter: saturate(0) brightness(2) drop-shadow(0 0 1px var(--bew-theme-color)); + filter: saturate(0) brightness(2) drop-shadow(0 0 1px var(--bew-theme-color)) + drop-shadow(0 0 4px var(--bew-theme-color)); } #app .bg { diff --git a/src/styles/adaptedStyles/video-page.scss b/src/styles/adaptedStyles/video-page.scss index 2a03c409..e0aebdd5 100644 --- a/src/styles/adaptedStyles/video-page.scss +++ b/src/styles/adaptedStyles/video-page.scss @@ -29,9 +29,9 @@ .cur-play-icon, .playing-gif, .multi-page-v1 .cur-list .list-box li.on img, -.reply-content-container .reply-content .icon, .coin-operated-m-exp .like-checkbox input[type='checkbox']:checked + i { - filter: saturate(0) brightness(2) drop-shadow(0 0 1px var(--bew-theme-color)); + filter: saturate(0) brightness(2) drop-shadow(0 0 1px var(--bew-theme-color)) + drop-shadow(0 0 4px var(--bew-theme-color)); } .upinfo-btn-panel .follow-btn.not-follow:hover {