mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Merge branch 'preview-fixes' into preview-features
This commit is contained in:
commit
301ecd22b6
@ -28,6 +28,7 @@ const entry = async () => {
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
if ([
|
if ([
|
||||||
|
'bili-rich-text__action',
|
||||||
'bili-rich-text-topic',
|
'bili-rich-text-topic',
|
||||||
'bili-rich-text-module',
|
'bili-rich-text-module',
|
||||||
'bili-rich-text-link',
|
'bili-rich-text-link',
|
||||||
|
|||||||
@ -259,5 +259,8 @@ body.fixed-navbar {
|
|||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
~ .bili-gallery {
|
||||||
|
z-index: 10002;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -64,7 +64,8 @@ export default Vue.extend({
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.season {
|
&.season {
|
||||||
transform: scale(1.15);
|
height: 36px;
|
||||||
|
// transform: scale(1.15);
|
||||||
filter: drop-shadow(0 0 2px #0002);
|
filter: drop-shadow(0 0 2px #0002);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
@import "./dark-definitions";
|
@import './dark-definitions';
|
||||||
|
|
||||||
#disable-popup-modal,
|
#disable-popup-modal,
|
||||||
#vip-exchange-modal {
|
#vip-exchange-modal {
|
||||||
.vip-exchange .months button.disabled {
|
.vip-exchange .months button.disabled {
|
||||||
@include background-color("2");
|
@include background-color('2');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -12,7 +12,7 @@
|
|||||||
.sch-pub-btn.disabled,
|
.sch-pub-btn.disabled,
|
||||||
.publish-btn.publishing,
|
.publish-btn.publishing,
|
||||||
.publish-btn.disabled {
|
.publish-btn.disabled {
|
||||||
@include background-color("2");
|
@include background-color('2');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.link-footer,
|
.link-footer,
|
||||||
@ -22,10 +22,10 @@
|
|||||||
.tab-list .tab-item.active:before,
|
.tab-list .tab-item.active:before,
|
||||||
.player-auxiliary-area .player-auxiliary-bscrollbar .bscroll-indicator,
|
.player-auxiliary-area .player-auxiliary-bscrollbar .bscroll-indicator,
|
||||||
.home-content .publish-btn.disabled {
|
.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 {
|
.manga-detail .episode-list-component .episode-list .list-header .header-item.selected {
|
||||||
@include background-color("3");
|
@include background-color('3');
|
||||||
}
|
}
|
||||||
.wrapper .elec-btn.disabled,
|
.wrapper .elec-btn.disabled,
|
||||||
.f-list-hover:hover,
|
.f-list-hover:hover,
|
||||||
@ -43,10 +43,10 @@
|
|||||||
.main-container .media-info .media-right .media-tool-bar .btn-follow.active,
|
.main-container .media-info .media-right .media-tool-bar .btn-follow.active,
|
||||||
.coupon-content-con .coupon-btn-disable,
|
.coupon-content-con .coupon-btn-disable,
|
||||||
.customize-wrp .select {
|
.customize-wrp .select {
|
||||||
@include background-color("4");
|
@include background-color('4');
|
||||||
}
|
}
|
||||||
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .bscroll-indicator {
|
.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 {
|
.player-auxiliary-area .player-auxiliary-bscrollbar {
|
||||||
.bscroll-vertical-scrollbar,
|
.bscroll-vertical-scrollbar,
|
||||||
@ -68,12 +68,12 @@
|
|||||||
blockquote {
|
blockquote {
|
||||||
&,
|
&,
|
||||||
* {
|
* {
|
||||||
@include color("a");
|
@include color('a');
|
||||||
}
|
}
|
||||||
@each $color in "blue", "gray", "green", "lblue", "pink", "purple", "yellow" {
|
@each $color in 'blue', 'gray', 'green', 'lblue', 'pink', 'purple', 'yellow' {
|
||||||
@each $value in "01", "02", "03", "04" {
|
@each $value in '01', '02', '03', '04' {
|
||||||
.color-#{$color}-#{$value} {
|
.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 {
|
.open-dialog-masker .open-dialog-content .open-footer .btn-normal.disabled {
|
||||||
&,
|
&,
|
||||||
&:hover {
|
&:hover {
|
||||||
@include color("a");
|
@include color('a');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.status_box .status_btn.disabled {
|
.status_box .status_btn.disabled {
|
||||||
@include color("a");
|
@include color('a');
|
||||||
}
|
}
|
||||||
.live-room-app .guard-rank-cntr {
|
.live-room-app .guard-rank-cntr {
|
||||||
.tabs.isHundred .item.active {
|
.tabs.isHundred .item.active {
|
||||||
@include color("e");
|
@include color('e');
|
||||||
}
|
}
|
||||||
&.hundred,
|
&.hundred,
|
||||||
&.thousand {
|
&.thousand {
|
||||||
.live-skin-main-a-text,
|
.live-skin-main-a-text,
|
||||||
.page-box .live-skin-main-text,
|
.page-box .live-skin-main-text,
|
||||||
.live-skin-highlight-text {
|
.live-skin-highlight-text {
|
||||||
@include color("e");
|
@include color('e');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.bb-comment .no-login .comment-submit {
|
.bb-comment .no-login .comment-submit {
|
||||||
.common &,
|
.common &,
|
||||||
& {
|
& {
|
||||||
@include color("9");
|
@include color('9');
|
||||||
@include background-color("4");
|
@include background-color('4');
|
||||||
@include border-color();
|
@include border-color();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -124,7 +124,7 @@ blockquote {
|
|||||||
.customize-wrp .select,
|
.customize-wrp .select,
|
||||||
.manga-detail .episode-list-component .episode-list .list-data .list-item.last-read,
|
.manga-detail .episode-list-component .episode-list .list-data .list-item.last-read,
|
||||||
.popup-content-ctnr .bl-button--ghost {
|
.popup-content-ctnr .bl-button--ghost {
|
||||||
@include color("e");
|
@include color('e');
|
||||||
}
|
}
|
||||||
|
|
||||||
.link-footer,
|
.link-footer,
|
||||||
@ -224,27 +224,27 @@ blockquote {
|
|||||||
|
|
||||||
#bilibiliPlayer {
|
#bilibiliPlayer {
|
||||||
box-shadow: 0 4px 8px 0 #0004;
|
box-shadow: 0 4px 8px 0 #0004;
|
||||||
@include background-color("2");
|
@include background-color('2');
|
||||||
}
|
}
|
||||||
|
|
||||||
.live-skin-coloration-area {
|
.live-skin-coloration-area {
|
||||||
.live-skin-separate-area,
|
.live-skin-separate-area,
|
||||||
.live-skin-separate-area-hover:hover {
|
.live-skin-separate-area-hover:hover {
|
||||||
@include background-color("2");
|
@include background-color('2');
|
||||||
}
|
}
|
||||||
.live-skin-normal-a-text {
|
.live-skin-normal-a-text {
|
||||||
&,
|
&,
|
||||||
&:link,
|
&:link,
|
||||||
&:visited {
|
&:visited {
|
||||||
@include color("a");
|
@include color('a');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.live-skin-normal-text {
|
.live-skin-normal-text {
|
||||||
@include color("a");
|
@include color('a');
|
||||||
}
|
}
|
||||||
.live-skin-main-text,
|
.live-skin-main-text,
|
||||||
.live-skin-highlight-text {
|
.live-skin-highlight-text {
|
||||||
@include color("e");
|
@include color('e');
|
||||||
}
|
}
|
||||||
.live-skin-highlight-border,
|
.live-skin-highlight-border,
|
||||||
.live-skin-separate-border {
|
.live-skin-separate-border {
|
||||||
@ -293,4 +293,51 @@ blockquote {
|
|||||||
.bilibili-player-block-filter-label {
|
.bilibili-player-block-filter-label {
|
||||||
@include theme-color();
|
@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');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -14,4 +14,5 @@
|
|||||||
@import "./dark-slice-14.scss";
|
@import "./dark-slice-14.scss";
|
||||||
@import "./dark-slice-15.scss";
|
@import "./dark-slice-15.scss";
|
||||||
@import "./dark-slice-16.scss";
|
@import "./dark-slice-16.scss";
|
||||||
|
@import "./dark-slice-17.scss";
|
||||||
@import "./dark-navbar.scss";
|
@import "./dark-navbar.scss";
|
||||||
@ -16,8 +16,7 @@
|
|||||||
#link-navbar-vm > .link-navbar,
|
#link-navbar-vm > .link-navbar,
|
||||||
#app > .link-navbar,
|
#app > .link-navbar,
|
||||||
#app > .nav-header-wrapper,
|
#app > .nav-header-wrapper,
|
||||||
.b-header-mask-wrp .b-header-mask,
|
.b-header-mask-wrp .b-header-mask {
|
||||||
.link-navbar {
|
|
||||||
@include background-color("3");
|
@include background-color("3");
|
||||||
}
|
}
|
||||||
.z_top .i-link:hover,
|
.z_top .i-link:hover,
|
||||||
|
|||||||
@ -612,6 +612,9 @@
|
|||||||
@include foreground-color();
|
@include foreground-color();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.placeholder-shown::before {
|
||||||
|
@include color("8");
|
||||||
|
}
|
||||||
.publish-panel {
|
.publish-panel {
|
||||||
.core-style {
|
.core-style {
|
||||||
@include background-color();
|
@include background-color();
|
||||||
@ -623,9 +626,6 @@
|
|||||||
@include theme-border-color();
|
@include theme-border-color();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.editor .placeholder-shown::before {
|
|
||||||
@include color("8");
|
|
||||||
}
|
|
||||||
.schedule-bar {
|
.schedule-bar {
|
||||||
@include background-color("3");
|
@include background-color("3");
|
||||||
.s-label,
|
.s-label,
|
||||||
|
|||||||
@ -111,6 +111,14 @@
|
|||||||
span:not(.cur-page) {
|
span:not(.cur-page) {
|
||||||
@include color("e");
|
@include color("e");
|
||||||
}
|
}
|
||||||
|
.cur-page {
|
||||||
|
@include color('a');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-right {
|
||||||
|
.next-button {
|
||||||
|
@include color('a');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&-title {
|
&-title {
|
||||||
@include color("e");
|
@include color("e");
|
||||||
@ -121,6 +129,11 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
&_second-line {
|
&_second-line {
|
||||||
|
.second-line_left {
|
||||||
|
.abstract {
|
||||||
|
@include color('a');
|
||||||
|
}
|
||||||
|
}
|
||||||
.second-line_right {
|
.second-line_right {
|
||||||
@include theme-border-color();
|
@include theme-border-color();
|
||||||
@include background-color("4");
|
@include background-color("4");
|
||||||
@ -156,8 +169,13 @@
|
|||||||
&-title {
|
&-title {
|
||||||
@include color("e");
|
@include color("e");
|
||||||
}
|
}
|
||||||
|
&-duration {
|
||||||
|
@include color('a');
|
||||||
|
}
|
||||||
|
&-playing,
|
||||||
&-title-playing {
|
&-title-playing {
|
||||||
@include theme-color();
|
@include theme-color();
|
||||||
|
@include background-color('5');
|
||||||
.cur-play-icon {
|
.cur-play-icon {
|
||||||
@include to-theme("blue");
|
@include to-theme("blue");
|
||||||
}
|
}
|
||||||
@ -303,10 +321,16 @@ a {
|
|||||||
@include theme-color();
|
@include theme-color();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.follow-btn.followed {
|
.follow-btn {
|
||||||
@include border-color("");
|
&.following,
|
||||||
@include background-color("4");
|
&.followed {
|
||||||
@include color("a");
|
@include border-color("");
|
||||||
|
@include background-color("4");
|
||||||
|
@include color("a");
|
||||||
|
path {
|
||||||
|
@include fill('a');
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
#article-list-index .index-holder {
|
#article-list-index .index-holder {
|
||||||
.article-item:not(.on) {
|
.article-item:not(.on) {
|
||||||
|
|||||||
@ -28,6 +28,9 @@
|
|||||||
.bui-dropdown-item {
|
.bui-dropdown-item {
|
||||||
@include color("e");
|
@include color("e");
|
||||||
@include background-color();
|
@include background-color();
|
||||||
|
&::before {
|
||||||
|
@include hide();
|
||||||
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
@include theme-color();
|
@include theme-color();
|
||||||
@include background-color("2");
|
@include background-color("2");
|
||||||
@ -1037,6 +1040,7 @@ $media-types: (video, bangumi, cheese, live, manga, movie, ogv, article);
|
|||||||
@include background-color("6");
|
@include background-color("6");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.reply-warp,
|
||||||
.up-info {
|
.up-info {
|
||||||
.u-face .u-face__avatar {
|
.u-face .u-face__avatar {
|
||||||
@include background-color("4");
|
@include background-color("4");
|
||||||
@ -1046,6 +1050,13 @@ $media-types: (video, bangumi, cheese, live, manga, movie, ogv, article);
|
|||||||
@include background-color("4");
|
@include background-color("4");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.user-card-avatar,
|
||||||
|
.up-info-v1 {
|
||||||
|
.bili-avatar {
|
||||||
|
@include no-image();
|
||||||
|
@include background-color("4");
|
||||||
|
}
|
||||||
|
}
|
||||||
.v-wrap .float-nav {
|
.v-wrap .float-nav {
|
||||||
&__btn--fixed,
|
&__btn--fixed,
|
||||||
.nav-btn-item {
|
.nav-btn-item {
|
||||||
@ -1059,6 +1070,36 @@ $media-types: (video, bangumi, cheese, live, manga, movie, ogv, article);
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.user-card {
|
.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 {
|
.info p {
|
||||||
@include color("e");
|
@include color("e");
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
@import './dark-definitions';
|
@import './dark-definitions';
|
||||||
|
|
||||||
#app .bg {
|
#app > .bg {
|
||||||
@include no-image();
|
@include no-image();
|
||||||
}
|
}
|
||||||
@mixin dyn-container-skeleton() {
|
@mixin dyn-container-skeleton() {
|
||||||
@ -269,6 +269,9 @@
|
|||||||
&__content {
|
&__content {
|
||||||
@include color('e');
|
@include color('e');
|
||||||
}
|
}
|
||||||
|
&__action {
|
||||||
|
@include theme-color();
|
||||||
|
}
|
||||||
&-module,
|
&-module,
|
||||||
&-link,
|
&-link,
|
||||||
&-topic {
|
&-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 {
|
.bili-dyn-banner {
|
||||||
@include background-color('4');
|
@include background-color('4');
|
||||||
|
|||||||
806
registry/lib/components/style/dark-mode/dark-slice-17.scss
Normal file
806
registry/lib/components/style/dark-mode/dark-slice-17.scss
Normal 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();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1003,8 +1003,7 @@ $highlight-map: (
|
|||||||
@include border-color("3");
|
@include border-color("3");
|
||||||
}
|
}
|
||||||
.manga-navbar .search-bar .confirm-btn .search-icon,
|
.manga-navbar .search-bar .confirm-btn .search-icon,
|
||||||
.container .level-intro .svg-icon,
|
.container .level-intro .svg-icon {
|
||||||
#page-fav .fav-sidenav .icon:not(.icon-cursor) {
|
|
||||||
@include to-white();
|
@include to-white();
|
||||||
}
|
}
|
||||||
.side-bar-btn .size-bar-text {
|
.side-bar-btn .size-bar-text {
|
||||||
|
|||||||
@ -369,7 +369,6 @@ button.submit-button.disabled,
|
|||||||
.ema-wishing,
|
.ema-wishing,
|
||||||
.room-info-ctnr .content-wrapper,
|
.room-info-ctnr .content-wrapper,
|
||||||
.activity-pushing-out,
|
.activity-pushing-out,
|
||||||
.left-container .head-info-section,
|
|
||||||
.left-container .gift-control-section,
|
.left-container .gift-control-section,
|
||||||
.rank-list-ctnr .tabs,
|
.rank-list-ctnr .tabs,
|
||||||
.player-and-aside-area .aside-area,
|
.player-and-aside-area .aside-area,
|
||||||
@ -591,7 +590,6 @@ div.drag-bar,
|
|||||||
.be-pager-total,
|
.be-pager-total,
|
||||||
.tabs a,
|
.tabs a,
|
||||||
#id-card .idc-auth-description,
|
#id-card .idc-auth-description,
|
||||||
#page-fav .fav-sidenav .nav-title .text,
|
|
||||||
#page-fav .fav-main .fav-meta,
|
#page-fav .fav-main .fav-meta,
|
||||||
#page-fav .fav-main .filter-item .filter-type .be-dropdown-item i,
|
#page-fav .fav-main .filter-item .filter-type .be-dropdown-item i,
|
||||||
.wrapper .edit-video-modal .edit-video-subtitle,
|
.wrapper .edit-video-modal .edit-video-subtitle,
|
||||||
|
|||||||
@ -31,11 +31,9 @@ li.season-item .season-body .season-title span.follow,
|
|||||||
.pagelistbox .p,
|
.pagelistbox .p,
|
||||||
.sponsor-rank-item.special .sp-right .sp-msg,
|
.sponsor-rank-item.special .sp-right .sp-msg,
|
||||||
.player-auxiliary-danmaku-date-picker-container,
|
.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-tabpanel-row.player-auxiliary-border,
|
||||||
.player-auxiliary-block-list .player-auxiliary-block-line,
|
.player-auxiliary-block-list .player-auxiliary-block-line,
|
||||||
.player-auxiliary-context-menu-container,
|
.player-auxiliary-context-menu-container,
|
||||||
.player-auxiliary-modal-container,
|
|
||||||
.gui-settings-box li.category,
|
.gui-settings-box li.category,
|
||||||
.main-container .player-wrapper,
|
.main-container .player-wrapper,
|
||||||
.big-gift-btn-home,
|
.big-gift-btn-home,
|
||||||
@ -132,9 +130,6 @@ a.bp_box_bot_click,
|
|||||||
.project-list .project-list-item,
|
.project-list .project-list-item,
|
||||||
.ban-app .case-tip,
|
.ban-app .case-tip,
|
||||||
.groom-module,
|
.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,
|
||||||
.player-auxiliary-block-string-short,
|
.player-auxiliary-block-string-short,
|
||||||
.bui-button.bui-button-gray,
|
.bui-button.bui-button-gray,
|
||||||
@ -246,10 +241,6 @@ a.bp_box_bot_click,
|
|||||||
{
|
{
|
||||||
background-color: #2229 !important;
|
background-color: #2229 !important;
|
||||||
}
|
}
|
||||||
.mask::after
|
|
||||||
{
|
|
||||||
background-color: hsla(0,0%,0%,.7) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.news-list .news-item .date,
|
.news-list .news-item .date,
|
||||||
.empty-hint,
|
.empty-hint,
|
||||||
@ -349,7 +340,6 @@ a.bp_box_bot_click,
|
|||||||
.player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-],
|
.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-date-picker-btn,
|
||||||
.player-auxiliary-danmaku-date-picker-header,
|
.player-auxiliary-danmaku-date-picker-header,
|
||||||
.player-auxiliary-danmaku-load-status.disabled,
|
|
||||||
.player-auxiliary-block-list-function > div,
|
.player-auxiliary-block-list-function > div,
|
||||||
.player-auxiliary-block-list-wrap .player-auxiliary-block-empty,
|
.player-auxiliary-block-list-wrap .player-auxiliary-block-empty,
|
||||||
.player-auxiliary-block-line.block-state-disabled,
|
.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,
|
.sponsor-rank-item.special .sp-right .sp-user:not(.vip) .sp-name,
|
||||||
.player-auxiliary-auxiliary-area .player-auxiliary-filter-title,
|
.player-auxiliary-auxiliary-area .player-auxiliary-filter-title,
|
||||||
.bui-button.bui-button-gray2:hover,
|
.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-tabpanel-row.special-title .player-auxiliary-block-label,
|
||||||
.player-auxiliary-block-string,
|
.player-auxiliary-block-string,
|
||||||
.player-auxiliary-block-string-short,
|
.player-auxiliary-block-string-short,
|
||||||
@ -903,10 +892,7 @@ button.button.more,
|
|||||||
.media-sponsor-wrapper,
|
.media-sponsor-wrapper,
|
||||||
.sponsor-rank-item.special .sp-right .sp-msg,
|
.sponsor-rank-item.special .sp-right .sp-msg,
|
||||||
.player-auxiliary-danmaku-date-picker-container,
|
.player-auxiliary-danmaku-date-picker-container,
|
||||||
.player-auxiliary-setting-menu-wrap,
|
|
||||||
.danmaku-wrap .player-auxiliary-block-wrap,
|
|
||||||
.player-auxiliary-context-menu-container,
|
.player-auxiliary-context-menu-container,
|
||||||
.player-auxiliary-modal-container,
|
|
||||||
.player-auxiliary-modal-btns .bpm-btn,
|
.player-auxiliary-modal-btns .bpm-btn,
|
||||||
.announcement-cntr,
|
.announcement-cntr,
|
||||||
.side-bar,
|
.side-bar,
|
||||||
@ -1430,7 +1416,6 @@ button.button.more:hover,
|
|||||||
.wrapper .elec-sub-title .exp,
|
.wrapper .elec-sub-title .exp,
|
||||||
.wrapper .elec-sub-title .vip-point,
|
.wrapper .elec-sub-title .vip-point,
|
||||||
.player-auxiliary-auxiliary-area .player-auxiliary-filter-menu:hover,
|
.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-button.bui-button-text,
|
||||||
.bui-tabs .bui-tabs-header .bui-tabs-header-item.bui-tabs-header-item-active,
|
.bui-tabs .bui-tabs-header .bui-tabs-header-item.bui-tabs-header-item-active,
|
||||||
.player-auxiliary-block-list .player-auxiliary-block-line-state,
|
.player-auxiliary-block-list .player-auxiliary-block-line-state,
|
||||||
|
|||||||
@ -88,8 +88,7 @@ div#square.container,
|
|||||||
background-color: #222 !important;
|
background-color: #222 !important;
|
||||||
}
|
}
|
||||||
.article-holder .error-card .video-holder .video-cover,
|
.article-holder .error-card .video-holder .video-cover,
|
||||||
.article-holder .error-card .video-holder p,
|
.article-holder .error-card .video-holder p
|
||||||
.player-auxiliary-danmaku-function .player-auxiliary-danmaku-multiple-control
|
|
||||||
{
|
{
|
||||||
background-color: #333 !important;
|
background-color: #333 !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -80,10 +80,6 @@ li.user-wrapper .avatar .detail .logout,
|
|||||||
{
|
{
|
||||||
background-color: #222 !important;
|
background-color: #222 !important;
|
||||||
}
|
}
|
||||||
.player-auxiliary-area .bui-collapse
|
|
||||||
{
|
|
||||||
background-color: #333 !important;
|
|
||||||
}
|
|
||||||
.container .host-list-layout .hot-list-wrap .hot-song-list,
|
.container .host-list-layout .hot-list-wrap .hot-song-list,
|
||||||
.rank-list-container .rank-list-wrapper .rank-list,
|
.rank-list-container .rank-list-wrapper .rank-list,
|
||||||
.rank-list-container .rank-list-wrapper,
|
.rank-list-container .rank-list-wrapper,
|
||||||
@ -194,7 +190,6 @@ body #app .marquee,
|
|||||||
{
|
{
|
||||||
background-color: #444 !important;
|
background-color: #444 !important;
|
||||||
}
|
}
|
||||||
.player-auxiliary-area .bui-collapse,
|
|
||||||
.player-auxiliary-area .player-auxiliary-danmaku-btn-footer,
|
.player-auxiliary-area .player-auxiliary-danmaku-btn-footer,
|
||||||
.v-wrap #multi_page
|
.v-wrap #multi_page
|
||||||
{
|
{
|
||||||
|
|||||||
@ -167,7 +167,6 @@
|
|||||||
.main-content .group .bp-input .content-box,
|
.main-content .group .bp-input .content-box,
|
||||||
.main-content .group .title .slot-right .bp-selector,
|
.main-content .group .title .slot-right .bp-selector,
|
||||||
.bp-input .content-box.textarea-box .textarea,
|
.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 .rightside-content .source-list .source-item .collect,
|
||||||
.play-list .leftside-content .oprate-panel .oprate-item .oprate-window,
|
.play-list .leftside-content .oprate-panel .oprate-item .oprate-window,
|
||||||
.edit-media-list .edit-mask .default-edit .default-edit-info .info-wrap .name-input,
|
.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,
|
#page-fav .fav-sidenav .watch-later,
|
||||||
.edit-media-list .edit-mask .edit-board .head,
|
.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 .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 .rightside-content .source-list .source-item .source-info .source-name,
|
||||||
.play-list .leftside-content .list-title,
|
.play-list .leftside-content .list-title,
|
||||||
.play-list .leftside-content .play-btn,
|
.play-list .leftside-content .play-btn,
|
||||||
@ -759,7 +757,6 @@ th.list-head-text,
|
|||||||
#page-fav .fav-main .favList-info,
|
#page-fav .fav-main .favList-info,
|
||||||
#page-fav .fav-sidenav .watch-later,
|
#page-fav .fav-sidenav .watch-later,
|
||||||
.edit-media-list .edit-mask .edit-board .head,
|
.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,
|
||||||
.play-list .rightside-content .source-list .source-item .collect .collect-item:first-child,
|
.play-list .rightside-content .source-list .source-item .collect .collect-item:first-child,
|
||||||
.play-list .leftside-content .oprate-panel .oprate-item .oprate-window,
|
.play-list .leftside-content .oprate-panel .oprate-item .oprate-window,
|
||||||
|
|||||||
@ -30,14 +30,9 @@
|
|||||||
}
|
}
|
||||||
.at-popup .user-container .item.is-selected,
|
.at-popup .user-container .item.is-selected,
|
||||||
.bangumi-options .opt-list,
|
.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,
|
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap-child .player-auxiliary-panel-title,
|
||||||
.bpui-selected,
|
.bpui-selected,
|
||||||
.bpui-selected span,
|
.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 .comic-des,
|
||||||
.comic-info-component .page-normal .comic-info-con,
|
.comic-info-component .page-normal .comic-info-con,
|
||||||
.dropdown__content .dropdown__item:hover,
|
.dropdown__content .dropdown__item:hover,
|
||||||
|
|||||||
@ -216,7 +216,8 @@
|
|||||||
.medal,
|
.medal,
|
||||||
.medal-level,
|
.medal-level,
|
||||||
.reply-notice,
|
.reply-notice,
|
||||||
.sailing {
|
.sailing,
|
||||||
|
.perfect-reply {
|
||||||
@include hide();
|
@include hide();
|
||||||
}
|
}
|
||||||
.comment-send-lite .comment-emoji,
|
.comment-send-lite .comment-emoji,
|
||||||
|
|||||||
@ -116,6 +116,9 @@ $prefix: "simplifyLiveroom-switch";
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.info-section {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.rows-ctnr .lower-row,
|
.rows-ctnr .lower-row,
|
||||||
.room-info-down-row {
|
.room-info-down-row {
|
||||||
|
|||||||
@ -24,7 +24,10 @@ body.remove-game-match-module #reportFirst3,
|
|||||||
.eva-extension-area,
|
.eva-extension-area,
|
||||||
.eva-banner,
|
.eva-banner,
|
||||||
.video-ad-creative-card,
|
.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;
|
display: none !important;
|
||||||
}
|
}
|
||||||
.recommend-list .rec-list > :not(.video-page-card) + .video-page-card {
|
.recommend-list .rec-list > :not(.video-page-card) + .video-page-card {
|
||||||
|
|||||||
@ -1,11 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<span
|
<span title="稍后再看" class="watchlater" :class="{ on }" @click="toggle()">
|
||||||
title="稍后再看"
|
<VIcon class="icon" :size="28" icon="mdi-timetable"></VIcon>
|
||||||
class="watchlater"
|
|
||||||
:class="{ on }"
|
|
||||||
@click="toggle()"
|
|
||||||
>
|
|
||||||
<VIcon :size="28" icon="mdi-timetable"></VIcon>
|
|
||||||
<span class="text">稍后再看</span>
|
<span class="text">稍后再看</span>
|
||||||
<div class="tip" :class="{ show: tipShowing }">{{ tipText }}</div>
|
<div class="tip" :class="{ show: tipShowing }">{{ tipText }}</div>
|
||||||
</span>
|
</span>
|
||||||
@ -56,13 +51,16 @@ export default Vue.extend({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.video-toolbar .ops {
|
.video-toolbar .ops,
|
||||||
|
.video-toolbar-v1 .toolbar-left {
|
||||||
.watchlater {
|
.watchlater {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: normal;
|
||||||
margin-right: 28px !important;
|
margin-right: 28px !important;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: auto !important;
|
width: auto !important;
|
||||||
@media screen and (max-width: 1320px), (max-height: 750px) {
|
@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 {
|
.text {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@ -90,7 +88,13 @@ export default Vue.extend({
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.more-ops-list > ul > li:nth-child(2) {
|
.video-toolbar-v1 .watchlater .be-icon {
|
||||||
display: none !important;
|
transform: translateY(1px);
|
||||||
|
}
|
||||||
|
.more-ops-list > ul,
|
||||||
|
.van-popover .more_dropdown {
|
||||||
|
> li:nth-child(2) {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -21,7 +21,7 @@ const entry: ComponentEntry<typeof options> = async ({ settings }) => {
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
await playerReady()
|
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) {
|
if (!favoriteButton) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|||||||
@ -7,7 +7,7 @@
|
|||||||
@click.right.prevent.self="listShowing = !listShowing"
|
@click.right.prevent.self="listShowing = !listShowing"
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
class="quick-favorite-icon"
|
class="quick-favorite-icon icon"
|
||||||
@click.left="toggle()"
|
@click.left="toggle()"
|
||||||
@click.right.prevent="listShowing = !listShowing"
|
@click.right.prevent="listShowing = !listShowing"
|
||||||
></i>
|
></i>
|
||||||
@ -19,8 +19,8 @@
|
|||||||
快速收藏
|
快速收藏
|
||||||
</div>
|
</div>
|
||||||
<div ref="selectList" class="select-list" :class="{ show: listShowing }">
|
<div ref="selectList" class="select-list" :class="{ show: listShowing }">
|
||||||
选择快速收藏夹:
|
|
||||||
<div class="lists">
|
<div class="lists">
|
||||||
|
选择快速收藏夹:
|
||||||
<VDropdown
|
<VDropdown
|
||||||
v-model="selectedFavorite"
|
v-model="selectedFavorite"
|
||||||
:items="lists.map(it => it.title)"
|
:items="lists.map(it => it.title)"
|
||||||
@ -31,9 +31,9 @@
|
|||||||
</template>
|
</template>
|
||||||
</VDropdown>
|
</VDropdown>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="lists-tip" :class="{ show: listShowing }">
|
||||||
<div class="lists-tip" :class="{ show: listShowing }">
|
右键点击快速收藏可再次打开
|
||||||
右键点击快速收藏可再次打开
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="tip" :class="{ show: tipShowing }">{{ tipText }}</div>
|
<div class="tip" :class="{ show: tipShowing }">{{ tipText }}</div>
|
||||||
</span>
|
</span>
|
||||||
@ -168,95 +168,76 @@ export default Vue.extend({
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss" scoped>
|
||||||
@import "./font";
|
@import 'common';
|
||||||
|
@import './font';
|
||||||
|
|
||||||
.video-toolbar .ops {
|
.quick-favorite {
|
||||||
.quick-favorite {
|
margin-right: 28px !important;
|
||||||
margin-right: 28px !important;
|
position: relative;
|
||||||
position: relative;
|
font-size: 14px;
|
||||||
font-size: 0;
|
font-weight: normal;
|
||||||
font-size: 14px;
|
width: auto !important;
|
||||||
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 {
|
.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;
|
&-icon {
|
||||||
.text {
|
font-family: 'quick-favorite' !important;
|
||||||
display: none;
|
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 {
|
.video-toolbar-v1 & {
|
||||||
font-family: "quick-favorite" !important;
|
transform: translateY(1px);
|
||||||
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";
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.tip,
|
}
|
||||||
.select-list,
|
.tip,
|
||||||
.lists-tip {
|
.select-list {
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: calc(100% + 8px);
|
top: calc(100% + 8px);
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
background: #000d;
|
background: #000d;
|
||||||
padding: 4px 8px;
|
padding: 8px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
color: #eee;
|
color: #eee;
|
||||||
transition: all 0.2s ease-out;
|
transition: all 0.2s ease-out;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
&.show {
|
&.show {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
pointer-events: initial;
|
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 {
|
.lists-tip {
|
||||||
top: calc(100% + 8px + 42px);
|
color: #aaa;
|
||||||
color: #ccc;
|
|
||||||
font-size: 12px;
|
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;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -29,7 +29,7 @@ const entry: ComponentEntry<typeof options> = async ({ settings }) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
await playerReady()
|
await playerReady()
|
||||||
const favoriteButton = dq('.video-toolbar .ops .collect')
|
const favoriteButton = dq('.video-toolbar .ops .collect, .video-toolbar-v1 .toolbar-left .collect')
|
||||||
if (!favoriteButton) {
|
if (!favoriteButton) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|||||||
@ -340,6 +340,7 @@ export default {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
.cover {
|
.cover {
|
||||||
transition: 0.1s cubic-bezier(0.39, 0.58, 0.57, 1);
|
transition: 0.1s cubic-bezier(0.39, 0.58, 0.57, 1);
|
||||||
|
-webkit-transform:rotate(0deg);
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|||||||
@ -225,7 +225,7 @@ export class VideoPlayerV2Agent extends PlayerAgent {
|
|||||||
}
|
}
|
||||||
checkBwpVideo() {
|
checkBwpVideo() {
|
||||||
const videoSelector = this.query.video.element.selector
|
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 = (() => {
|
this.query.video.element = (() => {
|
||||||
const func = async () => {
|
const func = async () => {
|
||||||
if (await isBwpVideo()) {
|
if (await isBwpVideo()) {
|
||||||
|
|||||||
@ -10,7 +10,7 @@ export const bwpVideoFilter = (selector: string) => {
|
|||||||
// }
|
// }
|
||||||
const map = {
|
const map = {
|
||||||
video: ', bwp-video',
|
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]
|
const suffix = map[selector]
|
||||||
if (suffix) {
|
if (suffix) {
|
||||||
|
|||||||
@ -142,6 +142,7 @@ export const useScopedConsole = (config: ScopedConsoleConfig | string) => {
|
|||||||
])
|
])
|
||||||
|
|
||||||
const scopedConsole = {
|
const scopedConsole = {
|
||||||
|
...unsafeWindow.console,
|
||||||
...console,
|
...console,
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -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 |
Loading…
Reference in New Issue
Block a user