Bilibili-Evolved/style/style-dark-slice-2.scss
2018-08-30 15:15:28 +08:00

420 lines
11 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,
.live-module .tab-box
{
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,
#page-fav .fav-main .fav-video-list.is-batch .small-item.selected,
#page-fav .fav-main .fav-video-list.is-batch .small-item:hover
{
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;
// }
// a
// {
// 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;
}
.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
{
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
{
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
{
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
{
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
{
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
{
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
{
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
{
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
{
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
{
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;
// }
// a
// {
// 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;
// }