Merge branch 'preview-fixes' into preview-features

This commit is contained in:
the1812 2022-08-13 18:57:30 +08:00
commit 301ecd22b6
30 changed files with 1127 additions and 172 deletions

View File

@ -28,6 +28,7 @@ const entry = async () => {
return
}
if ([
'bili-rich-text__action',
'bili-rich-text-topic',
'bili-rich-text-module',
'bili-rich-text-link',

View File

@ -259,5 +259,8 @@ body.fixed-navbar {
right: 0;
}
}
~ .bili-gallery {
z-index: 10002;
}
}
</style>

View File

@ -64,7 +64,8 @@ export default Vue.extend({
}
}
&.season {
transform: scale(1.15);
height: 36px;
// transform: scale(1.15);
filter: drop-shadow(0 0 2px #0002);
}
}

View File

@ -1,9 +1,9 @@
@import "./dark-definitions";
@import './dark-definitions';
#disable-popup-modal,
#vip-exchange-modal {
.vip-exchange .months button.disabled {
@include background-color("2");
@include background-color('2');
}
}
@ -12,7 +12,7 @@
.sch-pub-btn.disabled,
.publish-btn.publishing,
.publish-btn.disabled {
@include background-color("2");
@include background-color('2');
}
}
.link-footer,
@ -22,10 +22,10 @@
.tab-list .tab-item.active:before,
.player-auxiliary-area .player-auxiliary-bscrollbar .bscroll-indicator,
.home-content .publish-btn.disabled {
@include background-color("2");
@include background-color('2');
}
.manga-detail .episode-list-component .episode-list .list-header .header-item.selected {
@include background-color("3");
@include background-color('3');
}
.wrapper .elec-btn.disabled,
.f-list-hover:hover,
@ -43,10 +43,10 @@
.main-container .media-info .media-right .media-tool-bar .btn-follow.active,
.coupon-content-con .coupon-btn-disable,
.customize-wrp .select {
@include background-color("4");
@include background-color('4');
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .bscroll-indicator {
@include background-color("5");
@include background-color('5');
}
.player-auxiliary-area .player-auxiliary-bscrollbar {
.bscroll-vertical-scrollbar,
@ -68,12 +68,12 @@
blockquote {
&,
* {
@include color("a");
@include color('a');
}
@each $color in "blue", "gray", "green", "lblue", "pink", "purple", "yellow" {
@each $value in "01", "02", "03", "04" {
@each $color in 'blue', 'gray', 'green', 'lblue', 'pink', 'purple', 'yellow' {
@each $value in '01', '02', '03', '04' {
.color-#{$color}-#{$value} {
@include color("a");
@include color('a');
}
}
}
@ -81,30 +81,30 @@ blockquote {
.open-dialog-masker .open-dialog-content .open-footer .btn-normal.disabled {
&,
&:hover {
@include color("a");
@include color('a');
}
}
.status_box .status_btn.disabled {
@include color("a");
@include color('a');
}
.live-room-app .guard-rank-cntr {
.tabs.isHundred .item.active {
@include color("e");
@include color('e');
}
&.hundred,
&.thousand {
.live-skin-main-a-text,
.page-box .live-skin-main-text,
.live-skin-highlight-text {
@include color("e");
@include color('e');
}
}
}
.bb-comment .no-login .comment-submit {
.common &,
& {
@include color("9");
@include background-color("4");
@include color('9');
@include background-color('4');
@include border-color();
}
}
@ -124,7 +124,7 @@ blockquote {
.customize-wrp .select,
.manga-detail .episode-list-component .episode-list .list-data .list-item.last-read,
.popup-content-ctnr .bl-button--ghost {
@include color("e");
@include color('e');
}
.link-footer,
@ -224,27 +224,27 @@ blockquote {
#bilibiliPlayer {
box-shadow: 0 4px 8px 0 #0004;
@include background-color("2");
@include background-color('2');
}
.live-skin-coloration-area {
.live-skin-separate-area,
.live-skin-separate-area-hover:hover {
@include background-color("2");
@include background-color('2');
}
.live-skin-normal-a-text {
&,
&:link,
&:visited {
@include color("a");
@include color('a');
}
}
.live-skin-normal-text {
@include color("a");
@include color('a');
}
.live-skin-main-text,
.live-skin-highlight-text {
@include color("e");
@include color('e');
}
.live-skin-highlight-border,
.live-skin-separate-border {
@ -293,4 +293,51 @@ blockquote {
.bilibili-player-block-filter-label {
@include theme-color();
}
}
}
.left-container #head-info-vm.head-info-section {
@include background-color('4');
}
#link-navbar-vm.link-navbar-ctnr {
&,
& .link-navbar {
@include background-color('3');
}
.calendar-checkin .calendar-wrapper,
.download-panel-ctnr,
.nav-item,
.nav-item .area-list-panel .list-item,
.nav-logo,
.shortcuts-ctnr .shortcut-item,
.user-panel-ctnr .user-panel .header-node .username-info,
.user-panel-ctnr .user-panel .user-level-detail .detail-link {
@include color('e');
}
.link-panel-ctnr .ps__thumb-x,
.link-panel-ctnr .ps__thumb-y,
.nav-item:hover,
.shortcuts-ctnr .shortcut-item:not(:last-child):hover {
@include background-color('4');
}
.calendar-checkin,
.calendar-checkin .calendar-wrapper,
.calendar-checkin .title,
.download-panel-ctnr,
.link-panel-ctnr,
.link-panel-ctnr .totally-empty-hint,
.nav-item .area-list-panel,
.user-panel-ctnr .user-panel,
.user-panel-ctnr .user-panel .load-error-panel,
.user-panel-ctnr .user-panel .user-level-detail {
@include background-color('3');
}
.right-part > .shortcuts-ctnr .shortcut-item:hover {
@include background-color();
}
.content-ctnr {
.items .item .light-name,
.items .item .name,
.title {
@include color('e');
}
}
}

View File

@ -14,4 +14,5 @@
@import "./dark-slice-14.scss";
@import "./dark-slice-15.scss";
@import "./dark-slice-16.scss";
@import "./dark-slice-17.scss";
@import "./dark-navbar.scss";

View File

@ -16,8 +16,7 @@
#link-navbar-vm > .link-navbar,
#app > .link-navbar,
#app > .nav-header-wrapper,
.b-header-mask-wrp .b-header-mask,
.link-navbar {
.b-header-mask-wrp .b-header-mask {
@include background-color("3");
}
.z_top .i-link:hover,

View File

@ -612,6 +612,9 @@
@include foreground-color();
}
}
.placeholder-shown::before {
@include color("8");
}
.publish-panel {
.core-style {
@include background-color();
@ -623,9 +626,6 @@
@include theme-border-color();
}
}
.editor .placeholder-shown::before {
@include color("8");
}
.schedule-bar {
@include background-color("3");
.s-label,

View File

@ -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,13 @@
&-title {
@include color("e");
}
&-duration {
@include color('a');
}
&-playing,
&-title-playing {
@include theme-color();
@include background-color('5');
.cur-play-icon {
@include to-theme("blue");
}
@ -303,10 +321,16 @@ a {
@include theme-color();
}
}
.follow-btn.followed {
@include border-color("");
@include background-color("4");
@include color("a");
.follow-btn {
&.following,
&.followed {
@include border-color("");
@include background-color("4");
@include color("a");
path {
@include fill('a');
}
}
}
#article-list-index .index-holder {
.article-item:not(.on) {

View File

@ -28,6 +28,9 @@
.bui-dropdown-item {
@include color("e");
@include background-color();
&::before {
@include hide();
}
&:hover {
@include theme-color();
@include background-color("2");
@ -1037,6 +1040,7 @@ $media-types: (video, bangumi, cheese, live, manga, movie, ogv, article);
@include background-color("6");
}
}
.reply-warp,
.up-info {
.u-face .u-face__avatar {
@include background-color("4");
@ -1046,6 +1050,13 @@ $media-types: (video, bangumi, cheese, live, manga, movie, ogv, article);
@include background-color("4");
}
}
.user-card-avatar,
.up-info-v1 {
.bili-avatar {
@include no-image();
@include background-color("4");
}
}
.v-wrap .float-nav {
&__btn--fixed,
.nav-btn-item {
@ -1059,6 +1070,36 @@ $media-types: (video, bangumi, cheese, live, manga, movie, ogv, article);
}
}
.user-card {
.card-user-name {
@include color('e');
}
.card-social-info {
> a {
@include color('e');
.social-info-title {
@include color('a');
}
}
}
.card-sign {
@include color('a');
}
.card-btn-warp {
.card-attention-btn {
@include theme-background-color();
@include border-color();
@include foreground-color();
&.attention {
@include background-color('4');
@include color('e');
}
}
.card-message-btn {
@include border-color('8');
@include color('e');
@include background-color();
}
}
.info p {
@include color("e");
}

View File

@ -1,6 +1,6 @@
@import './dark-definitions';
#app .bg {
#app > .bg {
@include no-image();
}
@mixin dyn-container-skeleton() {
@ -269,6 +269,9 @@
&__content {
@include color('e');
}
&__action {
@include theme-color();
}
&-module,
&-link,
&-topic {
@ -452,6 +455,73 @@
}
}
}
.dyn-ugc {
&__wrap {
@include background-color('3');
}
&__cover {
@include background-color();
}
&__detail {
&__title {
@include color('e');
}
&__desc {
@include color('a');
}
}
}
}
.bili-dyn-report {
@include background-color('3');
&__title {
@include color('e');
}
&__message {
@include color('a');
}
&__remark {
&__tip {
@include color('a');
}
&__content {
@include background-color('2');
@include border-color('5');
&:focus-within {
@include theme-border-color();
}
}
}
&__button {
@include background-color('5');
@include color('e');
@include border-color();
&.confirm {
@include theme-background-color();
@include foreground-color();
@include border-color();
}
}
}
.bili-modal {
@include background-color('3');
@include color('e');
&__title {
@include color('e');
}
&__close {
@include color('a');
}
&__button {
@include background-color('5');
@include color('e');
@include border-color();
&.confirm {
@include theme-background-color();
@include foreground-color();
@include border-color();
}
}
}
.bili-dyn-banner {
@include background-color('4');

View File

@ -0,0 +1,806 @@
@import './dark-definitions';
@import 'common';
.video-info-v1 .video-data {
@include color('a');
.item {
svg path {
@include fill('a');
}
}
}
.members-info-v1 {
.normal-members-header {
@include background-color('4');
@include color('e');
.person {
@include color('a');
}
.btn path {
@include fill('e');
}
}
.normal-members-container {
.avatar {
@include border-color('4');
@include background-color('3');
}
.upname {
@include color('e');
&.is-vip {
@include vip-color();
}
}
.info-tag {
@include color('a');
}
.attention {
@include theme-background-color();
@include foreground-color();
}
}
}
.up-info-v1 {
.up-info_right_message {
&,
& i {
@include color('8');
}
}
.charge-btn {
border: 1px solid;
@include background-color();
@include theme-border-color('80');
@include theme-color('80');
&:hover {
@include theme-border-color();
@include theme-color();
}
}
}
.user-card-m-exp {
@include background-color('3');
@include border-color();
.social {
a,
span {
@include color('e');
.tip_text {
@include color('a');
}
}
}
.btn-box {
.like {
@include theme-background-color();
&,
& .plus {
@include foreground-color();
}
&:hover {
opacity: 0.8;
}
}
.liked {
@include background-color('4');
&,
& .plus {
@include color('a');
}
&:hover,
&:hover .plus {
@include color('e');
}
}
.message {
@include color('e');
}
}
}
.float-nav-exp,
.fixed-nav {
.nav-menu {
.item {
@include color('e');
@include background-color('3');
@include border-color();
.item-icon path {
@include fill('e');
}
&:hover {
@include theme-background-color();
@include foreground-color();
.item-icon path {
@include foreground-fill();
}
}
}
}
}
.bui-collapse-header {
.bui-collapse-arrow-text {
.arrow-icon {
@include fill('e');
}
}
}
.multi-page-v1 {
@include background-color('4');
.head-left {
.cur-page {
@include color('a');
}
.range-box i {
@include color('a');
&:hover {
@include theme-color();
}
}
}
.head-right {
.next-button {
@include color('a');
}
}
.cur-list {
.list-box {
> li {
&,
& a {
@include color('e');
}
&:hover {
@include background-color('5');
}
&.on {
@include background-color('5');
img {
@include to-theme('blue');
}
&,
& a {
@include theme-color();
}
}
.duration {
@include color('a');
}
}
}
.module-box {
> li {
@include background-color('5');
@include border-color();
&,
& a {
@include color('e');
}
&:hover {
@include background-color('6');
}
&.on {
@include theme-background-color();
&,
& a {
@include foreground-color();
}
}
}
}
}
}
.recommend-list-v1 {
.rec-title {
@include color('e');
}
.next-button {
@include color('a');
}
.split-line {
@include background-color('5');
}
.rec-footer {
@include background-color('3');
@include color('e');
}
}
.base-video-sections-v1 {
@include background-color('4');
}
.video-page-special-card-small,
.video-page-card-small {
.pic-box {
@include background-color('3');
}
.info .title {
@include color('e');
&:hover {
@include theme-color();
}
}
.playinfo,
.upname a {
@include color('a');
svg path {
@include fill('a');
}
}
}
.bilibili-player-video-sendbar .bilibili-player-video-danmaku-root {
.bilibili-player-video-btn-danmaku {
@include fill('a');
&:hover {
@include fill('e');
}
}
.bilibili-player-video-danmaku-input::-webkit-input-placeholder {
@include color('fff4');
}
.bilibili-player-video-danmaku {
&-setting,
&-switch {
@include fill('a');
@include on-fullscreen {
@include fill('e');
}
&:hover {
@include fill('e');
}
}
}
.bui-danmaku-switch-on {
path[fill] {
@include theme-fill();
}
}
}
.video-toolbar-v1 {
.toolbar-left {
@include color('8');
> span {
@include color('8');
@include fill('8');
.info-text {
@include color('8');
}
&:hover,
&.on {
@include theme-color();
@include theme-fill();
.info-text {
@include theme-color();
}
}
}
}
.toolbar-right {
@include color('a');
> div,
> span {
@include color('8');
@include fill('8');
&:hover {
@include theme-color();
@include theme-fill();
}
}
}
}
.van-popover.van-more {
@include background-color('3');
@include border-color('8884');
.more_dropdown {
li {
@include color('e');
@include fill('e');
}
}
}
.video-desc-v1 {
.desc-info {
@include color('e');
a {
@include theme-color();
}
}
.toggle-btn span {
@include color('e');
}
}
.s_tag-v1 {
@include border-color('4');
.tag-area {
.tag {
@include background-color();
&-more,
.tag-link {
@include color('e');
@include background-color('3');
> svg {
@include fill('e');
}
}
.tag-icon {
@include to-theme('blue');
}
.rarrow-icon {
@include fill('e');
}
&-more:hover,
&:hover .tag-link {
@include theme-background-color();
@include foreground-color();
> svg {
@include foreground-fill();
}
}
.tag-channel-pane-exp {
@include background-color('3');
.channel-cover {
@include border-color('3');
}
.channel-title {
@include color('e');
}
.channel-desc {
@include color('a');
}
.channel-btns {
&__link {
@include theme-border-color();
@include theme-color();
}
&__subs {
@include theme-background-color();
@include foreground-color();
@include border-color();
&.is-subs {
@include background-color('4');
@include color('8');
}
}
}
}
}
}
}
.activity-m-v1 {
@include background-color();
.inside-wrp {
@include border-color();
@include background-color('3');
.left {
@include color('e');
}
.right {
.inside-bg::before {
background-image: linear-gradient(to right, #333, transparent 30%) !important;
}
}
}
}
.reply-navigation {
.nav-title {
@include color('e');
.total-reply {
@include color('a');
}
}
.nav-sort {
@include color('8');
.time-sort:hover,
.hot-sort:hover {
@include theme-color();
}
&.time .time-sort,
&.hot .hot-sort {
@include color('e');
}
}
}
.reply-warp {
.reply-box-textarea::-webkit-input-placeholder {
@include color('8');
}
.fixed-reply-box {
.reply-box {
@include background-color('2');
@include border-color('5');
}
}
.reply-box-send {
@include theme-background-color('50');
.send-text {
@include foreground-color('50');
}
&::after {
@include hide();
}
&.send-active {
@include theme-background-color();
.send-text {
@include foreground-color();
}
}
}
.reply-box-emoji {
.emoji-btn {
@include border-color('4');
@include color('a');
.box-emoji-icon path {
@include fill('a');
}
&:hover {
@include color('e');
.box-emoji-icon path {
@include fill('e');
}
}
}
}
.emoji-panel {
@include border-color('8884');
@include color('e');
.emoji-title {
@include background-color('3');
}
.emoji-content {
@include background-color('3');
.emoji-info:hover {
@include background-color('5');
}
}
.emoji-tab {
@include background-color('4');
.emoji-type {
&.current-type {
@include background-color('5');
}
&:hover {
@include background-color('6');
}
}
}
.emoji-slider {
.svg-icon {
&[style*='c9ccd0'] {
@include color('8');
}
&[style*='61666d'] {
@include color('e');
}
}
}
}
$prefixes: ('', 'sub-');
@each $prefix in $prefixes {
.#{$prefix}user-info {
.#{$prefix}user-name {
@include color('c');
}
}
.#{$prefix}reply-content {
@include color('e');
.user-link {
@include theme-color();
}
}
.#{$prefix}reply-info {
@include color('a');
.svg-icon {
&.dislike,
&.like {
@include color('a');
&:hover {
@include theme-color();
}
}
&.liked,
&.disliked {
@include theme-color();
~ span {
@include theme-color();
}
}
}
.#{$prefix}reply-btn {
&:hover {
@include theme-color();
}
}
.#{$prefix}reply-operation-warp {
.operation-icon {
@include color('a');
}
&:hover {
.operation-icon {
@include theme-color();
}
}
.operation-list {
@include background-color('3');
@include color('e');
.operation-option {
&:hover {
@include background-color('4');
.option-title {
@include theme-color();
}
}
}
}
}
}
.#{$prefix}reply-tag-item {
@include background-color('3');
@include color('e');
}
}
.reply-item {
.content-warp {
@include border-color('4');
}
.icon,
.jump-url-prefix {
@include to-theme('blue');
}
.jump-link,
.jump-url-link {
@include theme-color();
}
.bottom-line {
@include border-color('4');
}
}
.view-more {
@include color('a');
.view-more-btn {
@include theme-color();
}
.view-more-pagination {
@include color('a');
.pagination-btn,
.pagination-page-number {
&:hover,
&.current-page {
@include theme-color();
}
}
}
}
.reply-end {
@include color('a');
}
}
.coin-operated-m-exp {
@include background-color('3');
.icon.close {
@include to-white();
}
.coin-title {
@include color('e');
span {
@include theme-color();
}
}
.mc {
&-box {
@include border-color('8');
.c-num {
@include color('e');
}
&.on {
@include theme-border-color();
.c-num {
@include theme-color();
}
}
}
}
.like-checkbox {
@include color('e');
input[type='checkbox'] {
&:checked + i {
@include to-theme('blue');
}
}
}
.coin-bottom {
.tips {
@include color('a');
}
}
}
.follow-dialog-wrap-exp,
.collection-m-exp {
@include background-color('3');
.title {
@include color('e');
@include border-color('5');
i.close {
@include to-white();
}
}
.special-tip {
@include color('a');
}
.bottom {
@include border-color('5');
.submit-move {
@include theme-background-color();
@include foreground-color();
&.disable {
@include background-color('5');
@include color('8');
}
}
}
}
.share_dropdown {
@include color('e');
.box-right {
@include border-color('4');
}
.share-link {
@include background-color('4');
#link_copy {
@include background-color();
@include color('e');
}
.btn {
@include theme-color();
}
}
}
.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');
.player-auxiliary-setting-menu-list {
@include color('e');
&::before {
@include hide();
}
&:hover {
@include background-color('2');
}
}
}
.player-auxiliary-adv-danmaku {
@include border-color('4');
* {
// 这个不能用 important
background-color: #222;
color: #eee;
}
.mask::after {
@include background-color('222A');
}
}
.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();
.player-auxiliary-danmaku-multiple-control {
@include background-color('2');
}
[class*='player-auxiliary-danmaku-btn-'] {
@include background-color();
}
}
.player-auxiliary-block-wrap {
@include border-color('4');
}
.player-auxiliary-modal-container {
@include border-color('8884');
.player-auxiliary-modal-header {
@include background-color();
}
}
.player-auxiliary-modal-close.bpm-btn {
@include background-color();
i {
@include color('a');
}
}
.fav-list-container {
.nav-add {
.icon {
@include to-gray();
}
.text {
@include color('e');
}
}
}
.edit-media-list {
.edit-info {
.cover-title {
@include color('e');
}
.upload-cover:not([style*='background-image']) {
filter: invert(1);
}
}
.name-input {
@include border-color('4');
@include background-color();
@include color('e');
&::-webkit-input-placeholder {
@include color('8');
}
}
.media-list-intro {
&::-webkit-input-placeholder {
@include color('8');
}
}
.intro-num-limit,
.name-num-limit {
@include color('a');
}
}
.upload-center-clip {
.head-wrap {
@include border-color('6');
}
.img-clip-title {
@include color('e');
}
.img-clip-tips {
@include color('a');
}
.reset-img .reset-select {
@include color('a');
.icon-reset {
@include to-gray();
}
}
.modal-footer {
.cancel-btn {
@include border-color('6');
@include color('e');
}
.confirm-btn {
@include theme-background-color();
@include foreground-color();
@include border-color();
}
}
}
.favList-info {
.favInfo-cover.empty {
filter: invert(0.8);
.fav-invalid {
filter: invert(1);
}
}
}
.live-room-app {
.hot-rank-text {
@include theme-background-color('80');
@include foreground-color();
}
}
.bili-gallery {
&__pagination {
&__index {
@include theme-color();
}
}
}

