Bilibili-Evolved/style/style-dark-slice-2.scss
2018-09-03 10:54:55 +08:00

560 lines
16 KiB
SCSS

.recom-wrap .no-result,
.side-bar-popup-cntr,
.link-popup-panel,
.timeline-header,
.timeline-wrapper,
.tl-head .tl-day,
li.season-item .season-body .season-title span.follow,
.season-timer .current-timer:before,
.bili-header-m .i_menu_login,
.slot-ctnr .panel,
.news-list .news-item:hover,
.publish-panel .publish-list .publish-item:hover,
#canvas-detail-comment-ctnr,
.comment-ctnr,
.bili-header-m .nav-menu .nav-con .nav-item .bml-box,
.danmaku-menu,
.bilibili-player-context-menu-container.black,
.bilibili-player-contextmenu-subwrapp>span.hover,
.tab-box .item.active::after,
.tab-box .item.active::before,
.guard-desc-box,
.buy-info-box,
.media-tab-wrp,
.live-module .tab-box,
.media-tab-nav,
.misl-ep-item,
.bangumi-review-item,
.sort-type-wrp ul,
.slide-item-wrp .slide-item-img,
.pagelistbox .p,
.sponsor-rank-item.special .sp-right .sp-msg
{
background-color: #222 !important;
}
.progress-bar-body,
.more-btn-cntr,
.timer-wrap,
.fjw-random,
.slot-ctnr .panel li:hover,
.user-panel-ctnr .exit-btn,
.news-notice-panel,
.news-list .news-item,
.article-content-ctnr,
.works-ctnr,
.author-info,
.dashboard,
.sidebar-canvas,
.paging-box-big .next,
.paging-box-big .prev,
.bilibili-player-ending-panel-box-functions .bui-button.bui-button-disabled,
.bilibili-player-context-menu-container.black ul>li.hover,
.bilibili-player-context-menu-container.black ul>li a:hover,
.intimacy-bar,
.tab-box,
.live-module .tab-item .r-item .number,
.fav-main .fav-action-bottom .fav-action-fixtop,
.media-tab-detail-wrp .media-tab-detail,
.media-tab-detail-wrp .media-tab-detail-l,
#page-fav .fav-main .fav-video-list.is-batch .small-item.selected,
#page-fav .fav-main .fav-video-list.is-batch .small-item:hover,
.sort-type-wrp ul li:hover,
.media-tab-module-content .spread-module .num,
.media-info-card,
.review-feed-wrapper,
.pagelistbox .custom-right .custom-right-inner,
.season-slider-wrapper .slider-wrapper .season-slider-list li:after,
.project-list .project-list-item
{
background-color: #444 !important;
}
// a
// {
// background-color: #555 !important;
// }
.tl-head .tl-day .indicator,
.season-timeline .season-group .group-time:before
{
background-color: #aaa !important;
}
// a
// {
// background-color: #eee !important;
// }
.sponsor-rank-item.normal .sp-left .face-wrap
{
background-image: none !important;
}
.bilibili-player-video-control
{
background-color: #2226 !important;
}
.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap
{
background-color: #222d !important;
}
.disabled-cover
{
background-color: #2229 !important;
}
.news-list .news-item .date,
.empty-hint,
.article-content-ctnr>hr,
.author-info .communicate-btn,
.bui-select.bui-select-quality-menu .bui-select-border,
.chief-recommend-module .carousel-box .carousel-module .panel .trig span.on
{
background-color: transparent !important;
}
// a
// {
// background: #fff1 !important;
// }
.fav-main .fav-action-top .back-to-info
{
background: transparent !important;
}
.introduction-text,
.vote-percentage,
.bread-crumb ul li a,
.sub-nav-m ul li a,
.up-info .up-info-tip,
.bili-header-m .i_menu_login .reg,
.live-ctn .live-attch .host,
.dynamic-m .title span:not(.sp),
.history-tag,
li.no-data,
.bilibili-player-ending-panel-box-functions .bui-button.bui-button-disabled,
.paging-box-big .page-jump,
.coin-operated-m .coin-bottom .tips,
.select-month .tip,
.act-info,
.i-live .i-live-off-guest,
.live-module .tab-item .r-item .r-i-t .u-online,
.live-module .tab-item .r-item .r-i-st,
.season-timeline .season-group.is-published .group-time,
.season-timeline .season-group .group-time,
.fav-main .fav-action-bottom .select-counter,
.misl-ep-item .misl-ep-text .misl-ep-title,
.bangumi-media .bangumi-media-header .btn-more-review,
.bangumi-review-item .item-header .author-name,
.bangumi-review-item .item-header .media-name,
.icon-star:not(.icon-star-light)::before,
.bangumi-review-item .review-content.long,
.sort-type-wrp div i,
.sort-type-wrp div,
.media-tab-module-wrp .media-tab-module-more,
.media-info-card .mic-expand,
.count-wrapper div,
.info-second span,
.info-second .info-sec-av,
.media-tab-module-wrp .media-tab-module-write.type-btn,
.review-list-wrp li .review-author-info div.review-author-name,
.review-list-wrp li .review-author-info div.review-author-time,
.review-list-wrp li .review-data div,
.review-list-wrp li .review-data div .icon-zan::before,
.review-list-wrp li .review-contro div,
.review-feed-wrapper .feed-header span,
.review-feed-wrapper .feed-header span .icon-refresh::before,
.review-feed-item .feed-left .review-about,
.review-feed-item .feed-left .review-about .author-info,
.review-feed-item .feed-left .review-about .media-title,
.review-feed-item .feed-right .likes,
.pagelistbox .p,
.pagelistbox strong,
.sponsor-rank-item.normal .sp-left .sp-rank,
.media-sponsor-wrapper .sponsor-rank-header .show-sponsor-rank,
.media-sponsor-wrapper .sponsor-right-area .sponsor-count-info,
.wrapper .modal-body .pay-info-wrp,
.rank-list-container .title
{
color: #aaa !important;
}
.section-title>a.t,
.section>.section-title,
.link-popup-panel,
.more-btn-text,
.chat-history-panel .gift-item .gift-count,
.chat-history-panel .hover-panel>span,
.is-max .vote-percentage,
.tl-head .tl-day.today span,
li.season-item .season-body .season-title,
.channel-m,
.hot-box li .txt,
.bili-header-m .i_menu_login .tip,
.user-info-name,
.slot-ctnr a,
.user-panel-ctnr .exit-btn,
.more:hover .text,
.more .icon-font,
.empty-hint .hint-text,
.live-ctn .live-attch .title,
button.button.more,
.dashboard li .text,
.dashboard li.collection .text,
.dashboard li.share .text,
.room-list .list-item .uname,
.chat-history-panel .chat-item,
.paging-box-big .next,
.paging-box-big .prev,
.tab-box .item.active,
.tab-box .item,
.tab-box .item .title,
.tab-box .item .desc,
.buy-info-box .left-part,
.bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-electric.little,
.pk-rank.side-bar-icon+.size-bar-text,
.gui-settings-button:not(.save),
.live-module .tab-item .r-item .r-i-t .u-name,
.bb-comment .nameplate .nameplate-card .nameplate-text,
.fav-main .fav-action-top .back-to-info,
.fav-main .fav-action-bottom li,
.fav-main .fav-action-bottom li:hover,
.fav-main .fav-action-bottom ul.filter-disable li:hover,
.media-tab-nav ul li,
.media-tab-module-wrp .media-tab-module-content .sl-ep-nav .sl-ep-nav-list,
.misl-ep-item .misl-ep-text .misl-ep-index,
.misl-ep-item .misl-ep-text .misl-ep-title,
.bangumi-media .bangumi-media-header h4,
.bangumi-media .bangumi-media-header .rate-wrapper .btn-go-write,
.bangumi-review-item .long-title,
.media-tab-module-wrp .media-tab-module-title,
.sort-type-wrp ul li,
.media-info-card,
.media-info-card .mic-evaluate,
.bangumi-header .header-info h1,
.review-list-wrp .review-detail .review-content,
.review-list-wrp .review-detail .review-title,
.review-feed-wrapper .feed-header h4,
.review-feed-item .feed-left .review-info .review-title,
.review-feed-item .feed-left .review-info .review-content,
.pagelistbox .custom-right .custom-right-inner,
.sponsor-rank-tab li,
.sponsor-rank-item.special .sp-right .sp-msg,
.sponsor-rank-item.normal .sp-right .sp-msg,
.media-sponsor-wrapper .sponsor-right-area .sponsor-count-info span,
.bangumi-review-item .review-content,
.sponsor-rank-item.special .sp-right .sp-user:not(.vip) .sp-name
{
color: #eee !important;
}
// a
// {
// color: #222 !important;
// }
.gift-item-wrap .num,
.side-bar-popup-cntr,
.timeline-header .tl-weeks:after,
.bili-header-m .i_menu_login,
.article-content-ctnr,
.works-ctnr,
.comment-ctnr,
.author-info,
.dashboard,
button.button.more,
.dashboard li.like,
.bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-electric,
.paging-box-big .next,
.paging-box-big .prev,
.buy-info-box,
.fav-main .fav-action-top .back-to-info,
.fav-main .fav-action-top,
#page-fav .fav-main .fav-video-list.is-batch .small-item.selected,
#page-fav .fav-main .fav-video-list.is-batch .small-item:hover,
.media-tab-module-wrp .media-tab-module-content .sl-ep-nav,
.misl-ep-item,
.media-tab-module-wrp .media-tab-module-content .sl-ep-nav .mode-select,
.bangumi-media,
.bangumi-media .bangumi-media-header .btn-more-review,
.media-tab-detail-wrp .media-tab-detail-l .media-tab-module-wrp,
.media-tab-detail-wrp .media-tab-detail .media-tab-module-wrp,
.sort-type-wrp ul,
.media-tab-module-wrp .media-tab-module-more,
.media-tab-module-wrp .media-tab-module-write.type-btn,
.review-list-wrp li,
.review-feed-item,
.pagelistbox .p,
.media-sponsor-wrapper,
.media-sponsor-wrapper .sponsor-rank-header .show-sponsor-rank,
.sponsor-rank-item.special .sp-right .sp-msg
{
border-color: transparent !important;
}
.season-timeline .season-group,
.season-timeline .season-group .group-time:before,
li.history,
.elec .elec-monthly-count
{
border-color: #aaa !important;
}
// a
// {
// border-color: #222 !important;
// }
.hot-live .room-list
{
border-color: #444 !important
}
// a
// {
// border-color: #99a2aa !important;
// }
// a
// {
// transition: all .2s !important;
// }
.tl-head .today .day-of-week,
.svg-icon.top1
{
filter: brightness(0) invert(1) !important;
}
.wrapper .modal-close:hover,
.coin-operated-m .close:hover,
.bili-header-m .bilibili-suggest .cancel:hover,
#page-fav .fav-main .fav-action-bottom .icon,
#page-fav .fav-main .small-item.selected .video-check,
.sl-ep-nav .mode-select li.detail-mode.selected,
.sl-ep-nav .mode-select li.detail-mode:hover,
.sl-ep-nav .mode-select li.simple-mode.selected,
.sl-ep-nav .mode-select li.simple-mode:hover,
.season-slider-wrapper .slider-wrapper .season-slider-list li.cur
{
filter: $blueImageFilter !important;
}
.season-timer .current-timer:before,
li.season-item .season-body .season-title span.follow,
.user-panel-ctnr .ctrl-btn .svg-icon,
.publish-panel .publish-list .publish-item a
{
filter: $pinkImageFilter !important;
}
.wrapper .modal-body .elec-protocol .checkbox.checked,
.wrapper .modal-close,
.coin-operated-m .close,
.i-live .i-live-m,
.tag-list .tag-icon,
.i-live .i-live-off-guest a .i-live-arrow,
.review-list-wrp li .review-data div.review-data-comment embed,
.review-list-wrp li .review-data div.review-data-comment i
{
filter: grayscale(1) !important;
}
.live-module .tab-item .r-item .r-i-t .u-online i
{
filter: brightness(0.72) !important;
}
.primary-menu .nav-menu .sub-nav li>a span:after
{
filter: none !important;
}
// a
// {
// background-image: none !important;
// }
.i-live .i-live-fo-btn, .i-live .i-live-unfo-btn
{
border-radius: 4px !important;
}
.timeline-header,
.timeline-wrapper,
.timeline-header .tl-weeks
{
box-shadow: none !important;
}
.side-bar-popup-cntr,
.link-popup-panel,
.bili-header-m .i_menu_login
{
box-shadow: 0px 1px 10px 0px $customStyleColor30 !important;
}
.side-bar-popup-cntr>.arrow,
.empty-hint .hint-img,
.sponsor-rank-item.special .sp-right .sp-msg>span,
.sponsor-rank-item.special .sp-right .sp-msg>span:before
{
display: none !important;
}
// a
// {
// opacity: 0 !important;
// }
// a
// {
// opacity: 0.5 !important;
// }
// a
// {
// opacity: 1 !important;
// }
.link-input:focus,
.dynamic-list-item-wrap .item-user a.stick,
#page-fav .fav-main .filter-item.search.focus,
.media-tab-nav ul li.on,
.media-tab-nav ul li:hover,
.sl-ep-nav .sl-ep-nav-list .sl-ep-nav-item.on,
.sl-ep-nav .sl-ep-nav-list .sl-ep-nav-item.on:after,
.review-list-wrp li .review-title .review-spoiler,
.pagelistbox .p.active,
.pagelistbox .p:hover,
.sponsor-rank-tab .indicator,
.sponsor-rank-tab .indicator:after
{
border-color: $customStyleColor !important;
}
.progress-bar-inner,
.tl-head .tl-day.today .indicator,
.primary-menu .nav-menu .channel.on::after,
.hot-box li .tag-type,
.bili-header-m .i_menu_login .login-btn,
.news-list .news-item .type,
.author-info .favourite-btn,
.live-status.on-live,
.live-status.on-live:hover,
.paging-box-big .next:hover,
.paging-box-big .prev:hover,
.bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-electric,
.bui-button.bui-button-blue,
.bui-button.bui-button-gray3:hover,
.intimacy-bar>span,
.h .h-follow,
.carousel-module .panel .trig span.on,
.live-module .tab-item .r-item:first-child .number,
.live-module .tab-item .r-item:nth-child(2) .number,
.live-module .tab-item .r-item:nth-child(3) .number,
.season-timeline .season-group.today .group-time:before,
.pagelistbox .p.active,
.pagelistbox .p:hover,
.wrapper .elec-message-wrp .elec-msg-btn
{
background-color: $customStyleColor !important;
}
.union-cntr a,
.title-link,
.link-popup-panel .title-ctnr .popup-title,
.user-info-name.active,
.bread-crumb ul li.on a,
.bread-crumb ul li:hover a,
li.season-item .season-body .season-title:hover,
li.season-item .season-body .season-desc.published,
.season-timer .season-label,
.season-timer .current-timer,
.sub-nav-m ul li.on a,
.sub-nav-m ul li a:hover,
.hot-box li:hover .txt,
.live-module .zone-title .headline .online span,
.bilibili-player-video-sendbar .bilibili-player-video-danmaku-wrap a,
.slot-ctnr .panel li:hover,
.user-panel-ctnr .exit-btn:hover,
.author-info .communicate-btn,
.live-ctn .live-attch .title:hover,
.live-ctn .live-attch .host:hover,
button.button.more:hover,
.author-info .link-pink:hover,
.link-footer a:hover,
.chat-history-panel .chat-item.welcome-guard .username,
.bilibili-player-ending-panel-box-functions div.active,
.bilibili-player-ending-panel-box-functions div.active:hover,
.bilibili-player-ending-panel-box-recommend-add-watchlater .icon-22wait-choice,
.coin-operated-m .mc-box.on .c-num,
.bilibili-player-context-menu-container span.bppl-state-selected,
.control-panel-ctnr .title,
.buy-detail .rights,
.i-live:hover .i-live-title,
.i-live .i-live-fo-btn,
.room-introduction-content a,
.live-module .tab-item .r-item a:hover .u-name,
.dynamic-list-item-wrap .item-user a.stick,
.season-timeline .season-group.today .group-time,
.media-tab-nav ul li.on,
.media-tab-nav ul li:hover,
.sl-ep-nav .sl-ep-nav-list .sl-ep-nav-item:hover,
.sl-ep-nav .sl-ep-nav-list .sl-ep-nav-item.on,
.misl-ep-item:hover .misl-ep-text .misl-ep-index,
.misl-ep-item:hover .misl-ep-text .misl-ep-title,
.bangumi-media .bangumi-media-header .rate-wrapper .btn-go-write:hover,
.bangumi-media .bangumi-media-header .btn-more-review:hover,
.bangumi-review-item>a:hover .long-title,
.sort-type-wrp ul li:hover,
.media-tab-module-wrp .media-tab-module-more:hover,
.media-info-card .mic-expand:hover,
.review-list-wrp li .review-author-info div.review-author-name:hover,
.review-list-wrp .review-detail:hover .review-title,
.review-list-wrp li .review-title .review-spoiler,
.review-feed-item .feed-left .review-info:hover .review-title,
.review-feed-item .feed-left .review-about .author-info:hover,
.review-feed-item .feed-left .review-about .media-title:hover,
.sponsor-rank-tab li.active,
.sponsor-rank-tab li:hover,
.wrapper .elec-sub-title .exp,
.wrapper .elec-sub-title .vip-point
{
color: $customStyleColor !important;
}
.hot-box li .tag-type,
.bili-header-m .i_menu_login .login-btn,
.bili-header-m .i_menu_login .reg a,
.news-list .news-item .type,
.author-info .favourite-btn,
.live-status.on-live,
.paging-box-big .next:hover,
.paging-box-big .prev:hover,
.bui-button.bui-button-blue,
.bui-button.bui-button-gray3:hover,
.h .h-follow,
.live-module .tab-item .r-item:first-child .number,
.live-module .tab-item .r-item:nth-child(2) .number,
.live-module .tab-item .r-item:nth-child(3) .number,
.live-module .tab-item .r-item .number,
.fav-main .fav-action-bottom .select-cancel,
.pagelistbox .p.active,
.pagelistbox .p:hover,
.wrapper .elec-message-wrp .elec-msg-btn
{
color: $foreground !important;
}
.bilibili-player-ending-panel-box-functions div.active .bp-svgicon,
.bilibili-player-ending-panel-box-functions div.active:hover .bp-svgicon
{
fill: $customStyleColor !important;
}
// a
// {
// border-top-color: transparent !important;
// border-bottom-color: transparent !important;
// }
// a
// {
// border-top-color: transparent !important;
// border-right-color: transparent !important;
// }
.sl-ep-nav .sl-ep-nav-list .sl-ep-nav-item.on:after,
.sponsor-rank-tab .indicator:after
{
border-left-color: transparent !important;
border-right-color: transparent !important;
}
// .chat-history-panel .chat-history-list::-webkit-scrollbar-track,
// .multi-page .cur-list ul::-webkit-scrollbar-track
// {
// background: #444 !important;
// }
// .chat-history-panel .chat-history-list::-webkit-scrollbar-thumb,
// .multi-page .cur-list ul::-webkit-scrollbar-thumb
// {
// background: #222 !important;
// }
// .chat-history-panel .chat-history-list::-webkit-scrollbar-thumb:hover,
// .multi-page .cur-list ul::-webkit-scrollbar-thumb:hover
// {
// background: #333 !important;
// }