Bilibili-Evolved/style/style-dark-slice-2.scss
2018-08-26 14:06:19 +08:00

300 lines
6.1 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
{
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
{
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;
// }
// a
// {
// background-color: #222e !important;
// }
.news-list .news-item .date,
.empty-hint,
.article-content-ctnr>hr,
.author-info .communicate-btn
{
background-color: transparent !important;
}
// a
// {
// background: #fff1 !important;
// }
// a
// {
// 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
{
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
{
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
{
border-color: transparent !important;
}
.season-timeline .season-group,
.season-timeline .season-group .group-time:before
{
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;
}
// a
// {
// 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;
}
// a
// {
// filter: grayscale(1) !important;
// }
// a
// {
// background-image: none !important;
// }
// a
// {
// 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 20px 2px $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;
// }
// a
// {
// 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
{
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
{
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
{
color: $foreground !important;
}
// a
// {
// 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;
// }