Bilibili-Evolved/style/style-dark.scss
2018-07-16 15:46:53 +08:00

1395 lines
36 KiB
SCSS

body,
html,
p.num,
.bili-header-m.report-wrap-module,
.bili-footer,
.footer-wrp,
div.box,
div.live-box,
div.bubble-traditional,
div.dd-bubble,
div.ver span.tips,
div.desc-tips,
div.member-bottom,
div.im-list-box,
div.i-frame,
.dynamic-m,
ul.dyn_list,
.history-tag,
div.dyn_list_wrapper,
ul.up-nav,
ul.up-nav li,
span.date,
ul.bilibili-suggest,
.b-line>p>span,
.sub-nav,
.video-info-module,
div.stardust-player,
div.danmaku-wrap,
div.bilibili-player-auxiliary-area,
.bilibili-player-danmaku-date-picker-container,
.video-toolbar .share .share-pos .share-address ul li input,
li.tag,
.btn-add,
form.ipt,
.tag-info-pane,
.bangumi-info-module,
.bb-comment,
.user-card-m,
textarea,
.bb-comment .hot-line span,
.page-jump>input,
.bilibili-player-video-control,
.bilibili-player-video-sendbar,
.bilibili-player-video-inputbar,
.bilibili-player-video-progress-detail-time,
.bilibili-player.mode-fullscreen .bilibili-player-area .bilibili-player-video-control .bilibili-player-video-btn.bilibili-player-video-btn-widescreen,
.bilibili-player-video-volumebar-wrp,
.bpui-selectmenu-list,
.bpui-selectmenu-list-row[data-selected],
.bilibili-player-video-time-seek,
.user-card,
.emoji-box,
.emoji-tabs,
.bilibili-player-video-btn-setting-panel,
.bilibili-player-video-danmaku-setting-box,
.bilibili-player-video-danmaku-setting-left,
.bilibili-player-video-danmaku-setting-right,
.bui-select-list,
.bilibili-player-mode-selection-container,
.mode .selection-span,
.bilibili-player-color-picker-container,
.bilibili-player-color-picker-color-code,
.bilibili-player-block-string-short,
.bilibili-player-block-line,
.bilibili-player-modal-container,
.bpm-btn,
.bui-input-input,
.bui-select .bui-select-border,
.advanced-danmaku-group .adv-danmaku-btn-span,
.advanced-danmaku-group .adv-danmaku-btn-span.bpui-button-type-small,
.bui-input-wrap-disabled,
.bilibili-player-block-tabpanel .bilibili-player-block-tabpanel-row.bilibili-player-border,
.multi-page .cur-list li.on,
.multi-page .cur-list li.on:hover,
.collection-m,
.coin-operated-m,
.follow-dialog-window,
form.searchform:hover,
#app,
.home-page .back-top,
.repost,
.not-support,
.deleted,
.video-container,
.article-container,
.imagesbox .boost-control,
.history-list .r-info,
.dynamic-link-hover-bg:hover,
.dynamic-btn.pink.disabled,
.sticky-bar,
.card .focus-btn .unfocus,
.bangumi-container,
.textarea-container .comm-tool .comm-emoji,
.emoji,
.pagination,
.userinfo-content,
.watch-later-list header .d-btn,
.tab-contain,
.card .focus-btn .focus,
.page-container,
.right-side-bar .to-comment .comment-num,
.music-container .image-area .share-img,
.music-container .text-area,
div.con,
.audiolist-list .song-list .song-li .content .text,
.audio-info-module,
.audio-list .song-list .song-li .content .text,
.multi-page .more-box,
.h5share-container .text-area,
.g-search input,
.list-create,
.wrapper .modal-body .choice-wrp .battery,
.wrapper .modal-body .choice-wrp .battery-desp input,
.be-dropdown-menu,
.small-item .cover,
.disabled-cover,
#id-card,
#page-video #submit-video-type-filter,
.be-pager-options-elevator input[type=text],
.be-pager-item,
.be-pager-next, .be-pager-prev,
.contribution-sidenav .contribution-item:hover,
.my-album .tab-list,
#page-setting #setting-new-tag,
#page-setting #setting-new-tag-btn
{
background-color: #222 !important;
}
.back-top,
.sortable,
.nav-list,
.more-link,
.read-push,
.link-more,
.rank-item>.ri-num,
p.update>span>a,
.bili-dropdown,
.dropdown-list,
.c-clink,
a.more,
a.im-list:hover,
li.d-data:hover,
a.read-more,
ul.up-nav li:hover,
.bili-header-m .mini-wnd-nav .list li:hover,
li.suggest-item:hover,
.sub-nav li:hover,
.num-tip,
.btn.followed .b-gz,
.up-info .btn .b-cd,
.bilibili-player-danmaku-function,
.bilibili-player-danmaku-btn-time,
.bilibili-player-danmaku-btn-danmaku,
.bilibili-player-danmaku-btn-date,
.bilibili-player-danmaku-wrap,
.mCSB_draggerRail,
.bilibili-player-danmaku-btn-history,
.more-ops-list,
.app-look,
.video-toolbar .share .share-pos,
.bilibili-player-context-menu-container,
.tag-info-pane .tag-header .btn-subscribe,
.tag-info-pane .tag-header .btn-unsubscribe,
.notice-item,
.btn-box .liked,
.btn-box .like,
.btn-box .message,
.follow-btn,
.paging-box-big .tcd-number,
.paging-box-big .next,
.float-nav .nav-menu .item,
div.drag-bar,
.bpui-slider-tracker,
.bilibili-player-video-progress-buffer,
.bilibili-player-video-btn:hover,
.bilibili-player-setting-menu-wrap,
.bilibili-player-setting-menu-list,
.opera-list,
.tab-link.on,
.emoji-text:hover,
.bui-radio .bui-radio-button .bui-radio-label,
.bpui-selectmenu-list-row:hover,
.bpui-button.bpui-button-type-small,
.fontsize .selection-span,
.bilibili-player-filter-wrap.bilibili-player-block,
.recommend-list .rec-footer,
.bilibili-player-block-line:hover,
.bilibili-player-modal-btns .bpm-btn,
.bilibili-player-adv-danmaku,
.multi-page,
.video-page-card .card-box .pic-box,
.add-btn,
.collection-m .bottom .btn.disable,
a.s-btn,
.user-panel,
.tag-panel,
.section-block,
.publish-panel,
.tab-bar,
.card,
.notice-panel,
.history-btn>.btn,
.go-top
.tag-panel .more-button .more:hover,
a.more.tc-slate:hover,
.bp-popup-panel,
.comment-area,
.comment-area .comm-main .comm-list .hot-line >span,
.comment-area .comm-more a.more:hover,
.emoji:hover,
.emoji-cover.selected,
.page-controller .prev:hover,
.page-controller .next:hover,
.bg-white,
.feed-card .empty-content,
.forw-area,
.live-panel,
.paging-box-big .dian,
.feed-tag .publish-panel-container,
.go-top-m .go-top,
.right-side-bar .to-comment,
.right-side-bar .to-top,
.up-info-holder .fixed-box .rightside-article-list-btn,
.article-list-holder-block .article-list-plane,
.btn-cancel,
.n .n-inner,
#page-index .col-1,
#page-index .col-2 .section,
.wrapper .modal-header .u-info,
#page-index .album .content .album-wrapper .album-item .album-top,
.be-dropdown-item:hover,
.elec .elec-status,
.btn.default,
.col-full,
#page-dynamic .col-2 .section,
#page-channel-index .channel-option.no-channel,
#page-setting .setting-index-module,
.btn.ghost
{
background-color: #444 !important;
}
.brief a:hover,
div.brief>a:hover,
div.all>a:hover,
.live-lr .banner a:hover,
.bui-collapse-header,
.bilibili-player-filter,
.bpui-selected span,
.bpui-selected,
.bpui-unselecting,
.bpui-selecting,
.bpui-selecting>span,
.context-menu-a:hover,
.danmaku-info-report-btn,
.danmaku-info-block-btn,
.btn-box .message:hover,
.bui-switch .bui-body,
li.context-menu-descipline a,
.bui-select .bui-select-item:hover,
.multi-page .cur-list li:hover,
.article-list-holder-block .article-list-plane .button:hover,
.btn-cancel:hover,
.btn.default:hover,
.be-switch
{
background-color: #555 !important;
}
.btn-add span,
.bui-bar-wrap,
.bui-step-dot
{
background-color: #aaa !important;
}
.bpui-slider-handle
{
background-color: #eee !important;
}
.bilibili-player-video-inputbar,
#app,
.wrapper .modal-header
{
background-image: none !important;
}
.bilibili-player-color-picker-mask,
.bilibili-player-advanced-danmaku-control-container.mask:after,
.elevator-module .nav-bg
{
background-color: #222e !important;
}
.bili-footer a,
a.pic>p.title,
div.desc-tips,
div.r.p>div.info,
a.message,
div.desc,
.btn.followed .b-gz,
span.copyright,
.danmaku-info-row,
.bilibili-player-danmaku-btn-time,
.bilibili-player-danmaku-btn-danmaku,
.bilibili-player-danmaku-btn-date,
.bilibili-player-danmaku-date-picker-header,
.bilibili-player-danmaku-date-picker-btn,
.day-span,
.video-toolbar .ops span,
.video-toolbar .share .share-btn,
.video-toolbar,
li.tag,
.tag-info-pane .tag-footer .btn-left-box>a,
.video-desc .btn span,
li.tag>a,
.tag-info-pane .tag-header .btn-unsubscribe,
span.disabled,
.btn-box .liked,
.info .sign,
span.like span,
span.hate span,
.bb-comment .comment-list .list-item .info .plad a,
.float-nav .nav-menu .item,
div.drag-bar,
.bilibili-player-block-filter-label,
.bilibili-player-block-filter-image,
.mode .selection-span,
.recommend-list .rec-footer,
.bilibili-player-block-list-function>div,
.bilibili-player-block-line.block-state-disabled,
.bilibili-player-block-line-delete,
.bilibili-player-block-empty,
.collection-m .bottom .btn.disable,
.looked,
.history-list .r-info .w-info .name,
.history-list .r-info .w-info .pro-txt,
.history-list .l-info .lastplay-time .lastplay-t,
.tc-slate,
.more-button,
.boost-control li,
.boost-control li i,
.dynamic-list-item-wrap .item-user a.user-name,
.dynamic-list-item-wrap .item-user a.user-name.vip,
.textarea-container .comm-tool .comm-transpond,
.dynamic-list-item-wrap .info >span,
.page-controller .prev.disabled,
.page-controller .next.disabled,
.forw-area .forw-more a,
.watch-later-list header .d-btn,
.tab-list .tb-item,
.dynamic-list-item-wrap .view-more,
.comment-area .comm-main .comm-list .hot-line >span,
.up-info-block .up-info-right-block .row-2,
.up-info-block .up-info-right-block .fans-num,
.up-info-block .up-info-right-block .view-num,
blockquote,
blockquote *,
blockquote .color-blue-01,
blockquote .color-blue-02,
blockquote .color-blue-03,
blockquote .color-blue-04,
blockquote .color-gray-01,
blockquote .color-gray-02,
blockquote .color-gray-03,
blockquote .color-green-01,
blockquote .color-green-02,
blockquote .color-green-03,
blockquote .color-green-04,
blockquote .color-lblue-01,
blockquote .color-lblue-02,
blockquote .color-lblue-03,
blockquote .color-lblue-04,
blockquote .color-pink-01,
blockquote .color-pink-02,
blockquote .color-pink-03,
blockquote .color-pink-04,
blockquote .color-purple-01,
blockquote .color-purple-02,
blockquote .color-purple-03,
blockquote .color-purple-04,
blockquote .color-yellow-01,
blockquote .color-yellow-02,
blockquote .color-yellow-03,
blockquote .color-yellow-04,
.article-action .coin-btn .info-block span,
.article-action .fav-btn .info-block span,
.article-action .like-btn .info-block span,
.article-action .share-btn .info-block span,
.right-side-bar .to-comment .comment-num,
.up-info-holder .fixed-box .rightside-article-list-btn .title,
.article-list-holder-block .article-list-plane .button .title,
.article-list-holder-block .article-list-plane .button.off .label,
.multi-page .head-con .range-box .paging li,
.multi-page .more-box li,
.multi-page .head-con .range-box i,
.n .n-data .n-data-k,
.sec-empty-hint,
#page-index .channel .empty-state p,
.private-hint,
#page-index .col-2 .section .user-auth.no-auth .no-auth-title span,
.section .operation,
.i-live .i-live-unfo-btn,
.i-live .i-live-fo-count,
.elec .elec-status,
.disabled-cover,
.be-pager-item a,
.be-pager-next a, .be-pager-prev a,
.be-pager-item-jump-next,
.be-pager-item-jump-prev,
.be-pager-next,
.be-pager-prev,
.be-pager-options-elevator,
.be-pager-total,
.tabs a,
#id-card .idc-auth-description
{
color: #aaa !important;
}
.bili-dropdown,
.dropdown-list,
a.side-link>span,
h3,
p.ri-title,
p.t,
a.name,
div.bili-tab-item,
.sortable,
.nav-name,
.more-link,
.read-push,
.link-more,
.customize,
div.r-text>.t,
.c-clink,
div.brief>a>span,
div.all>a>span,
.lf-item p,
a.more,
a.recommand-link,
a.logout,
.member-menu a,
.btns-profile span,
div.bar>div.num>div,
div.grade span,
div.lv-row>strong,
a.im-list,
.dynamic-m a,
a.read-more,
.bili-header-m .mini-wnd-nav a,
.suggest-item a,
.sub-nav span,
.v-title,
.video-title,
a.username,
.bi-btn,
.up-info .btn .b-cd,
div.info,
div.title a,
div.b-head,
div.rec-title,
.bui-collapse-arrow,
.bilibili-player-filter-title,
.bilibili-player-filter-menu,
.danmaku-info-report-btn,
.danmaku-info-block-btn,
.danmaku-info-danmaku,
.bilibili-player-danmaku-btn-history,
.day-span.day-enable,
.more-ops-list,
.app-look,
.video-toolbar .share .share-pos .share-address ul li input,
.context-menu-a,
form.ipt>input,
.tag-title>a,
.tag-info-pane .text,
.tag-info-pane .tag-header .btn-subscribe,
.tag-info-pane .btn-right-box a,
.bangumi-info-module .v-preview .title,
.bb-comment .reply-notice .notice-item a,
.bb-comment .comment-header .tabs-order li,
.result,
.tcd-number,
.next,
.info .social a,
.btn-box .like,
textarea,
.comment-emoji,
p.text,
.bb-comment .hot-line span,
.page-jump>input,
.follow-btn,
.paging-box-big .tcd-number,
.paging-box-big .next,
.bilibili-player-video-btn:hover,
.bilibili-player-video-danmaku-input,
.bilibili-player-video-btn:hover .bilibili-player-iconfont,
.bilibili-player-video-progress-detail-time,
.bpui-selectmenu-list-row,
.bilibili-player-video-time-seek,
.bilibili-player-setting-menu-list,
.opera-list,
.emoji-text,
.bilibili-player-video-btn-setting-panel-playtype-title,
.bui-radio-label .bui-radio-text,
.bui-checkbox-name,
.bilibili-player-video-danmaku-setting-left-block-title,
.bilibili-player-video-danmaku-setting-left-more-text,
.bilibili-player-video-danmaku-setting-right,
.bilibili-player-video-danmaku-setting-right-more,
.bpui-button.bpui-button-type-small,
.bilibili-player-video-danmaku-setting-left-area-title,
.bilibili-player-video-danmaku-setting-left-block-title,
.bilibili-player-video-danmaku-setting-left-fontsize-title,
.bilibili-player-video-danmaku-setting-left-opacity-title,
.bilibili-player-video-danmaku-setting-left-speedplus-title,
.row-title,
.fontsize .selection-span,
.bilibili-player-color-picker-color-code,
.bilibili-player-block-label,
.text-con,
.bilibili-player-block-string-short,
.bilibili-player-block-tabpanel-row .bilibili-player-block-type-keyword,
.bilibili-player-block-tabpanel-row .bilibili-player-block-type-regex,
.bilibili-player-block-tabpanel-row .bilibili-player-block-type-user,
.bilibili-player-block-line,
.bilibili-player-modal-title,
.bilibili-player-modal-info,
.bilibili-player-modal-btns .bpm-btn,
.advanced-danmaku-group .content-span,
.bui-input-input,
.bui-select .bui-select-border,
.advanced-danmaku-group .adv-danmaku-pos-row .pos-span,
.advanced-danmaku-group .adv-danmaku-pos-row .axias-span,
.advanced-danmaku-group .adv-danmaku-btn-span,
.bui-input-wrap-disabled,
a.router-link-active,
a.router-link-exact-active,
.multi-page .cur-list li:hover,
.collection-m .title,
.content .group-list li,
.content .group-list li label .count,
.add-btn,
.coin-operated-m .coin-title,
.follow-dialog-window .title,
.watch-later-list header .t,
.watch-later-list .list-box .av-item .av-about .t,
a.s-btn,
span.key,
form.searchform:hover input,
.tc-black,
.history-wrap .b-head .b-head-t,
.history-btn>.btn,
.history-list .r-info .title,
.history-list .r-info .w-info .username,
.user-name a,
.content,
.video-container .text-area .title,
.sticky-bar .bar-content .title,
.home-page .sticky-bar .bar-content .message,
.bp-popup-panel .title-ctnr .popup-title,
.comment-area .comm-main .comm-tabs >ul >li,
.card .focus-btn .unfocus .unfocus-text,
.bangumi-container .text-area .title,
.emoji-box .title,
.emoji,
.emoji-cover.selected,
.emoji-cover,
.page-controller .prev,
.page-controller .next,
.dynamic-list-item-wrap .item-detail .text,
.userinfo-content,
.tc-dark-slate,
.article-container .text-area .title,
.paging-box-big .dian,
.feed-tag .separater-line,
.nav-tab-bar .tab-item span,
a.up-name,
.up-info-holder .fixed-box .more .top-bar,
.up-info-holder .fixed-box .more .help .title,
.up-info-holder .fixed-box .more .link .title,
.title-container .title,
.article-holder,
.article-holder .color-default,
.article-holder h1,
.article-action .coin-btn .info-block label,
.article-action .fav-btn .info-block label,
.article-action .like-btn .info-block label,
.article-action .share-btn .info-block label,
.up-info-holder .fixed-box .rightside-article-list-btn .label,
.up-info-holder .fixed-box .up-article-list-block .block-title,
.article-list-holder-block .article-list-plane .button .label,
.article-holder .video-holder .title,
div.con>div.txt,
.btn-cancel,
div.con header,
.audiolist-list .song-list .song-li .content .text a,
.audio-list .song-list .song-li .content .text,
.audio-list .song-list .song-li .content .text a,
.n .n-btn,
.n .n-data .n-data-v,
.g-search input,
.i-pin-v .be-tab-item,
.list-create .text,
.large-item .title,
.user-auth.no-auth .no-auth-title .goto-auth,
.i-m-title,
.i-m-btn,
.user .info .meta .item,
.wrapper .modal-header .title,
.wrapper .modal-body .choice-wrp .battery-desp,
.wrapper .modal-body .choice-wrp .battery-desp input,
.wrapper .elec-main-title,
.wrapper .elec-sub-title,
.paging-box .current,
.paging-box .dian,
.paging-box .next,
.paging-box .prev,
.paging-box .tcd-number,
.multi-page .cur-list li a,
#page-index .channel.guest .channel-item .channel-title .channel-name,
.small-item.disabled .title,
#page-index .album .content .album-wrapper .album-item .album-title,
#page-index .col-2 .section .user-auth .auth-description,
.elec .elec-monthly-c,
.elec .elec-count,
.be-dropdown-item,
#id-card .idc-uname,
#id-card .idc-meta-item,
.btn.default,
.contribution-sidenav,
.breadcrumb .item.cur,
.be-tab-item,
#page-video #submit-video-type-filter a,
.be-pager-options-elevator input[type=text],
#page-article .row .breadcrumb .item,
.my-album .title,
.my-album .tab-list .tab .name,
#page-channel-index .channel-option.no-channel p,
#page-channel-index .channel-item .channel-name,
#page-setting .setting-privacy-item .setting-privacy-name,
#page-setting #setting-new-tag,
.btn.ghost
{
color: #eee !important;
}
.bilibili-player.mode-fullscreen .bilibili-player-area .bilibili-player-video-btn-widescreen,
.bilibili-player.mode-fullscreen .bilibili-player-area .bilibili-player-video-btn-widescreen .bilibili-player-iconfont
{
color: #99a2aa !important;
}
.nav-tab-bar .tab-item.on span
{
color: #00a1d6 !important
}
li.tag,
form.ipt,
.bilibili-player-color-picker-color-code,
.history-list .l-info .lastplay-time .history-red-round,
.history-list .l-info,
.up-info-holder .fixed-box .more .top-bar,
.tag-container .tag-item .tag-content,
.up-info-holder .fixed-box .rightside-article-list-btn .label,
.up-info-holder .fixed-box .up-article-list-block .block-title
{
border-color: #aaa !important;
}
div.dd-bubble,
ul.bilibili-suggest,
.video-info-module,
.bilibili-player-danmaku-date-picker-container,
.video-toolbar .share .share-pos .share-address ul li input,
.bangumi-info-module,
.user-card-m,
.bilibili-player-video-control,
.bilibili-player-video-inputbar,
.bilibili-player-video-volumebar-wrp,
.bpui-selectmenu-list,
.user-card,
.face,
.emoji-box,
.bilibili-player-video-btn-setting-panel,
.bilibili-player-video-danmaku-setting-box,
.bilibili-player-mode-selection-container,
.bilibili-player-color-picker-container,
.bilibili-player-block-string-short,
.bilibili-player-modal-container,
.video-container,
.article-container,
.card .focus-btn .unfocus,
.textarea-container .comm-tool .comm-emoji,
.watch-later-list header .d-btn,
.card .focus-btn .focus,
.slim-border:after,
.music-container,
.audio-info-module,
.multi-page .more-box,
.h5share-container,
#id-card .idc-avatar,
.be-pager-options-elevator input[type=text],
#page-setting #setting-new-tag,
#page-setting #setting-new-tag-btn
{
border-color: #222 !important;
}
.nav-list,
.customize,
#primary_menu,
.bili-tab,
.bili-tab-item,
.bili-dropdown,
.dropdown-list,
.member-menu,
div.bar>div.num,
.dynamic-m,
.day-span,
.danmaku-info-report-btn,
.danmaku-info-block-btn,
.comment-header,
.bilibili-player-video-time-seek,
.pl__card,
.advanced-danmaku-group,
.add-btn,
.looked,
.history-wrap .time-label:before,
.comment-area .comm-main .comm-tabs,
.dynamic-list-item-wrap,
.comment-area .comm-more,
.forw-area .forw-more,
.userinfo-wrapper,
.btn-box .message:hover,
.article-action,
#article-list-btn .label,
#article-list-btn .title,
.btn-cancel,
.song-list .song-li .content .num,
.multi-page .head-con .range-box .paging li,
.multi-page .more-box li,
.g-search input,
.i-m-upload,
.i-m-r2,
#page-index .col-2 .section-title,
.user .info .meta .row,
#page-index .fav-covers,
.section .operation,
.i-live .i-live-unfo-btn,
.i-live .i-live-fo-count,
.be-dropdown-menu,
.btn.default,
.be-pager-item,
.be-pager-next, .be-pager-prev,
#page-subs .mini-item,
#page-setting .setting-index-container,
#page-setting .setting-index-module,
.btn.ghost,
.be-dropdown-item.be-dropdown-item-delimiter
{
border-color: transparent !important;
}
.back-top,
.more-link,
.read-push,
.link-more,
.c-clink,
ul.boston-postcards>li,
.lf-list,
a.more,
a.read-more,
.live-field.fl,
.square-field,
.v-preview,
.v-data,
.btn.followed .b-gz,
.up-info .btn .b-cd,
#arc_toolbar_report,
#v_desc,
.more-ops-list,
.app-look,
.video-toolbar .share .share-pos,
.bilibili-player-context-menu-container,
.notice-item,
.btn-box .liked,
.btn-box .like,
.btn-box .message,
.paging-box-big .tcd-number,
.paging-box-big .next,
div.con,
.float-nav .nav-menu .item,
textarea,
.comment-emoji,
.bb-comment .hot-line,
.page-jump>input,
.bilibili-player-setting-menu-wrap,
.opera-list,
.bilibili-player-video-danmaku-setting-right-separator,
.bui-select .bui-select-border,
.bpui-button.bpui-button-type-small,
.danmaku-wrap .bilibili-player-block-wrap,
.bilibili-player-block-string-short-btn,
.bilibili-player-modal-btns .bpm-btn,
.bilibili-player-adv-danmaku,
.bui-input-stepper,
.bui-input-input,
.bui-input .bui-input-stepper-up,
.bui-input-wrap-disabled,
.bilibili-player-modal-header,
.collection-m .title,
.collection-m .bottom,
.follow-dialog-window .title,
.follow-dialog-window .bottom,
.watch-later-list .list-box .av-item .av-about,
a.s-btn,
.history-btn>.btn,
.history-list .r-info .r-txt,
.history-list .r-info .w-info .username,
.go-top,
.btn-box .like,
.paging-box-big .dian,
.right-side-bar .to-comment,
.right-side-bar .to-top,
.right-side-bar .to-comment .comment-num,
.up-info-holder .fixed-box .rightside-article-list-btn,
.article-list-holder-block .article-list-plane,
div.con header,
#page-index .col-1,
.i-pin-v .be-tab,
.section,
.list-create,
#page-index .col-2 .section,
#page-index .col-2 .section:last-child,
.wrapper .modal-header .u-info,
.wrapper .modal-body .choice-wrp .battery,
.wrapper .modal-body .choice-wrp .battery-desp input,
.wrapper .modal-body .elec-protocol .checkbox,
.elec .elec-avatar,
.contribution-sidenav~.main-content,
.contribution-sidenav,
#page-myalbum .album-content
{
border-color: #444 !important
}
li.history,
li.history:hover,
li.timeline,
li.timeline:hover,
.b-line,
.b-line:hover,
.bilibili-player-danmaku-date-picker-header,
.video-toolbar .share .share-pos .box-b,
.btn-right-box
{
border-color: #99a2aa !important;
}
p.ri-title,
.read-push,
.link-more,
.dropdown-item,
.more-link,
.member-menu a,
a.logout,
a.im-list,
.bili-header-m .mini-wnd-nav a,
.video-desc .btn span,
li.tag,
.history-btn>.btn,
.elevator-module .nav-list .item
{
transition: all .2s !important;
}
.more-link>.icon,
.read-push>.icon,
.link-more>.icon,
.bili-dropdown>.icon,
.home>a,
.c-clink>.icon,
a.more>.b-icon,
.member-menu i,
a.read-more>.b-icon,
form.ipt>a,
.tag-info-pane .btn-right-box a i,
.icon-notice,
.icon-close-notice,
i.face,
img[src$='0a399ff.png@22w_22h.webp'],
i.btn-del,
.up-info-holder .fixed-box .rightside-article-list-btn .icon-list,
.list-create:hover .icon,
.i-m-ra,
.i-m-u-icon,
.i-live-icon,
.i-live-arrow,
.i-m-v-icon
{
filter: grayscale(100) brightness(100) saturate(0) !important;
}
ul.up-nav li
{
filter: grayscale(1) brightness(1.3) !important;
}
#page-index .col-1 .section .more,
.elec .elec-status,
.elec .elec-status-bg,
.small-item .cover
{
background-image: none !important;
}
.dropdown-item,
.bilibili-player-block-tabpanel-row.bilibili-player-border,
.g-search input
{
border-radius: 4px !important;
}
.back-top:hover,
.go-top:hover
{
background-position: -713px -72px !important;
}
.list-create:hover .icon
{
background-position: -716px -332px !important;
}
.multi-page .cur-list ul
{
max-height: none !important;
}
div.live-box,
div.box,
div.im-list-box,
.dynamic-m,
.bpui-slider-handle,
.bpui-selectmenu-list,
.sticky-bar .bar-content .send-button,
.article-container:hover .text-area,
.music-container:hover .text-area,
.h5share-container:hover .text-area,
.n .n-inner,
.large-item .cover img,
.mini-item .cover img,
.i-pin-c,
.elec .elec-trigger,
.col-full
{
box-shadow: none !important;
}
div.i-frame,
div.dd-bubble,
div.desc-tips,
ul.up-nav,
ul.bilibili-suggest,
.video-info-module,
.bilibili-player-context-menu-container,
.tag-info-pane,
.bangumi-info-module,
.user-card-m,
div.drag-bar,
#bofqi.mini-player:before,
.user-card,
.emoji-box,
.userinfo-wrapper,
.audio-info-module
{
box-shadow: 0px 1px 20px 2px $customStyleColor30 !important;
}
.sticky-bar
{
box-shadow: 0px 1px 10px 0 #0003 !important;
}
.bilibili-player-context-menu-container
{
text-shadow: none !important;
}
div.desc-tips>span.arrow-left,
.bb-comment .comment-header .tabs-order li.on:after,
.emoji-box:before,
.up-info-holder .fixed-box .more .link .icon,
.up-info-holder .fixed-box .more .help .icon,
.g-search .search-btn,
.wrapper .elec-message-wrp .elec-triangle
{
display: none !important;
}
.article-action i.animation
{
opacity: 0 !important;
}
.bilibili-player-video-progress-buffer-range
{
opacity: 0.5 !important;
}
.bilibili-player-block-label,
.advanced-danmaku-group .content-span
{
font-weight: 400 !important;
}
.bilibili-player-video-progress-detail-sign-down
{
border-top-color: $customStyleColor !important;
}
.bilibili-player-video-progress-detail-sign-up
{
border-bottom-color: $customStyleColor !important;
}
.bilibili-player-video-control
{
border-bottom-color: #333 !important;
}
.coin-operated-m .mc-box
{
border: 2px dashed #444 !important;
background-color: #fff !important;
}
.coin-operated-m .mc-box.on
{
border-style: solid !important;
}
.go-top-m .go-top
{
border: none !important;
}
.music-container .image-area .icon
{
filter: brightness(0) !important;
}
.g-search input
{
padding: 0 8px !important;
}
.c-clink:hover,
.bili-tab-item.on,
.read-push:hover,
.link-more:hover,
.more-link:hover,
a.read-more:hover,
a.more:hover,
.up-info .btn .b-cd:hover,
.bi-btn,
.day-span.day-enable.active,
li.tag:hover,
.bb-comment .comment-header .tabs-order li.on,
textarea:focus,
.comment-submit,
.page-jump>input:focus,
.paging-box-big .current,
.paging-box-big .tcd-number:hover,
.paging-box-big .next:hover,
.float-nav .nav-menu .item:hover,
.bilibili-player-video-btn-send,
.bpui-button.bpui-button-type-small:hover,
.bilibili-player-block-tabpanel-row.active-1 .bilibili-player-block-type-keyword,
.bilibili-player-block-tabpanel-row.active-2 .bilibili-player-block-type-regex,
.bilibili-player-block-tabpanel-row.active-3 .bilibili-player-block-type-user,
.coin-operated-m .mc-box.on
.coin-operated-m .mc-box:hover,
a.s-btn:hover,
.history-btn>.btn:hover,
.history-wrap .time-label,
.history-wrap .active:before,
.history-wrap .time-label:after,
.go-top,
.tag-panel .more-button .more:hover::after,
.comment-area .comm-main .comm-tabs >ul >li.active,
.up-info .up-focus-btn,
.card .focus-btn .unfocus:hover,
.btn-box .like:hover,
.live-panel .more-button .more:hover::after,
.coin-operated-m .mc-box.on,
.tab-list .tb-item.active,
.up-info-holder .fixed-box .follow-btn-holder .follow-btn,
.up-info-holder .fixed-box .follow-btn-holder .follow-btn:hover,
.right-side-bar .to-comment:hover,
.right-side-bar .to-top:hover,
.btn-submit,
.elevator-module .nav-list .item.on,
.elevator-module .nav-list .item:hover,
.elevator-module .back-top:hover,
.multi-page .more-box li.on,
input[type=text]:focus,
.be-tab-cursor,
.be-tab-cursor:after,
.list-create:hover,
.btn.primary,
.wrapper .modal-body .choice-wrp.selected .elec-input,
.wrapper .modal-body .choice-wrp.selected .battery,
.be-pager-item-active
{
border-color: $customStyleColor !important;
}
.num-wrap>span,
.rank-item.highlight>.ri-num,
p.on>span>a,
.c-clink:hover,
.sortable:hover,
.read-push:hover,
.link-more:hover,
.dropdown-item:hover,
.more-link:hover,
a.more:hover,
.dynamic-m .dyn_menu .line,
a.read-more:hover,
.bi-btn,
.up-info .btn .b-cd:hover,
.danmaku-info-report-btn:hover,
.danmaku-info-block-btn:hover,
.more-ops-list li:hover,
.video-toolbar .share .share-pos .share-address ul li .btn,
.btn-add:hover span,
.tag-info-pane .tag-header .btn-subscribe:hover,
.tag-info-pane .tag-footer .btn-left-box>a:hover,
.btn-box .like:hover,
.comment-submit,
span.reply:hover,
.bb-comment .hot-line a:hover,
.follow-btn,
.paging-box-big .tcd-number:hover,
.paging-box-big .current,
.paging-box-big .next:hover,
a.btn-more:hover,
.float-nav .nav-menu .item:hover,
.bilibili-player-video-progress-buffer-range,
.bpui-slider-progress,
.bilibili-player-video-btn-send,
.bilibili-player-setting-menu-list:hover,
.opera-list li:hover,
.bui-radio-input:checked+.bui-radio-label,
.bui-thumb-dot,
.bui-bar,
.bpui-button.bpui-button-type-small:hover,
.fontsize .selection-span.active,
.bui-switch .bui-checkbox:checked+.bui-body,
.bilibili-player-block-string-short-btn,
.advanced-danmaku-group .adv-danmaku-btn-span:hover,
a.s-btn:hover,
.history-btn>.btn:hover,
.history-wrap .time-label.active,
.history-list .cover-contain .progress,
.tab-bar .line,
.go-top:hover,
.dynamic-btn.pink,
.sticky-bar .bar-content .send-button,
.textarea-container .comm-tool .comm-submit,
.new-notice-bar,
.card .focus-btn .unfocus:hover,
.right-side-bar .to-comment:hover,
.right-side-bar .to-top:hover,
.btn-submit,
.elevator-module .nav-list .item.on,
.elevator-module .nav-list .item:hover,
.elevator-module .back-top:hover,
.multi-page .more-box li.on,
.n .n-cursor,
.btn.primary,
.elec .elec-trigger,
.contribution-sidenav .contribution-item.cur,
.be-pager-item-active,
#page-channel-index .channel-option.no-channel .create-channel,
.be-switch-container.is-checked .be-switch,
#page-setting #setting-new-tag-btn
{
background-color: $customStyleColor !important;
}
p.t:hover,
p.ri-title:hover,
div.r-text>.t:hover,
a.name:hover,
div.bili-tab-item:hover,
ul.nav-menu>li:hover,
div.spread-module:hover,
.bili-tab-item.on,
.bili-footer a:hover,
a.pic>p.title:hover,
a.bbs,
div.brief>a>span:hover,
div.all>a>span:hover,
.live-box .title,
.bili-header-m .bubble-traditional .recommand .title,
a.help-link,
.member-menu a:hover,
a.logout:hover,
a.im-list:hover,
.dynamic-m .dyn_menu li.on,
div.info>a,
.bili-header-m .mini-wnd-nav a:hover,
.bilibili-player-danmaku-btn-history.bpui-state-hover,
.day-span.day-enable.active,
.day-span.day-enable:hover,
.video-toolbar .ops span:hover,
.video-toolbar .ops .app .app-look .foot-txt a,
.video-toolbar .ops span.on,
li.tag>a:hover,
.video-desc .btn span:hover,
.tag-info-pane .tag-header .btn-unsubscribe:hover,
div.title a:hover,
span.current,
a.tcd-number:hover,
.bb-comment .comment-header .tabs-order li:hover,
.bb-comment .comment-header .tabs-order li.on,
.bb-comment .comment-list .list-item .info .plad a:hover,
a.more-hot,
a.btn-more,
.bilibili-player-video-hint>a:hover,
.bpui-selectmenu-list-row[data-selected],
.bui-checkbox:hover .bui-checkbox-name,
.bilibili-player-block-filter-type.disabled .bilibili-player-block-filter-label,
.bilibili-player-block-filter-type:hover .bilibili-player-block-filter-label,
.bilibili-player-block-filter-type.disabled .bp-icon,
.bilibili-player-block-filter-type:hover .bp-icon,
.bilibili-player-video-danmaku-setting-left-more:hover .bilibili-player-video-danmaku-setting-left-more-text,
.bilibili-player-video-danmaku-setting-left-more:hover,
.bilibili-player-video-danmaku-setting-left-more:hover i,
.bilibili-player-video-danmaku-setting-right-more:hover,
.bilibili-player-video-danmaku-setting-right-more:hover i,
.mode .selection-span.active,
.mode .selection-span:hover,
.bilibili-player-block-tabpanel-row.active-1 .bilibili-player-block-type-keyword,
.bilibili-player-block-tabpanel-row.active-2 .bilibili-player-block-type-regex,
.bilibili-player-block-tabpanel-row.active-3 .bilibili-player-block-type-user,
.bilibili-player-block-line-state,
.bilibili-player-block-line-delete:hover,
.bilibili-player-block-tabpanel-row>div:hover,
.multi-page .cur-list li.on i,
.collection-m .content .group-list li:hover,
.coin-operated-m .coin-title span,
.follow-dialog-window .content .info .uname,
.watch-later-list .list-box .av-item .av-about .t:hover,
.tc-blue,
.history-list .r-info .title:hover,
.history-list .r-info .w-info .username:hover,
.history-wrap .time-label,
.user-name:hover,
.time .detail-link:hover,
.more-button:hover,
.boost-control li:hover,
.boost-control li:hover i,
.tab-text:hover,
.tab-text.selected,
.tag-panel .tag-list a,
.box-toggle:hover,
.box-toggle:focus,
.box-toggle.active,
.expand-btn,
.dynamic-link-hover-bg,
.tag-panel .more-button .more:hover,
.sticky-bar .bar-content .title:hover,
.home-page .sticky-bar .bar-content .message:hover,
.comment-area .comm-main .comm-tabs >ul >li.active,
.comment-area .comm-more a.more:hover,
.bangumi-container .text-area .title:hover,
.tc-blue-hover,
.live-panel .more-button .more:hover,
a.up-name:hover,
.up-info-holder .fixed-box .more .help .title:hover,
.up-info-holder .fixed-box .more .link .title:hover,
.song-list .song-li:hover .content .text a,
.multi-page .head-con .range-box .paging li.on,
.multi-page .head-con .range-box i:hover,
.multi-page .more-box li:hover,
.n .n-btn:hover,
.n .n-fs:hover p,
.n .n-gz:hover p,
.be-tab-item.is-active,
.sec-empty-hint a,
.large-item .title:hover,
.small-item .title:hover,
.i-m-title:hover,
.i-live .i-live-link:hover,
.wrapper .modal-header .u-name,
.wrapper .modal-body .choice-wrp.selected .battery-desp,
.wrapper .elec-sub-title .up-name,
.bb-comment a,
.multi-page .cur-list li a:hover,
.section-title .t:hover,
.section .operation:hover,
#page-index .channel.guest .channel-item .channel-title .channel-name:hover,
.small-item.disabled .title:hover,
#page-index .album .content .album-wrapper .album-item .album-title:hover,
.i-live .i-live-off-guest a,
#id-card .idc-uname:hover,
.breadcrumb .item:hover,
#page-video #submit-video-type-filter a.active,
.be-pager-item:hover a,
.be-pager-next:hover a, .be-pager-prev:hover a,
.contribution-sidenav .contribution-item a:hover,
.my-album .tab-list .tab.active .name,
.album-card .title:hover,
.tabs a:hover,
#page-subs .detail a:hover,
#page-subs .action .sub-action,
#page-channel-index .no-channel-container em
{
color: $customStyleColor !important;
}
.sortable:hover,
.read-push:hover,
.link-more:hover,
.num-wrap>span,
.dropdown-item:hover,
.more-link:hover,
a.more:hover,
.dynamic-m .dyn_menu li,
.bili-header-m .mini-wnd-nav a:hover,
.up-info .btn .b-cd:hover,
.danmaku-info-report-btn:hover,
.danmaku-info-block-btn:hover,
.more-ops-list li:hover,
.tag-info-pane .tag-header .btn-subscribe:hover,
.tag-info-pane .tag-footer .btn-left-box>a:hover,
.btn-box .like:hover,
.comment-submit,
span.reply:hover,
.bb-comment .hot-line a:hover,
.follow-btn,
.paging-box-big .tcd-number:hover,
.paging-box-big .next:hover,
.paging-box-big .current,
a.btn-more:hover,
.float-nav .nav-menu .item:hover,
.bilibili-player-video-btn-send,
.bilibili-player-setting-menu-list:hover,
.opera-list li:hover,
.bui-radio-input:checked+.bui-radio-label .bui-radio-text,
.bpui-button.bpui-button-type-small:hover,
.fontsize .selection-span.active,
.bilibili-player-block-string-short-btn,
.advanced-danmaku-group .adv-danmaku-btn-span:hover,
a.s-btn:hover,
.history-btn>.btn:hover,
.history-wrap .time-label.active,
.dynamic-btn.pink,
.sticky-bar .bar-content .send-button,
.up-info .up-focus-btn,
.textarea-container .comm-tool .comm-submit,
.new-notice-bar .message,
.card .focus-btn .unfocus .unfocus-text:hover,
.article-container:hover .text-area .title,
.tab-list .tb-item.active,
.btn-submit,
.multi-page .more-box li.on,
.btn.primary,
.contribution-item.cur a,
.be-pager-item-active a,
.contribution-sidenav .contribution-item.cur .text:hover,
.be-pager-item.be-pager-item-active:hover a
{
color: $foreground !important;
}
.bui-checkbox .bui-checkbox-input:checked+.bui-checkbox-label .bui-checkbox-icon svg,
.bui-checkbox:hover .bui-checkbox-icon svg
{
fill: $customStyleColor !important;
}
.history-wrap .active:before,
.history-wrap .time-label:after,
.history-list .l-info .lastplay-time .history-red-round
{
border-top-color: transparent !important;
border-bottom-color: transparent !important;
}
.tag-panel .more-button .more::after
.tag-panel .more-button .more:hover::after
{
border-top-color: transparent !important;
border-right-color: transparent !important;
}
.bili-tab-item:before,
.dynamic-m .dyn_menu .line:before,
.be-tab-cursor:after
{
border-color: $customStyleColor !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
}
.multi-page .cur-list ul::-webkit-scrollbar-track {
background: #444 !important;
}
.multi-page .cur-list ul::-webkit-scrollbar-thumb {
background: #222 !important;
}
.multi-page .cur-list ul::-webkit-scrollbar-thumb:hover {
background: #333 !important;
}
::-webkit-scrollbar-thumb,
::-webkit-resizer
{
background: #444 !important;
}
::-webkit-scrollbar-thumb:hover
{
background: #555 !important;
}