View File

@ -1003,8 +1003,7 @@ $highlight-map: (
@include border-color("3");
}
.manga-navbar .search-bar .confirm-btn .search-icon,
.container .level-intro .svg-icon,
#page-fav .fav-sidenav .icon:not(.icon-cursor) {
.container .level-intro .svg-icon {
@include to-white();
}
.side-bar-btn .size-bar-text {

View File

@ -369,7 +369,6 @@ button.submit-button.disabled,
.ema-wishing,
.room-info-ctnr .content-wrapper,
.activity-pushing-out,
.left-container .head-info-section,
.left-container .gift-control-section,
.rank-list-ctnr .tabs,
.player-and-aside-area .aside-area,
@ -591,7 +590,6 @@ div.drag-bar,
.be-pager-total,
.tabs a,
#id-card .idc-auth-description,
#page-fav .fav-sidenav .nav-title .text,
#page-fav .fav-main .fav-meta,
#page-fav .fav-main .filter-item .filter-type .be-dropdown-item i,
.wrapper .edit-video-modal .edit-video-subtitle,

View File

@ -31,11 +31,9 @@ li.season-item .season-body .season-title span.follow,
.pagelistbox .p,
.sponsor-rank-item.special .sp-right .sp-msg,
.player-auxiliary-danmaku-date-picker-container,
.player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list:hover,
.player-auxiliary-block-tabpanel-row.player-auxiliary-border,
.player-auxiliary-block-list .player-auxiliary-block-line,
.player-auxiliary-context-menu-container,
.player-auxiliary-modal-container,
.gui-settings-box li.category,
.main-container .player-wrapper,
.big-gift-btn-home,
@ -132,9 +130,6 @@ a.bp_box_bot_click,
.project-list .project-list-item,
.ban-app .case-tip,
.groom-module,
.danmaku-wrap .player-auxiliary-auxiliary-area .player-auxiliary-danmaku-wrap,
.player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list,
.player-auxiliary-setting-menu-wrap,
.player-auxiliary-block-string,
.player-auxiliary-block-string-short,
.bui-button.bui-button-gray,
@ -246,10 +241,6 @@ a.bp_box_bot_click,
{
background-color: #2229 !important;
}
.mask::after
{
background-color: hsla(0,0%,0%,.7) !important;
}
.news-list .news-item .date,
.empty-hint,
@ -349,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,
@ -596,7 +586,6 @@ button.button.more,
.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: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,
.player-auxiliary-block-string-short,
@ -903,10 +892,7 @@ button.button.more,
.media-sponsor-wrapper,
.sponsor-rank-item.special .sp-right .sp-msg,
.player-auxiliary-danmaku-date-picker-container,
.player-auxiliary-setting-menu-wrap,
.danmaku-wrap .player-auxiliary-block-wrap,
.player-auxiliary-context-menu-container,
.player-auxiliary-modal-container,
.player-auxiliary-modal-btns .bpm-btn,
.announcement-cntr,
.side-bar,
@ -1430,7 +1416,6 @@ button.button.more:hover,
.wrapper .elec-sub-title .exp,
.wrapper .elec-sub-title .vip-point,
.player-auxiliary-auxiliary-area .player-auxiliary-filter-menu:hover,
.player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list:hover,
.bui-button.bui-button-text,
.bui-tabs .bui-tabs-header .bui-tabs-header-item.bui-tabs-header-item-active,
.player-auxiliary-block-list .player-auxiliary-block-line-state,

View File

@ -88,8 +88,7 @@ div#square.container,
background-color: #222 !important;
}
.article-holder .error-card .video-holder .video-cover,
.article-holder .error-card .video-holder p,
.player-auxiliary-danmaku-function .player-auxiliary-danmaku-multiple-control
.article-holder .error-card .video-holder p
{
background-color: #333 !important;
}

