From 8b43755e2f390627ac915fe1224b34bebc86d10b Mon Sep 17 00:00:00 2001 From: the1812 Date: Sat, 9 Jul 2022 15:27:56 +0800 Subject: [PATCH] Update dark styles (#2615) --- .../style/dark-mode/dark-slice-14.scss | 15 +++++++++++++ .../style/dark-mode/dark-slice-17.scss | 22 ++++++++++++++++++- .../style/dark-mode/old/dark-slice-2.css | 1 - .../style/dark-mode/old/dark-slice-8.css | 1 - 4 files changed, 36 insertions(+), 3 deletions(-) diff --git a/registry/lib/components/style/dark-mode/dark-slice-14.scss b/registry/lib/components/style/dark-mode/dark-slice-14.scss index d1030849b..603af415d 100644 --- a/registry/lib/components/style/dark-mode/dark-slice-14.scss +++ b/registry/lib/components/style/dark-mode/dark-slice-14.scss @@ -111,6 +111,14 @@ span:not(.cur-page) { @include color("e"); } + .cur-page { + @include color('a'); + } + } + &-right { + .next-button { + @include color('a'); + } } &-title { @include color("e"); @@ -121,6 +129,11 @@ } } &_second-line { + .second-line_left { + .abstract { + @include color('a'); + } + } .second-line_right { @include theme-border-color(); @include background-color("4"); @@ -156,8 +169,10 @@ &-title { @include color("e"); } + &-playing, &-title-playing { @include theme-color(); + @include background-color('5'); .cur-play-icon { @include to-theme("blue"); } diff --git a/registry/lib/components/style/dark-mode/dark-slice-17.scss b/registry/lib/components/style/dark-mode/dark-slice-17.scss index 01d274393..1c03f620f 100644 --- a/registry/lib/components/style/dark-mode/dark-slice-17.scss +++ b/registry/lib/components/style/dark-mode/dark-slice-17.scss @@ -1,4 +1,5 @@ @import './dark-definitions'; +@import 'common'; .video-info-v1 .video-data { @include color('a'); @@ -137,6 +138,9 @@ @include color('e'); } } +.base-video-sections-v1 { + @include background-color('4'); +} .video-page-special-card-small, .video-page-card-small { .pic-box { @@ -164,12 +168,15 @@ } } .bilibili-player-video-danmaku-input::-webkit-input-placeholder { - @include color('8'); + @include color('fff4'); } .bilibili-player-video-danmaku { &-setting, &-switch { @include fill('a'); + @include on-fullscreen { + @include fill('e'); + } &:hover { @include fill('e'); } @@ -569,6 +576,15 @@ } } +.player-auxiliary-filter-playlist { + .player-auxiliary-playlist-user { + @include color('a'); + } + .player-auxiliary-playlist-bottom { + @include border-color('6'); + } +} + .player-auxiliary-setting-menu-wrap { @include background-color('3'); @include border-color('8884'); @@ -595,6 +611,10 @@ } .player-auxiliary-danmaku-wrap { @include background-color(); + .player-auxiliary-danmaku-load-status { + @include background-color(); + @include color('a'); + } } .player-auxiliary-danmaku-function { @include background-color(); diff --git a/registry/lib/components/style/dark-mode/old/dark-slice-2.css b/registry/lib/components/style/dark-mode/old/dark-slice-2.css index 4d542c9c3..851871390 100644 --- a/registry/lib/components/style/dark-mode/old/dark-slice-2.css +++ b/registry/lib/components/style/dark-mode/old/dark-slice-2.css @@ -340,7 +340,6 @@ a.bp_box_bot_click, .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-], .player-auxiliary-danmaku-date-picker-header .player-auxiliary-danmaku-date-picker-btn, .player-auxiliary-danmaku-date-picker-header, -.player-auxiliary-danmaku-load-status.disabled, .player-auxiliary-block-list-function > div, .player-auxiliary-block-list-wrap .player-auxiliary-block-empty, .player-auxiliary-block-line.block-state-disabled, diff --git a/registry/lib/components/style/dark-mode/old/dark-slice-8.css b/registry/lib/components/style/dark-mode/old/dark-slice-8.css index 08bc7b460..b6af22b0e 100644 --- a/registry/lib/components/style/dark-mode/old/dark-slice-8.css +++ b/registry/lib/components/style/dark-mode/old/dark-slice-8.css @@ -33,7 +33,6 @@ .danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap-child .player-auxiliary-panel-title, .bpui-selected, .bpui-selected span, -.player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-load-status, .comic-info-component .page-normal .comic-info-con .comic-des, .comic-info-component .page-normal .comic-info-con, .dropdown__content .dropdown__item:hover,