Bilibili-Evolved/registry/lib/components/style/dark-mode/dark-slice-10.scss
2022-07-09 16:50:06 +08:00

995 lines
20 KiB
SCSS

@import "./dark-definitions";
.coverNews-item {
& &-title {
@include color("e");
}
& &-time {
@include color("a");
}
}
.vote-backdrop .extension-wrapper {
.title-box {
@include background-color("2");
@include border-color();
}
iframe {
@include background-color("2");
}
}
.dialog-ctnr.bottom-left,
.suggest-wrap .keyword-wrap .keyword.focus,
.action-menu .menu-list a {
@include background-color("3");
}
.pay-note-panel {
@include background-color("3");
.arrow-left,
.arrow-right {
filter: invert(0.7) !important;
}
}
.vote-result-comment,
.chat-history-panel .card-item-middle-top {
@include background-color();
}
.chaos-pk-rank {
.link-to-history {
@include color("a");
}
.rank .rank-name {
@include color("e");
}
}
.bl-button--primary:disabled,
.notice-info-wrapper .notice-info-title,
.ep-item.v4.cursor .ep-pub,
.chasing-frame-cntr .chasing,
.chat-history-panel .chat-item.superChat-card-detail .card-item-middle-top-right {
@include color("e");
}
.vote-pc-container .card,
.vote-result-comment .reply-item,
.primary-menu-itnl {
@include border-color();
}
.live-room-app .guard-rank-cntr .rank-cntr .btn-box .buy:hover,
.pgc-space-follow-item a.pgc-item-cover .badge,
.channel-menu-itnl .item .name em,
.bi-btn,
.ep-list-wrapper .ep-item .badge,
.ss-list-wrapper .ss-item .ss-cover .ss-badge {
@include foreground-color();
}
.extension-wrapper {
.vote-left-time {
@include color("a");
}
input {
@include color("e");
}
.checked {
@include to-theme("pink");
}
}
.app-layout {
.search-bar .search-bar-bg,
.vertical-block-card {
@include background-color("4");
}
.rank-item-wrapper {
background-image: none !important;
}
.manga-navbar {
&-history-list .drop-list .more-btn-container,
&-favourite-manga .drop-list .more-btn-container {
@include background-color();
}
.download-app {
@include color("e");
}
}
.ranking-jump,
.manga-title,
.show-status-text {
@include color("e");
&:hover {
@include theme-color();
}
}
.sidebar-item,
.time-selector-ctnr {
@include color("e");
&.activated,
&:hover {
@include theme-color();
}
.arrow {
@include to-theme("blue");
}
}
.banner-manga-container .tab-item {
@include color("e");
&.activated {
@include theme-color();
&:after {
@include theme-background-color();
}
}
}
.nav-list .nav-item {
.item-icon {
@include to-theme("blue");
}
.item-underline {
@include theme-background-color();
}
}
.rank-title,
.list-item {
@include color("e");
.title-tooltip {
@include background-color("5");
&:before {
@include background-color();
}
.tooltip-text {
@include color("e");
}
}
}
.item-title {
@include color("e");
&:hover {
@include theme-color();
}
}
.rank-hint,
.meta-ctnr,
.manga-info-ctnr {
@include color("a");
}
.section-navigator {
@include border-color();
@include background-color("4");
.divider {
@include border-color();
}
.back-to-top:hover .icon {
@include to-theme("blue");
}
}
.container {
@include background-color();
.title {
@include color("e");
}
.tab {
@include color("a");
&.active {
@include theme-color();
&:after {
@include theme-background-color();
}
}
}
}
.purchased-comic-item .eq-desc,
.auto-purchase .page-sub-title,
.auto-purchase-item .list-content .comic-content .bought-ep-count {
@include color("a");
}
}
.card-detail .card-item-middle-top {
@include background-color("3");
.card-item-middle-top-right {
.content-bottom .price,
.name {
@include color("e");
}
}
}
.super-chat-bubble-main .super-chat-bubble .content-top {
@include background-color("3");
.content {
&-price .sub-price {
@include color("a");
}
&-name,
&-price {
@include color("e");
}
}
}
.wrapper .edit-video-modal {
.target-favlist {
.target-favitem {
&.disabled .target-fav-title .fav-meta .fav-name,
&.full .target-fav-title .fav-meta .fav-name {
@include color("a");
}
.target-fav-title {
.fav-meta .fav-name {
@include color("e");
}
.fav-select {
@include border-color("a");
&.selected {
@include to-theme("blue");
}
}
}
&:hover {
@include background-color();
.target-fav-title .fav-meta .fav-name {
@include theme-color();
}
}
}
.collection-mask {
@include background-color();
}
}
.addfav-container {
.fake-fav-input {
@include background-color("4");
@include border-color();
&:hover {
@include border-color();
}
}
.fav-add-tip {
@include theme-background-color();
@include color("e");
.blue-arrow {
@include to-theme("blue");
}
}
.fav-container {
@include theme-border-color();
.add-fav-input,
.fav-add-btn {
@include background-color();
@include color("e");
@include border-color();
}
}
}
.favlist-body:after {
@include background-color("a");
}
}
#all-list {
.video-item.list {
@include border-color("4");
.type {
@include background-color("4");
@include color("e");
@include border-color();
}
.headline.singleav {
.avid {
@include theme-background-color();
@include foreground-color();
@include border-color();
}
.title {
@include theme-color();
}
}
.title {
@include color("e");
&:hover {
@include theme-color();
}
}
.des {
@include color("a");
}
}
.game-item .info {
.title {
@include color("e");
&:hover {
@include theme-color();
}
}
.type {
@include background-color("4");
@include color("e");
@include border-color();
}
.desc {
@include color("a");
}
}
.pgc-item {
.v-switcher-header-wrap:before {
@include background-color();
}
.v-switcher-header-item {
@include color("e");
&.is-active,
&:hover {
@include theme-color();
@include theme-border-color();
}
&.is-active:after {
@include to-theme("blue");
}
}
}
}
.cc-album-manage {
.article-card {
@include background-color("4");
@include border-color();
.cover-wrp {
@include background-color("4");
}
.meta {
&-status .description,
&-status .pubdate,
&-footer .view-stat {
@include color("a");
}
&-view .delete {
@include background-color("3");
@include color("a");
&:hover {
@include background-color("2");
}
}
}
}
}
.game-content {
.score-contain {
.page-btn {
@include background-color("4");
@include color("a");
@include border-color();
}
.allmatch {
@include background-color("4");
@include color("e");
@include border-color();
.more-match {
@include background();
}
}
}
.card-score .score-wrap {
@include border-color("4");
.title .title-text {
@include color("a");
}
.time-wrap {
@include color("e");
.text.state.nobegin {
@include theme-color();
}
}
.primary-btn,
.default-btn {
@include background-color("4");
@include color("e");
@include border-color();
&:hover {
@include theme-background-color();
@include foreground-color();
}
}
}
.match-box {
.main-title,
.sub-title {
@include color("e");
}
.card-video .video-wrap .video-info {
.title a {
@include color("e");
&:hover {
@include theme-color();
}
}
.detail {
@include color("a");
}
}
.matchlist-contain {
.match-wrap {
.matchlist-title a {
@include color("e");
&:hover {
@include theme-color();
}
}
.match-time {
@include color("a");
}
}
.more-match {
@include background-color("4");
@include color("e");
@include border-color();
&:hover {
@include theme-background-color();
@include foreground-color();
}
}
}
.newslist-contain .news-wrap {
.news-title {
a {
@include color("e");
&:hover {
@include theme-color();
}
}
.hot-label {
@include theme-background-color();
@include foreground-color();
}
}
.news-time {
@include color("a");
}
}
.user-contain {
.page-btn {
@include background-color("4");
@include color("a");
@include border-color();
}
.primary-btn {
@include background-color("4");
@include color("e");
&:hover {
@include theme-background-color();
@include foreground-color();
}
}
}
}
}
.proxy-box {
.manga-panel {
.tab-switch,
.app-download-link,
.manga-list-box .manga-card .manga-tag {
@include color("a");
.tab-switch-item.on {
@include theme-color();
@include theme-border-color();
}
}
}
.manga-rank {
.tab-switch .tab-switch-item.on {
@include theme-color();
@include theme-border-color();
}
.manga-rank-item {
.rank-number {
@include background-color("4");
@include color("e");
&.on {
@include theme-background-color();
@include foreground-color();
}
}
a {
@include color("e");
&:hover {
@include theme-color();
}
}
.style,
.update {
@include color("a");
}
}
}
}
.buyticket {
.detail-info-wrapper .title {
@include color("e");
}
.selectable-option {
@include background-color("4");
@include border-color();
&.unable {
@include background-color("1");
@include color("6");
}
}
.ticket-count {
@include background-color("4");
@include border-color();
}
.product-buy-wrapper {
.unsale-btn {
@include to-theme("pink");
}
.promo-btn.remind-btn {
@include background-color("4");
@include color("e");
@include border-color();
&:hover {
@include theme-background-color();
@include foreground-color();
}
}
}
.modal-container {
.remind {
&-title {
@include color("e");
}
&-tel input {
@include background-color("3");
@include color("e");
@include border-color();
border-radius: 4px;
}
}
.modal-footer-btn div {
@include background-color("3");
@include color("e");
@include border-color();
&:hover {
@include theme-background-color();
@include foreground-color();
}
}
}
}
.detail-content {
.whole-guest-wrapper .guest-list-content .guest {
&-left,
&-right {
filter: invert(0.8) !important;
}
}
.announcement-wrapper {
@include background-color("4");
@include border-color();
.announcement {
&-icon,
&-item.active .circle {
@include to-theme("pink");
}
&-title,
&-item.active .announcement-item-time,
&-item-desc a {
@include color("e");
}
}
}
.activity-info-body .info-body {
ul li .title,
p strong {
@include color("e");
}
}
}
.bilibili-player .bilibili-player-video-control .bilibili-player-video-btn {
&-menu-list {
&.bilibili-player {
&-active {
@include theme-color();
&:before {
@include to-theme("blue");
}
&.bilibili-player-blink {
@include theme-color();
}
}
&-blink {
@include color("e");
.bilibili-player-tips {
@include theme-background-color();
}
&:hover,
&:active {
@include theme-color();
}
}
}
.bilibili-player-tips {
@include foreground-color();
}
}
.bilibili-player-video-quality-menu .bilibili-player-bigvip {
@include foreground-color();
}
}
.placeholder-shown::before {
@include color("8");
}
.publish-panel {
.core-style {
@include background-color();
@include color("e");
@include border-color();
&:hover,
&:focus-within,
&:active {
@include theme-border-color();
}
}
.schedule-bar {
@include background-color("3");
.s-label,
.dp-label {
@include color("e");
}
.scroll-input .s-input {
@include background-color("2");
@include color("e");
@include border-color();
}
.s-panel {
@include background-color("2");
@include border-color();
.s-item {
@include color("e");
&:hover {
@include theme-color();
}
}
}
.calendar.active {
@include to-theme("blue");
}
}
.toolbar {
.static-popup {
@include background-color("2");
@include border-color();
.title {
@include color("e");
}
.upload-image .upload-btn:hover {
@include theme-color();
@include theme-border-color();
}
}
.bp-vote-container {
.create-vote {
@include background-color("2");
@include color("e");
@include border-color();
.title {
@include color("e");
}
.bp-button:nth-child(2) {
@include theme-background();
@include foreground-color();
}
}
}
.publish-launcher {
.indicator {
@include color("a");
&::after {
@include color("a");
}
}
.publish-btn {
@include theme-background-color();
@include foreground-color();
&.disabled {
@include background-color("2");
@include color("e");
}
}
}
.hash-popup {
@include background-color("2");
@include border-color();
.hint {
@include color("a");
}
.topic-container .item {
@include color("e");
&.is-selected {
@include background-color("3");
}
}
}
.bili-at-popup {
@include background-color("2");
@include border-color();
&__hint {
@include color("a");
}
&__group {
&-name {
@include color("e");
}
}
&__user {
&--selected {
@include background-color("3");
}
&-name {
@include color("e");
}
&-fans {
@include color("a");
}
}
}
}
}
.h5share-container:hover .text-area .text {
@include theme-color();
}
.up-info .u-info .name .live-status {
@include theme-color();
@include theme-border-color();
&:hover {
@include theme-background-color();
@include foreground-color();
}
}
.popover-video-card {
@include background-color("3");
.count {
@include border-color("4");
ul li {
@include color("a");
}
}
.content .info {
.subtitle {
@include color("a");
}
.f-title {
@include color("e");
}
}
}
.v-wrap {
@include background-color();
.video-toolbar,
.season-tabs .tabs {
@include border-color("4");
}
.season-info {
@include border-color("4");
.stat {
@include color("a");
}
.title,
.desc {
@include color("e");
}
}
.season-owner .info {
h3 a,
.desc {
@include color("e");
}
}
.season-detail {
.content-img,
.faq.faq,
.note.faq {
@include border-color("4");
}
}
}
.message {
.message-content {
@include background-color("2");
}
.context-menu {
@include background-color("4");
@include color("e");
}
}
.shop-panel {
.panel-desc {
@include color("e");
.shop-icon {
@include to-white();
}
}
.shop-list {
@include background-color("2");
.shop-desc {
.desc-box {
.title {
@include color("e");
}
.sub-title {
@include color("a");
}
.price-desc {
@include theme-color();
}
}
.btn-box .jump-btn {
@include theme-background-color();
@include foreground-color();
&.checked, &.disabled {
@include background-color("4");
}
}
}
}
}
.link-navbar {
background-image: none !important;
}
.danmaku-wrap .danmaku-info-row-code {
background: #ffa20011 !important;
}
.notice-item .notice {
&-main .notice {
&-title {
@include color("e");
&:before {
@include theme-background-color();
}
}
&-time {
@include color("a");
}
}
&-btn {
@include color("e");
@include background-color("2");
}
}
.recent-danmu-wrp {
.danmu-filter .left {
@include border-color("a");
.plain {
@include color("e");
@include border-color("a");
&.disable {
@include color("a");
}
}
.delete .option-wrp .act-btn {
@include background-color();
}
.option-menu {
@include background-color("4");
@include border-color();
.menu-item {
@include color("e");
&:hover {
@include background-color("3");
}
}
.option-arrow {
@include border-color();
&-border {
@include border-color("4");
border-top-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
}
}
}
}
.danmu-container .danmu-table {
@include color("e");
.box-header {
@include background-color("4");
@include border-color();
th {
@include color("e");
}
}
tr:hover {
@include background-color("4");
}
.danmu-item {
@include background-color("5");
@include border-color();
&:nth-child(2n) {
@include background-color("4");
}
&:hover {
@include background-color("3");
}
.item {
&-name a {
@include color("e");
}
&-content {
@include color("e");
a {
@include color("a");
&:hover {
@include theme-color();
}
}
}
&-act .option-wrp {
.act-btn {
@include background-color("3");
@include color("a");
@include border-color();
&:hover {
@include theme-color();
}
}
.menu-item {
@include color("e");
&:hover {
@include background-color("3");
}
}
}
}
}
.bili-checkbox:checked + span:before {
@include theme-background-color();
@include foreground-color();
@include border-color();
}
}
}
.s-space {
.v-search {
&-result {
@include color("a");
}
&-count {
@include theme-color();
}
}
.article-con a:hover {
@include theme-color();
}
}
.tag-content .main-panel .hot-topics {
@include background-color("4");
.title {
@include border-color();
}
.topic-header .topic-name,
.topic-content {
@include color("e");
}
.topic-info {
@include color("a");
}
.topic-list hr {
@include background-color("5");
}
}
.international-header .nav-search {
#nav_searchform {
@include background-color("2");
}
.nav-search-keyword {
@include foreground-color();
}
.nav-search-btn {
@include background-color("3");
.nav-search-submit {
@include color("a");
}
&:hover .nav-search-submit {
@include color("e");
}
}
}