View File

@ -80,10 +80,6 @@ li.user-wrapper .avatar .detail .logout,
{
background-color: #222 !important;
}
.player-auxiliary-area .bui-collapse
{
background-color: #333 !important;
}
.container .host-list-layout .hot-list-wrap .hot-song-list,
.rank-list-container .rank-list-wrapper .rank-list,
.rank-list-container .rank-list-wrapper,
@ -194,7 +190,6 @@ body #app .marquee,
{
background-color: #444 !important;
}
.player-auxiliary-area .bui-collapse,
.player-auxiliary-area .player-auxiliary-danmaku-btn-footer,
.v-wrap #multi_page
{

View File

@ -167,7 +167,6 @@
.main-content .group .bp-input .content-box,
.main-content .group .title .slot-right .bp-selector,
.bp-input .content-box.textarea-box .textarea,
.edit-media-list .edit-mask .edit-board .edit-info .info-wrap .name-input,
.play-list .rightside-content .source-list .source-item .collect,
.play-list .leftside-content .oprate-panel .oprate-item .oprate-window,
.edit-media-list .edit-mask .default-edit .default-edit-info .info-wrap .name-input,
@ -589,7 +588,6 @@ th.list-head-text,
#page-fav .fav-sidenav .watch-later,
.edit-media-list .edit-mask .edit-board .head,
.edit-media-list .edit-mask .edit-board .edit-info .info-wrap .title,
.edit-media-list .edit-mask .edit-board .edit-info .info-wrap .name-input,
.play-list .rightside-content .source-list .source-item .source-info .source-name,
.play-list .leftside-content .list-title,
.play-list .leftside-content .play-btn,
@ -759,7 +757,6 @@ th.list-head-text,
#page-fav .fav-main .favList-info,
#page-fav .fav-sidenav .watch-later,
.edit-media-list .edit-mask .edit-board .head,
.edit-media-list .edit-mask .edit-board .edit-info .info-wrap .name-input,
.play-list .rightside-content .source-list .source-item .collect,
.play-list .rightside-content .source-list .source-item .collect .collect-item:first-child,
.play-list .leftside-content .oprate-panel .oprate-item .oprate-window,

View File

@ -30,14 +30,9 @@
}
.at-popup .user-container .item.is-selected,
.bangumi-options .opt-list,
.player-auxiliary-danmaku-function [class*="player-auxiliary-danmaku-btn-"],
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap,
.player-auxiliary-danmaku-function,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap-child .player-auxiliary-panel-title,
.bpui-selected,
.bpui-selected span,
.danmaku-wrap .player-auxiliary-block-wrap,
.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,

