Fix partial live styles (#2615, #3459)

This commit is contained in:
the1812 2022-07-11 09:12:32 +08:00
parent cacfc0dde3
commit ff050f00b8
5 changed files with 87 additions and 27 deletions

View File

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

View File

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

View File

@ -474,6 +474,12 @@
.content-warp {
@include border-color('4');
}
.jump-url-prefix {
@include to-theme('blue');
}
.jump-url-link {
@include theme-color();
}
}
.view-more {
@include color('a');
@ -714,3 +720,9 @@
}
}
}
.live-room-app {
.hot-rank-text {
@include theme-background-color('80');
@include foreground-color();
}
}

View File

@ -369,7 +369,6 @@ button.submit-button.disabled,
.ema-wishing,
.room-info-ctnr .content-wrapper,
.activity-pushing-out,
.left-container .head-info-section,
.left-container .gift-control-section,
.rank-list-ctnr .tabs,
.player-and-aside-area .aside-area,

View File

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