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,
.tab-list .tab-item.active:before,
.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;
}

View File

@ -77,7 +77,13 @@ div#square.container,
.gui-settings-flat-button .popup,
.h5share-container .image-area .share-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;
}
@ -224,7 +230,10 @@ body>div.to-top.on,
.play-options .play-options-more .play-options-content,
.player-auxiliary-area,
.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;
}
@ -233,7 +242,8 @@ body>div.to-top.on,
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 .anchor-icon
.chat-history-panel .chat-history-list .chat-item.danmaku-item .anchor-icon,
.date-input .date-panel .day.disabled
{
color: #444 !important;
}
@ -306,7 +316,8 @@ body>div.to-top.on,
.container a,
.container .left-container .play-options,
.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;
}
@ -428,7 +439,15 @@ body>div.to-top.on,
.media-info .media-content .media-title a,
.share-box .share-popup .share-address ul li input,
.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;
}
@ -507,7 +526,12 @@ body>div.to-top.on,
.play-options .play-options-more .play-options-content .play-option,
.container .right-container .media-theme,
.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;
}
@ -534,7 +558,8 @@ body>div.to-top.on,
.leaveMsg .leaveMsgHeader,
.medal-receive-title,
.login-box .line,
.open-dialog-masker .__dialog-header
.open-dialog-masker .__dialog-header,
.date-input .date-panel .ym
{
border-color: #444 !important
}
@ -616,7 +641,9 @@ svg.toast-card-dismiss path,
.small-item.new .new-icon,
#article-list-index .title-holder .icon-close,
#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;
}
@ -698,7 +725,8 @@ body>.player #bilibiliPlayer
.publish-panel .hash-popup,
#app .toolbar-wrapper,
.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;
}
@ -712,7 +740,8 @@ body>.player #bilibiliPlayer
.more .link .icon,
.filter-wrap .icon-tid2-arr,
.user-info .user-info-desc .arrow-left,
.side-bar-popup-cntr:after
.side-bar-popup-cntr:after,
.date-input > img
{
display: none !important;
}
@ -747,6 +776,19 @@ body>div.to-top.on
{
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
{
border-radius: 0 !important;
@ -783,7 +825,13 @@ body>div.to-top.on
.bili-radio:checked+span::before,
.rightMsg .msgDiv::before,
#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;
}
@ -859,7 +907,8 @@ body>div.to-top.on
.be-tags-container .tag.new-tag,
.share-box .share-popup .share-address ul li .btn,
.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;
}
@ -966,7 +1015,9 @@ body>div.to-top.on
.play-options .share-box .share-btn ul .bili-share:hover,
.comment-list a,
.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;
}
@ -1011,7 +1062,8 @@ body>div.to-top.on
.be-tags-container .tag.new-tag,
.share-box .share-popup .share-address ul li .btn,
.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;
}