View File

@ -216,7 +216,8 @@
.medal,
.medal-level,
.reply-notice,
.sailing {
.sailing,
.perfect-reply {
@include hide();
}
.comment-send-lite .comment-emoji,

View File

@ -116,6 +116,9 @@ $prefix: "simplifyLiveroom-switch";
}
}
}
.info-section {
display: none !important;
}
}
.rows-ctnr .lower-row,
.room-info-down-row {

View File

@ -24,7 +24,10 @@ body.remove-game-match-module #reportFirst3,
.eva-extension-area,
.eva-banner,
.video-ad-creative-card,
.bili-dyn-home--member .bili-dyn-ads {
.bili-dyn-home--member .bili-dyn-ads,
.video-page-special-card-small,
.video-page-game-card-small,
.video-page-operator-card-small {
display: none !important;
}
.recommend-list .rec-list > :not(.video-page-card) + .video-page-card {

View File

@ -1,11 +1,6 @@
<template>
<span
title="稍后再看"
class="watchlater"
:class="{ on }"
@click="toggle()"
>
<VIcon :size="28" icon="mdi-timetable"></VIcon>
<span title="稍后再看" class="watchlater" :class="{ on }" @click="toggle()">
<VIcon class="icon" :size="28" icon="mdi-timetable"></VIcon>
<span class="text">稍后再看</span>
<div class="tip" :class="{ show: tipShowing }">{{ tipText }}</div>
</span>
@ -56,13 +51,16 @@ export default Vue.extend({
</script>
<style lang="scss">
.video-toolbar .ops {
.video-toolbar .ops,
.video-toolbar-v1 .toolbar-left {
.watchlater {
font-size: 14px;
font-weight: normal;
margin-right: 28px !important;
position: relative;
width: auto !important;
@media screen and (max-width: 1320px), (max-height: 750px) {
margin-right: max(calc(min(11vw, 11vh) - 117.2px),6px) !important;
margin-right: max(calc(min(11vw, 11vh) - 117.2px), 6px) !important;
.text {
display: none;
}
@ -90,7 +88,13 @@ export default Vue.extend({
}
}
}
.more-ops-list > ul > li:nth-child(2) {
display: none !important;
.video-toolbar-v1 .watchlater .be-icon {
transform: translateY(1px);
}
.more-ops-list > ul,
.van-popover .more_dropdown {
> li:nth-child(2) {
display: none !important;
}
}
</style>

View File

@ -21,7 +21,7 @@ const entry: ComponentEntry<typeof options> = async ({ settings }) => {
return
}
await playerReady()
const favoriteButton = dq('.video-toolbar .ops .collect') as HTMLElement
const favoriteButton = dq('.video-toolbar .ops .collect, .video-toolbar-v1 .toolbar-left .collect') as HTMLElement
if (!favoriteButton) {
return
}

View File

@ -7,7 +7,7 @@
@click.right.prevent.self="listShowing = !listShowing"
>
<i
class="quick-favorite-icon"
class="quick-favorite-icon icon"
@click.left="toggle()"
@click.right.prevent="listShowing = !listShowing"
></i>
@ -19,8 +19,8 @@
快速收藏
</div>
<div ref="selectList" class="select-list" :class="{ show: listShowing }">
选择快速收藏夹:
<div class="lists">
选择快速收藏夹:
<VDropdown
v-model="selectedFavorite"
:items="lists.map(it => it.title)"
@ -31,9 +31,9 @@
</template>
</VDropdown>
</div>
</div>
<div class="lists-tip" :class="{ show: listShowing }">
右键点击快速收藏可再次打开
<div class="lists-tip" :class="{ show: listShowing }">
右键点击快速收藏可再次打开
</div>
</div>
<div class="tip" :class="{ show: tipShowing }">{{ tipText }}</div>
</span>
@ -168,95 +168,76 @@ export default Vue.extend({
},
})
</script>
<style lang="scss">
@import "./font";
<style lang="scss" scoped>
@import 'common';
@import './font';
.video-toolbar .ops {
.quick-favorite {
margin-right: 28px !important;
position: relative;
font-size: 0;
font-size: 14px;
width: auto !important;
.quick-favorite {
margin-right: 28px !important;
position: relative;
font-size: 14px;
font-weight: normal;
width: auto !important;
.text {
display: inline;
}
@media screen and (max-width: 1320px), (max-height: 750px) {
margin-right: max(calc(min(11vw, 11vh) - 117.2px), 6px) !important;
.text {
display: inline;
display: none;
}
@media screen and (max-width: 1320px), (max-height: 750px) {
margin-right: max(calc(min(11vw, 11vh) - 117.2px),6px) !important;
.text {
display: none;
}
}
&-icon {
font-family: 'quick-favorite' !important;
font-size: 28px;
display: inline-block;
font-style: normal;
text-align: center;
text-transform: none;
line-height: 1;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
&:after {
content: '\ea01';
}
&-icon {
font-family: "quick-favorite" !important;
display: inline-block;
font-style: normal;
text-align: center;
text-transform: none;
line-height: 1;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
&:after {
content: "\ea01";
}
.video-toolbar-v1 & {
transform: translateY(1px);
}
.tip,
.select-list,
.lists-tip {
line-height: normal;
position: absolute;
top: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
z-index: 1000;
background: #000d;
padding: 4px 8px;
border-radius: 4px;
color: #eee;
transition: all 0.2s ease-out;
opacity: 0;
pointer-events: none;
&.show {
opacity: 1;
pointer-events: initial;
}
}
.tip,
.select-list {
line-height: normal;
position: absolute;
top: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
z-index: 1000;
background: #000d;
padding: 8px;
border-radius: 4px;
color: #eee;
transition: all 0.2s ease-out;
opacity: 0;
pointer-events: none;
&.show {
opacity: 1;
pointer-events: initial;
}
.tip {
padding: 8px;
}
.select-list {
@include v-center(8px);
> * {
white-space: nowrap;
}
.lists-loading {
padding: 4px 32px;
}
.lists {
@include h-center(8px);
}
.lists-tip {
top: calc(100% + 8px + 42px);
color: #ccc;
color: #aaa;
font-size: 12px;
z-index: 100;
}
.select-list {
display: flex;
align-items: center;
> * {
white-space: nowrap;
}
.lists-loading {
padding: 4px 32px;
}
.lists {
margin-left: 8px;
}
// .v-dropdown {
// color: black;
// body.dark & {
// color: #eee;
// }
// .mdi-chevron-down {
// color: inherit !important;
// margin: 0 !important;
// transition: 0.2s ease-out;
// display: flex;
// align-items: center;
// justify-content: center;
// font-size: 16pt !important;
// }
// }
}
}
}

View File

@ -29,7 +29,7 @@ const entry: ComponentEntry<typeof options> = async ({ settings }) => {
}
await playerReady()
const favoriteButton = dq('.video-toolbar .ops .collect')
const favoriteButton = dq('.video-toolbar .ops .collect, .video-toolbar-v1 .toolbar-left .collect')
if (!favoriteButton) {
return
}

View File

@ -340,6 +340,7 @@ export default {
overflow: hidden;
.cover {
transition: 0.1s cubic-bezier(0.39, 0.58, 0.57, 1);
-webkit-transform:rotate(0deg);
object-fit: cover;
width: 100%;
height: 100%;

View File

@ -225,7 +225,7 @@ export class VideoPlayerV2Agent extends PlayerAgent {
}
checkBwpVideo() {
const videoSelector = this.query.video.element.selector
const bwpSelector = '.bilibili-player-video bwp-video'
const bwpSelector = '.bilibili-player-video bwp-video,.bpx-player-video-area bwp-video'
this.query.video.element = (() => {
const func = async () => {
if (await isBwpVideo()) {

View File

@ -10,7 +10,7 @@ export const bwpVideoFilter = (selector: string) => {
// }
const map = {
video: ', bwp-video',
'.bilibili-player-video video': ', .bilibili-player-video bwp-video',
'.bilibili-player-video video': ', .bilibili-player-video bwp-video,.bpx-player-video-area bwp-video',
}
const suffix = map[selector]
if (suffix) {

View File

@ -142,6 +142,7 @@ export const useScopedConsole = (config: ScopedConsoleConfig | string) => {
])
const scopedConsole = {
...unsafeWindow.console,
...console,
}

View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 26 26"><path d="M10,14.11a7.76,7.76,0,0,0,2.48-.8,3.17,3.17,0,0,0,1.28-1.19,2.93,2.93,0,0,0,.37-1.43,3.2,3.2,0,0,0-.5-1.79A3.26,3.26,0,0,0,12,7.67a8.38,8.38,0,0,0-3-.45H2V7.9l1.78.15c0,1,.05,2,.05,3s0,2,0,3v.71c0,1.07,0,2.13,0,3.2s0,2.11-.05,3.15L2,21.32V22H8.27a12.7,12.7,0,0,0,3.31-.36,5.51,5.51,0,0,0,2.05-1,3.45,3.45,0,0,0,1.06-1.33A3.64,3.64,0,0,0,15,17.89a3.15,3.15,0,0,0-1.17-2.53A7,7,0,0,0,10,14.11ZM7.11,10.9c0-1,0-2,0-2.92h.93a2.78,2.78,0,0,1,2.17.74,3,3,0,0,1,.66,2.09,3.21,3.21,0,0,1-.76,2.28,3,3,0,0,1-2.29.82H7.1C7.1,12.89,7.1,11.89,7.11,10.9Zm3.56,9.52a3.48,3.48,0,0,1-2.5.85h-1c0-1.06,0-2.14,0-3.23s0-2.24,0-3.42h1a3.8,3.8,0,0,1,2.65.8,3.33,3.33,0,0,1,.86,2.52A3.23,3.23,0,0,1,10.67,20.42Z"/><polygon points="22 5 19 5 19 2 17 2 17 5 14 5 14 7 17 7 17 10 19 10 19 7 22 7 22 5"/></svg>
<svg id="a75ac312-07fb-4078-8202-99a264d279df" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><polygon points="22 5 19 5 19 2 17 2 17 5 14 5 14 7 17 7 17 10 19 10 19 7 22 7 22 5"/><path d="M3,21V6.46H8.56A6.18,6.18,0,0,1,11.19,7a3.54,3.54,0,0,1,1.57,1.34,3.6,3.6,0,0,1,.52,1.93,3.16,3.16,0,0,1-.34,1.52,2.78,2.78,0,0,1-.92,1,3.85,3.85,0,0,1-1.28.55v.14a3.29,3.29,0,0,1,2.13,1,3.35,3.35,0,0,1,.71,1.11A4,4,0,0,1,13.84,17a3.93,3.93,0,0,1-.31,1.57,3.37,3.37,0,0,1-.92,1.26,4.44,4.44,0,0,1-1.54.83,7.16,7.16,0,0,1-2.19.3Zm2.62-8.36H8.24a2.91,2.91,0,0,0,1.23-.25,2,2,0,0,0,.86-.72,2.08,2.08,0,0,0,.05-2.1,1.79,1.79,0,0,0-.79-.69A2.93,2.93,0,0,0,8.3,8.62H5.62Zm0,6.16H8.46A4,4,0,0,0,10,18.55a1.78,1.78,0,0,0,.87-.7,1.93,1.93,0,0,0,.27-1,2.24,2.24,0,0,0-.31-1.18,2.17,2.17,0,0,0-.9-.82,3.06,3.06,0,0,0-1.41-.3H5.62Z"/></svg>

Before

Width:  |  Height:  |  Size: 855 B

After

Width:  |  Height:  |  Size: 825 B