Skip to content

Commit

Permalink
Update dark style
Browse files Browse the repository at this point in the history
  • Loading branch information
the1812 committed Aug 28, 2018
1 parent be3ee3f commit 9aadc51
Show file tree
Hide file tree
Showing 3 changed files with 26 additions and 9 deletions.
4 changes: 2 additions & 2 deletions bilibili-evolved.offline.user.js

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion style/style-dark-slice-2.min.scss
Original file line number Diff line number Diff line change
@@ -1 +1 @@
.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{background-color:#444!important;}.tl-head .tl-day .indicator,.season-timeline .season-group .group-time:before{background-color:#aaa!important;}.news-list .news-item .date,.empty-hint,.article-content-ctnr>hr,.author-info .communicate-btn{background-color: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{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){color:#eee!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{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;}.hot-live .room-list{ border-color: #444 !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{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;}.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 20px 2px $customStyleColor30!important;}.side-bar-popup-cntr>.arrow,.empty-hint .hint-img{display:none!important;}.link-input: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{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{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{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;}
.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{background-color:#444!important;}.tl-head .tl-day .indicator,.season-timeline .season-group .group-time:before{background-color:#aaa!important;}.news-list .news-item .date,.empty-hint,.article-content-ctnr>hr,.author-info .communicate-btn{background-color: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{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{color:#eee!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{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;}.hot-live .room-list{ border-color: #444 !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{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;}.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 20px 2px $customStyleColor30!important;}.side-bar-popup-cntr>.arrow,.empty-hint .hint-img{display:none!important;}.link-input: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{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{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{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;}
29 changes: 23 additions & 6 deletions style/style-dark-slice-2.scss
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,8 @@ li.season-item .season-body .season-title span.follow,
.bilibili-player-context-menu-container.black ul>li.hover,
.bilibili-player-context-menu-container.black ul>li a:hover,
.intimacy-bar,
.tab-box
.tab-box,
.live-module .tab-item .r-item .number
{
background-color: #444 !important;
}
Expand Down Expand Up @@ -99,7 +100,9 @@ li.no-data,
.coin-operated-m .coin-bottom .tips,
.select-month .tip,
.act-info,
.i-live .i-live-off-guest
.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
{
color: #aaa !important;
}
Expand Down Expand Up @@ -137,7 +140,8 @@ button.button.more,
.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)
.gui-settings-button:not(.save),
.live-module .tab-item .r-item .r-i-t .u-name
{
color: #eee !important;
}
Expand Down Expand Up @@ -216,6 +220,10 @@ li.season-item .season-body .season-title span.follow,
{
filter: grayscale(1) !important;
}
.live-module .tab-item .r-item .r-i-t .u-online i
{
filter: brightness(0.72) !important;
}

// a
// {
Expand Down Expand Up @@ -274,7 +282,11 @@ li.season-item .season-body .season-title span.follow,
.bui-button.bui-button-blue,
.bui-button.bui-button-gray3:hover,
.intimacy-bar>span,
.h .h-follow
.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
{
background-color: $customStyleColor !important;
}
Expand Down Expand Up @@ -311,7 +323,8 @@ button.button.more:hover,
.buy-detail .rights,
.i-live:hover .i-live-title,
.i-live .i-live-fo-btn,
.room-introduction-content a
.room-introduction-content a,
.live-module .tab-item .r-item a:hover .u-name
{
color: $customStyleColor !important;
}
Expand All @@ -325,7 +338,11 @@ button.button.more:hover,
.paging-box-big .prev:hover,
.bui-button.bui-button-blue,
.bui-button.bui-button-gray3:hover,
.h .h-follow
.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
{
color: $foreground !important;
}
Expand Down

0 comments on commit 9aadc51

Please sign in to comment.