Merge pull request #1372 from LonelySteve/dark-style

dark style
This commit is contained in:
Grant Howard 2021-01-05 21:32:58 +08:00 committed by GitHub
commit 07e87f64f0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 141 additions and 27 deletions

View File

@ -144,6 +144,7 @@ div.con,
.home-wrap .home-input .list li:hover,
.suggest-wrap .horizontal .hz-text,
.suggest-wrap .vt-text:hover,
.suggest-wrap .vt-text.focus,
.home-wrap .home-suggest .hotlist .num,
.fixed-top,
.page-wrap .pager,

View File

@ -917,6 +917,57 @@
}
.cinema-movie-wrapper {
.title {
@include color("e");
}
.preview-item {
.title:hover {
@include theme-color();
}
.cover {
@include background();
}
}
div[name="web_tag"] {
a {
@include color("e");
&:hover {
@include theme-color();
}
}
}
div[name="web_rank"] {
.more {
@at-root #icon_操作_前往 {
@include fill("e");
}
}
}
div[name="web_index"] {
.card {
z-index: 0;
}
}
.coming-soon-wrapper .mine {
@include color("e");
@include background-color("4");
@include border-color();
&:hover {
@include background-color("3");
}
}
.card-wrapper .card-item {
.time-line-wrapper.empty .date {
@include color("a");
}
.follow-btn.followed {
@include background-color("3");
@include color("a");
}
.title:hover {
@include theme-color();
}
}
.banner-wrapper .side-list .side-item.selected:hover .title {
@include theme-color();
}
@ -959,16 +1010,6 @@
}
}
}
.popup-card .info {
@include background-color("4");
.title {
@include color("e");
}
.style,
.time {
@include color("a");
}
}
.activity-wrap .title {
@include color("e");
}
@ -996,7 +1037,42 @@
}
}
}
.popup-card {
@include background();
.info {
@include background-color("4");
.title {
@include color("e");
&:hover {
@include theme-color();
}
}
.style .style-item {
@include background-color("2");
@include color("a");
}
.time {
@include color("a");
.split-line {
@include background-color("a");
}
}
.desc {
@include color("a");
}
.action-group .follow-btn {
@include theme-border-color();
.follow-icon g#方案1 {
@include fill("e");
}
&.followed {
@include background-color("3");
@include border-color("3");
@include color("a");
}
}
}
}
.live-up {
.live-detail {
.up-name {

View File

@ -76,7 +76,7 @@
}
}
.search-container {
@include background-color("2");
@include background-color();
.header-info {
.title {
@include color("e");
@ -931,6 +931,41 @@ html {
@include theme-border-color();
}
}
.bilibili-player-context-menu-container ul>li a {
.bilibili-player-drag-mask-progress .bilibili-player-drag-mask-progress-tempo {
@include theme-background-color();
}
.list-wrapper {
@at-root #eplist_module &.detail .ep-item {
@include background-color();
&:hover .ep-title {
@include theme-color();
}
}
.ep-item.visited:not(.cursor) {
@include color("a");
}
}
.bp-popup-panel {
#editor {
@include background-color("3");
@include color("e");
}
.publish-btn {
@include theme-background-color();
}
}
.error-body .error-msg .error-img {
@include to-theme("blue");
}
.article-action .more .more-ops-list ul li:hover {
@include theme-color();
}
.bilibili-player-context-menu-container ul > li a {
@include color("e");
}
}
.coin-dialog-mask .like-checkbox {
@include color("e");
i {
@include to-theme("blue");
}
}

View File

@ -297,7 +297,7 @@ a.bp_box_bot_click,
{
background: transparent !important;
}
.bui-button.bui-button-gray2,
.introduction-text,
.vote-percentage,
.bread-crumb ul li a,
@ -602,7 +602,7 @@ button.button.more,
.bangumi-review-item .review-content,
.sponsor-rank-item.special .sp-right .sp-user:not(.vip) .sp-name,
.player-auxiliary-auxiliary-area .player-auxiliary-filter-title,
.bui-button.bui-button-gray2,
.bui-button.bui-button-gray2:hover,
.player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list,
.player-auxiliary-block-tabpanel-row.special-title .player-auxiliary-block-label,
.player-auxiliary-block-string,
@ -812,7 +812,7 @@ h2.title,
.media-info-wrp .media-info-content .media-info-inner .media-info-r .media-info-title .media-tag,
.media-info-count .media-info-count-item *,
.btn-pay-wrapper.is-vip a,
.sponsor-rank-item.normal .sp-right .sp-user .sp-name,
.sponsor-rank-item.normal .sp-right .sp-user:not(.vip) .sp-name,
.sponsor-rank-item.simple .sp-rank i,
.media-sponsor-wrapper .sponsor-right-area .sponsor-btn,
.sponsor-pay-dialog-v2 .sponsor-pay-header.border .title,

View File

@ -826,6 +826,7 @@ th.list-head-text,
.item-footer .button-line .button-wrapper .button-item {
border-color: #aaa !important;
}
.coin-dialog-mask .coin-operated .mc .mc-box,
.main-container .media-info,
.main-container .review-module,
.main-container .plp-l .comment-wrapper,
@ -993,7 +994,8 @@ th.list-head-text,
.video-list .vl-hd .float_window .selet-datebox .sse a,
.video-list .vl-hd .float_window .selet-datebox .sse,
.video-list .vl-hd .vl-hd-sub .selector-block .date-select:hover,
.coin-dialog-mask .coin-operated .mc .mc-box,
.coin-dialog-mask .coin-operated .mc .mc-box.on,
.coin-dialog-mask .coin-operated .mc .mc-box:hover,
.score-progress-bar.dp-i-block.v-middle.p-relative .progress-bar-core.p-absolute,
input[type="radio"]:checked + .custom-radio,
.live-item .live-item-link .live-img-box .hover-panel .live-bg-merge .live-item-mark,
@ -1020,8 +1022,6 @@ input[type="radio"]:checked + .custom-radio,
{
border: 1px solid var(--theme-color) !important;
} */
.ep-list-wrapper .ep-item .badge.pink,
.section-ep-wrapper .ep-item .badge.pink,
.main-container .media-info .media-right .media-tool-bar .btn-rating:hover,
.short-review-masker .short-review-content .review-body-wrap .mr-btn.active,
.short-review-masker .short-review-content .review-body-wrap .mr-btn.active:hover,

View File

@ -4,8 +4,6 @@
.tab-selector-wrap .selector-wrap ul>li:hover,
.article-info-module,
.result.is-web .vote-result-comment,
.error-body .error-container .error-panel .audio-split,
.error-body .error-container .song-wrap .image-split,
.error-body .error-container .song-wrap .change-song,
.share-board .song-share .song-share-ul li:hover,
.normal-v2-container .normal-title-wrp>.template-op>.template-op-divide,
@ -67,6 +65,8 @@
{
background-color: #333 !important;
}
.error-body .error-container .error-panel .audio-split,
.error-body .error-container .song-wrap .image-split,
.up-info .btn-panel .charge-btn,
.content .rank-list,
.link-tag-box .selector-wrap,
@ -422,7 +422,7 @@
.pgc-list .pgc-item .right-info .headline .pgc-label,
#pgc-navigate-wrap .play-btn,
#pgc-navigate-wrap .play-btn:hover,
.sponsor-rank-item.pos-rank-module .sp-right .sp-user .sp-name,
.sponsor-rank-item.pos-rank-module .sp-right .sp-user:not(.vip) .sp-name,
.tabs .customize-tab .tab-title,
.customize-wrp .steps-title,
.steps .step-operate .step-bread .step-index,
@ -941,7 +941,7 @@
.steps .step-operate .step-bread .step-title.selected,
.steps .step-operate .dropdown-btn .icon-text,
.card-warpper .card-warpper-outside .card-item .learn.unlearn,
.sponsor-rank-item.pos-rank-module .sp-right .sp-user .sp-name:hover,
.sponsor-rank-item.pos-rank-module .sp-right .sp-user:not(.vip) .sp-name:hover,
.home-pc .application .application-body .fjw-tip li:first-child,
.song-info .info-wrap .choose-type .selected,
.song-info .info-wrap .type-list .item-list .type-item:hover,

View File

@ -1,3 +1,4 @@
.coming-soon-wrapper .card-wrapper .card-item .time-line-wrapper .line .point-wrapper,
.content .share-wrap,
.box .content-wrap .btn .info,
.nomal-task .bottom-box .btn,
@ -31,9 +32,7 @@
.bangumi-options .opt-list,
.player-auxiliary-danmaku-function [class*="player-auxiliary-danmaku-btn-"],
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap,
.bui-button.bui-button-gray2,
.player-auxiliary-danmaku-function,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-btn-footer,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap-child .player-auxiliary-panel-title,
.bpui-selected,
.bpui-selected span,
@ -59,6 +58,7 @@
.bui-swiper-wrap .bui-swiper-item .bui-swiper-text {
background-color: #333 !important;
}
.bui-button.bui-button-gray2,
.mession-box .content .list-wrap .item-index,
.news-dialog-Wrapper,
.box .record-wrap,
@ -129,7 +129,6 @@ li.danmaku-info-row.bpui-selecting,
.bili-search .live-user-item .item-right .tags > span,
.bili-search .pgc-item .right-info .headline .pgc-label,
.follow-right-module .follow-head .follow-more,
.coming-soon-wrapper .card-wrapper .card-item .time-line-wrapper .line .point-wrapper,
.carousel-wrap li.scrollx,
.feed-card .feed-title,
.main-panel .hot-topic-panel,
@ -158,6 +157,8 @@ li.danmaku-info-row.bpui-selecting,
.guard-rank-cntr .rank-cntr .rank-list-box .url-back {
background-image: none !important;
}
.player-auxiliary-area .player-auxiliary-collapse .bui-collapse-body,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-btn-footer,
.elevator .bg23,
.player-auxiliary-area .danmaku-info-row-special,
.rank-list-ctnr .normal-list .item.self,

View File

@ -15,6 +15,7 @@ const notSupported: (string | RegExp)[] = [
'//member.bilibili.com/studio/bs-editor/projects',
'//www.bilibili.com/s/video/',
'//member.bilibili.com/platform',
'//live.bilibili.com/p/html/live-lottery/anchor-join.html',
]
const load = () => {
if (settings.noDarkOnMember && notSupported.some(it => {