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
|
||||
}
|
||||
if ([
|
||||
'bili-rich-text__action',
|
||||
'bili-rich-text-topic',
|
||||
'bili-rich-text-module',
|
||||
'bili-rich-text-link',
|
||||
|
||||
@ -259,5 +259,8 @@ body.fixed-navbar {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
~ .bili-gallery {
|
||||
z-index: 10002;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
@ -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 {
|
||||
@ -294,3 +294,50 @@ blockquote {
|
||||
@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-15.scss";
|
||||
@import "./dark-slice-16.scss";
|
||||
@import "./dark-slice-17.scss";
|
||||
@import "./dark-navbar.scss";
|
||||
@ -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,
|
||||
|
||||
@ -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,
|
||||
|
||||
@ -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 {
|
||||
.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) {
|
||||
|
||||
@ -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");
|
||||
}
|
||||
|
||||
@ -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');
|
||||
|
||||
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");
|
||||
}
|
||||
.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 {
|
||||
|
||||
@ -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,
|
||||
|
||||
@ -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,
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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
|
||||
{
|
||||
|
||||
@ -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,
|
||||
|
||||
@ -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,
|
||||
|
||||
@ -216,7 +216,8 @@
|
||||
.medal,
|
||||
.medal-level,
|
||||
.reply-notice,
|
||||
.sailing {
|
||||
.sailing,
|
||||
.perfect-reply {
|
||||
@include hide();
|
||||
}
|
||||
.comment-send-lite .comment-emoji,
|
||||
|
||||
@ -116,6 +116,9 @@ $prefix: "simplifyLiveroom-switch";
|
||||
}
|
||||
}
|
||||
}
|
||||
.info-section {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
.rows-ctnr .lower-row,
|
||||
.room-info-down-row {
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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) {
|
||||
.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>
|
||||
|
||||
@ -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
|
||||
}
|
||||
|
||||
@ -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,10 +31,10 @@
|
||||
</template>
|
||||
</VDropdown>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lists-tip" :class="{ show: listShowing }">
|
||||
右键点击快速收藏可再次打开
|
||||
</div>
|
||||
</div>
|
||||
<div class="tip" :class="{ show: tipShowing }">{{ tipText }}</div>
|
||||
</span>
|
||||
</template>
|
||||
@ -168,27 +168,28 @@ export default Vue.extend({
|
||||
},
|
||||
})
|
||||
</script>
|
||||
<style lang="scss">
|
||||
@import "./font";
|
||||
<style lang="scss" scoped>
|
||||
@import 'common';
|
||||
@import './font';
|
||||
|
||||
.video-toolbar .ops {
|
||||
.quick-favorite {
|
||||
.quick-favorite {
|
||||
margin-right: 28px !important;
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
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;
|
||||
margin-right: max(calc(min(11vw, 11vh) - 117.2px), 6px) !important;
|
||||
.text {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&-icon {
|
||||
font-family: "quick-favorite" !important;
|
||||
font-family: 'quick-favorite' !important;
|
||||
font-size: 28px;
|
||||
display: inline-block;
|
||||
font-style: normal;
|
||||
text-align: center;
|
||||
@ -197,12 +198,14 @@ export default Vue.extend({
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
&:after {
|
||||
content: "\ea01";
|
||||
content: '\ea01';
|
||||
}
|
||||
.video-toolbar-v1 & {
|
||||
transform: translateY(1px);
|
||||
}
|
||||
}
|
||||
.tip,
|
||||
.select-list,
|
||||
.lists-tip {
|
||||
.select-list {
|
||||
line-height: normal;
|
||||
position: absolute;
|
||||
top: calc(100% + 8px);
|
||||
@ -210,7 +213,7 @@ export default Vue.extend({
|
||||
transform: translateX(-50%);
|
||||
z-index: 1000;
|
||||
background: #000d;
|
||||
padding: 4px 8px;
|
||||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
color: #eee;
|
||||
transition: all 0.2s ease-out;
|
||||
@ -221,18 +224,8 @@ export default Vue.extend({
|
||||
pointer-events: initial;
|
||||
}
|
||||
}
|
||||
.tip {
|
||||
padding: 8px;
|
||||
}
|
||||
.lists-tip {
|
||||
top: calc(100% + 8px + 42px);
|
||||
color: #ccc;
|
||||
font-size: 12px;
|
||||
z-index: 100;
|
||||
}
|
||||
.select-list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@include v-center(8px);
|
||||
> * {
|
||||
white-space: nowrap;
|
||||
}
|
||||
@ -240,23 +233,11 @@ export default Vue.extend({
|
||||
padding: 4px 32px;
|
||||
}
|
||||
.lists {
|
||||
margin-left: 8px;
|
||||
@include h-center(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;
|
||||
// }
|
||||
// }
|
||||
.lists-tip {
|
||||
color: #aaa;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -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
|
||||
}
|
||||
|
||||
@ -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%;
|
||||
|
||||
@ -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()) {
|
||||
|
||||
@ -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) {
|
||||
|
||||
@ -142,6 +142,7 @@ export const useScopedConsole = (config: ScopedConsoleConfig | string) => {
|
||||
])
|
||||
|
||||
const scopedConsole = {
|
||||
...unsafeWindow.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