style: apply a glowing effect to icons that do not support color change in css

This commit is contained in:
Hakadao
2023-09-06 14:57:33 +08:00
parent 1a2e4eb678
commit 3029daf0d9
3 changed files with 9 additions and 3 deletions

View File

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

View File

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

View File

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