Update dark styles

This commit is contained in:
the1812 2019-04-23 11:29:15 +08:00
parent 974a106fab
commit 14fba6eb39
6 changed files with 79 additions and 23 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2
min/dark.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -6,7 +6,11 @@
#vip-exchange-modal .vip-exchange .months button.disabled, #vip-exchange-modal .vip-exchange .months button.disabled,
.tab-list .tab-item.active:before, .tab-list .tab-item.active:before,
.live-skin-coloration-area .live-skin-separate-area, .live-skin-coloration-area .live-skin-separate-area,
.live-skin-coloration-area .live-skin-separate-area-hover:hover .live-skin-coloration-area .live-skin-separate-area-hover:hover,
.action-row .sch-pub-btn.publishing,
.action-row .sch-pub-btn.disabled,
.action-row .publish-btn.publishing,
.action-row .publish-btn.disabled
{ {
background-color: #222 !important; background-color: #222 !important;
} }

View File

@ -77,7 +77,13 @@ div#square.container,
.gui-settings-flat-button .popup, .gui-settings-flat-button .popup,
.h5share-container .image-area .share-img, .h5share-container .image-area .share-img,
.notice-panel .img-container .notice-img, .notice-panel .img-container .notice-img,
.withdraw-wrapper .withdraw-text .withdraw-wrapper .withdraw-text,
.sch-pub-tips,
.sch-pub-tips::after,
.input-section .schedule-panel .s-input,
.input-section .schedule-panel .s-panel,
.date-input > input,
.date-input .date-panel
{ {
background-color: #222 !important; background-color: #222 !important;
} }
@ -224,7 +230,10 @@ body>div.to-top.on,
.play-options .play-options-more .play-options-content, .play-options .play-options-more .play-options-content,
.player-auxiliary-area, .player-auxiliary-area,
.bilibili-player-danmaku-report-panel .bui-radio-input:checked+.bui-radio-label, .bilibili-player-danmaku-report-panel .bui-radio-input:checked+.bui-radio-label,
.rank-list-ctnr .rank-list-ctnr,
.input-section,
.input-section .schedule-panel,
.date-input
{ {
background-color: transparent !important; background-color: transparent !important;
} }
@ -233,7 +242,8 @@ body>div.to-top.on,
background: #fff !important; background: #fff !important;
} }
.chat-history-panel .chat-history-list .chat-item.danmaku-item .admin-icon, .chat-history-panel .chat-history-list .chat-item.danmaku-item .admin-icon,
.chat-history-panel .chat-history-list .chat-item.danmaku-item .anchor-icon .chat-history-panel .chat-history-list .chat-item.danmaku-item .anchor-icon,
.date-input .date-panel .day.disabled
{ {
color: #444 !important; color: #444 !important;
} }
@ -306,7 +316,8 @@ body>div.to-top.on,
.container a, .container a,
.container .left-container .play-options, .container .left-container .play-options,
.twp-mask .twp-wrapper .twp-container .twp-text .twp-desc, .twp-mask .twp-wrapper .twp-container .twp-text .twp-desc,
.video-toolbar .appeal-text .video-toolbar .appeal-text,
.date-input .date-panel .week
{ {
color: #aaa !important; color: #aaa !important;
} }
@ -428,7 +439,15 @@ body>div.to-top.on,
.media-info .media-content .media-title a, .media-info .media-content .media-title a,
.share-box .share-popup .share-address ul li input, .share-box .share-popup .share-address ul li input,
.link-progress-tv, .link-progress-tv,
.card-timing-module .r-text .update a .card-timing-module .r-text .update a,
.sch-pub-tips,
.input-section .schedule-panel .dp-label,
.input-section .schedule-panel .s-label,
.input-section .schedule-panel .s-input,
.input-section .schedule-panel .s-item,
.date-input > input,
.date-input .date-panel .ym,
.date-input
{ {
color: #eee !important; color: #eee !important;
} }
@ -507,7 +526,12 @@ body>div.to-top.on,
.play-options .play-options-more .play-options-content .play-option, .play-options .play-options-more .play-options-content .play-option,
.container .right-container .media-theme, .container .right-container .media-theme,
.play-options .share-box, .play-options .share-box,
.share-box .share-popup .share-address ul li input .share-box .share-popup .share-address ul li input,
.input-section,
.input-section .schedule-panel .s-input,
.input-section .schedule-panel .s-panel,
.date-input > input,
.date-input .date-panel
{ {
border-color: transparent !important; border-color: transparent !important;
} }
@ -534,7 +558,8 @@ body>div.to-top.on,
.leaveMsg .leaveMsgHeader, .leaveMsg .leaveMsgHeader,
.medal-receive-title, .medal-receive-title,
.login-box .line, .login-box .line,
.open-dialog-masker .__dialog-header .open-dialog-masker .__dialog-header,
.date-input .date-panel .ym
{ {
border-color: #444 !important border-color: #444 !important
} }
@ -616,7 +641,9 @@ svg.toast-card-dismiss path,
.small-item.new .new-icon, .small-item.new .new-icon,
#article-list-index .title-holder .icon-close, #article-list-index .title-holder .icon-close,
#article-list-index .index-holder .article-item.on .point, #article-list-index .index-holder .article-item.on .point,
.bui-radio-icon.bui-radio-icon-selected .bui-radio-icon.bui-radio-icon-selected,
.vote-create-btn:hover,
.vote-create-btn.active
{ {
filter: var(--blue-image-filter) !important; filter: var(--blue-image-filter) !important;
} }
@ -698,7 +725,8 @@ body>.player #bilibiliPlayer
.publish-panel .hash-popup, .publish-panel .hash-popup,
#app .toolbar-wrapper, #app .toolbar-wrapper,
.article-action .ops .share-container .weixin-holder, .article-action .ops .share-container .weixin-holder,
#article-list-index #article-list-index,
.sch-pub-tips
{ {
box-shadow: 0px 1px 10px 0px var(--theme-color-30) !important; box-shadow: 0px 1px 10px 0px var(--theme-color-30) !important;
} }
@ -712,7 +740,8 @@ body>.player #bilibiliPlayer
.more .link .icon, .more .link .icon,
.filter-wrap .icon-tid2-arr, .filter-wrap .icon-tid2-arr,
.user-info .user-info-desc .arrow-left, .user-info .user-info-desc .arrow-left,
.side-bar-popup-cntr:after .side-bar-popup-cntr:after,
.date-input > img
{ {
display: none !important; display: none !important;
} }
@ -747,6 +776,19 @@ body>div.to-top.on
{ {
filter: invert(1); filter: invert(1);
} }
.input-section:focus-within
{
outline: none !important;
}
.input-section .textarea
{
border-radius: 4px !important;
border: 1px solid transparent !important;
}
.input-section .textarea:focus-within
{
border: 1px solid var(--theme-color) !important;
}
.activity.topic-preview-wrapper .s-bottom .activity.topic-preview-wrapper .s-bottom
{ {
border-radius: 0 !important; border-radius: 0 !important;
@ -783,7 +825,13 @@ body>div.to-top.on
.bili-radio:checked+span::before, .bili-radio:checked+span::before,
.rightMsg .msgDiv::before, .rightMsg .msgDiv::before,
#index-player-vm .item-border, #index-player-vm .item-border,
.open-dialog-masker .open-body ul li i.icon-complete .open-dialog-masker .open-body ul li i.icon-complete,
.input-section:focus,
.arrow-down.active,
.input-section .s-input:focus,
.date-input > input.active
.date-input > input:focus,
.date-input .date-panel .day.active
{ {
border-color: var(--theme-color) !important; border-color: var(--theme-color) !important;
} }
@ -859,7 +907,8 @@ body>div.to-top.on
.be-tags-container .tag.new-tag, .be-tags-container .tag.new-tag,
.share-box .share-popup .share-address ul li .btn, .share-box .share-popup .share-address ul li .btn,
.play-up-intro .play-up-follow .play-up-not-follow, .play-up-intro .play-up-follow .play-up-not-follow,
.card-timing-module .r-text .update .published .card-timing-module .r-text .update .published,
.sch-pub-btn
{ {
background-color: var(--theme-color) !important; background-color: var(--theme-color) !important;
} }
@ -966,7 +1015,9 @@ body>div.to-top.on
.play-options .share-box .share-btn ul .bili-share:hover, .play-options .share-box .share-btn ul .bili-share:hover,
.comment-list a, .comment-list a,
.bilibili-player-context-menu-container.black ul>li a>.active, .bilibili-player-context-menu-container.black ul>li a>.active,
.video-toolbar .appeal-text:hover .video-toolbar .appeal-text:hover,
.input-section .schedule-panel .s-item:hover,
.date-input .date-panel .day.active
{ {
color: var(--theme-color) !important; color: var(--theme-color) !important;
} }
@ -1011,7 +1062,8 @@ body>div.to-top.on
.be-tags-container .tag.new-tag, .be-tags-container .tag.new-tag,
.share-box .share-popup .share-address ul li .btn, .share-box .share-popup .share-address ul li .btn,
.play-up-intro .play-up-follow .play-up-not-follow, .play-up-intro .play-up-follow .play-up-not-follow,
.card-timing-module .r-text .update .published .card-timing-module .r-text .update .published,
.sch-pub-btn
{ {
color: var(--foreground-color) !important; color: var(--foreground-color) !important;
} }