Bilibili-Evolved/src/style/dark/dark-slice-12.scss
2020-09-21 00:31:28 +08:00

711 lines
14 KiB
SCSS

@import "./dark-definitions";
.new-topic-panel {
@include background-color("4");
.tag-item .label {
@include background-color("3");
@include color("e");
}
.more-button .more:hover {
@include theme-color();
&::after {
@include theme-border-color();
}
}
}
.bypb-window .online {
@include background-color("4");
@include border-color();
a {
@include color("e");
&:hover {
@include theme-color();
}
}
}
.bilibili-search-history {
.history-item:hover {
@include background-color("2");
}
.cancel-icon:hover {
@include theme-color();
}
}
.v-wrap .r-con .notice {
@include background-color("4");
}
.video-container .text-area .subtitle {
@include color("a");
}
.image-upload-btn:hover {
@include to-theme("blue");
}
.msg-notify {
@include background-color("2");
hr {
@include background-color("4");
}
.context-menu {
@include background-color("4");
@include color("e");
}
.link i {
@include to-theme("blue");
}
}
.popup-bg-cntr .popup-cntr {
@include background-color("4");
.left-part {
@include background-color("2");
.round-item {
.round-name {
@include color("e");
}
.round-state {
@include color("a");
}
&.active {
background-image: none !important;
@include background-color("4");
.round-name .progress {
@include theme-color();
}
}
}
}
.right-part {
.activity-name,
.not-bingo,
.not-join {
@include color("e");
}
.bingo-list {
@include background-color("5");
.title {
@include color("e");
}
.bingo-group-item-cntr .bingo-group-item .title {
@include color("a");
}
}
.award-list-cntr {
.title {
@include color("e");
}
.award-list .award-item {
.desc {
@include color("a");
}
img {
@include theme-border-color();
}
}
}
.right-top-corner .rule {
@include theme-color();
}
.help-cntr {
@include background-color("2");
.title {
@include color("e");
}
}
}
}
.draw-fold-cntr .sender-info {
@include background-color("2");
@include color("e");
box-shadow: 0 0 0 1px var(--theme-color) !important;
.name {
@include color("e");
}
.words {
@include color("a");
}
}
.article-holder .bangumi-card a .cover {
@include border-color("4");
}
.user-panel .number-part {
.numbers {
@include color("e");
}
&:hover .numbers {
@include theme-color();
}
}
.main-container .ep-list-wrapper .list-title {
.mode-change i,
.ep-list-order {
@include to-theme("blue");
&:hover {
@include to-theme("blue");
}
}
}
.gift-item.buy {
&.hover,
&:hover {
@include background-color("2");
}
}
.cntr {
.user-protocol {
@include border-color("4");
}
.silver-seed-store {
@include background-color("4");
.content {
@include background-color("2");
}
}
}
.collection-bg .collection-board {
@include background-color("2");
.collection-submit {
@include background-color("4");
}
.collection-list .collection-li {
.collection-attr {
@include color("a");
}
.collection-name,
.collection-song-number {
@include color("e");
}
}
.collection-submit {
@include color("a");
&.active {
@include theme-background-color();
@include color("e");
}
}
.collection-theme {
@include color("e");
}
.collection-list {
@include border-color("4");
.collection-li {
.collection-checkbox .collection-checked,
&:hover .collection-checkbox,
&:hover .collection-name {
@include theme-color();
}
}
}
}
.channel-menu-mini .box a:hover {
@include background-color("4");
}
.game-item .info .grade-wrap {
@include color("a");
.other-grades {
@include background-color("4");
@include border-color();
.grade-li {
@include color("a");
}
}
}
.classroom-wrapper {
.nav-wrapper {
@include color("e");
.rec-title {
@include color("e");
}
}
.content .block{
&-title,
&-page-progress,
&-list-item-title {
@include color("e");
}
&-list .slider-contro .slider {
&-prev,
&-next {
@include to-white();
&:hover {
@include to-theme("white");
@include background-color("4");
}
}
}
}
.rank-title {
@include color("e");
}
}
.s_tag .tag-area {
.channel {
&-icon {
@include to-white();
}
&-name {
@include color("e");
}
}
.tag-channel-pane {
@include background-color("3");
.channel {
&-cover {
@include border-color("3");
}
&-title {
@include color("e");
}
&-desc {
@include color("a");
}
&-btns {
&__link {
@include theme-color();
@include theme-border-color();
&:hover {
@include foreground-color();
@include theme-background-color();
}
}
.is-subs {
@include background-color("2");
@include color("e");
@include border-color();
}
.no-subs {
@include foreground-color();
@include theme-border-color();
@include theme-background-color();
}
.tag-channel-cancel-popup {
@include background-color("4");
p {
@include color("e");
}
a.btn-ok {
@include foreground-color();
@include theme-background-color();
}
a.btn-no {
@include color("e");
@include background-color("2");
}
}
}
}
}
}
.share-board .song-share .font-blue {
@include theme-color();
}
.guard-store-box {
.buy-detail {
@include color("e");
.master {
@include theme-color();
}
}
.select-month {
@include color("e");
.month-selector .month-info {
@include color("e");
@include theme-border-color();
.month-list {
@include background-color("4");
.month-item {
@include color("e");
&:hover .days {
@include theme-color();
}
}
}
.triangle:before {
@include border-color("4");
border-left-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
}
}
}
.expired-date {
@include color("a");
}
.btn-box .total-price {
@include color("e");
}
}
.crowdfunding-container {
.current-num-wrap {
.current-num {
@include color("e");
}
.join-status {
@include color("a");
}
}
.tips-container .status {
@include theme-color();
&.fail {
@include color("a");
}
&.nostart {
@include color("e");
}
}
.progress-container {
@include background-color("2");
.progress-fill.highlight {
@include theme-background-color();
}
}
.current-pro-num.highlight {
@include theme-color();
}
.goal-container {
@include color("a");
.goal-num,
.goal-time {
@include color("e");
}
}
.risk-tip-container .risk-content {
@include background-color("2");
}
}
.ticket-tips-wrapper .merchant-section {
@include background-color("4");
.merchant-header {
@include color("e");
span {
@include to-theme("pink");
}
}
.baseinfo-wrapper .content-item .title {
@include background-color("3");
.fold-btn:hover {
.open,
.close {
@include to-theme("pink");
}
}
}
}
.searchresult-total-number {
.left-line {
background-image:linear-gradient(90deg,#444,#aaa) !important;
}
.right-line {
background-image:linear-gradient(90deg,#aaa,#444) !important;
}
.total-num {
@include color("a");
}
}
.h #h-sign:focus {
@include background-color("4");
@include color("e");
box-shadow: inset 0 2px 4px #0008 !important;
}
.action-button:hover .border, .action-button > .action-icon.active .border {
@include theme-fill();
}
.history-list .r-info .w-info {
.device {
@include color("a");
}
.name {
@include border-color("4");
}
}
.loading-card {
.cover,
.title,
.up,
.desc {
@include background-color("4");
}
}
.bili-im {
@include background-color("4");
@include color("e");
box-shadow: none !important;
.left {
@include border-color("5");
.title {
@include border-color("5");
}
}
}
.fans-medal-item {
.label {
.content {
@include color("2");
}
}
.fans-medal-level {
@include background-color("2");
@include foreground-color();
}
}
.chat-control-panel .bottom{
.content {
@include background-color();
@include color("2");
}
.medal-ctnr {
.title ~ .qs-icon {
@include color("a");
}
}
.medal-wear-body {
.medal-item {
.progress-level-div {
.progress-div {
@include background-color("4");
.progress-num-span {
@include theme-color();
}
&-cover {
@include theme-background-color();
}
}
.level-span {
@include color("a");
}
}
.limit-progress-div {
@include color("a");
}
}
}
.footer-line {
@include border-color("4");
}
.medal-wear-footer {
@include theme-color();
a {
@include theme-color();
}
}
}
.join-fans-body .desc-text p,
.main p span,
.WordSection1 p,
.chat-history-panel .brush-prompt .brush-prompt-item {
@include color("e");
}
.content-main {
p,
h5,
h6 {
@include color("e");
}
}
.act-rich-style-init .act-rich-render-content {
@include color("e");
p span {
@include color("a");
a strong {
@include theme-color();
}
}
}
.long-page .page-content {
@include background-color();
@include color("e");
@include border-color("4");
h1,
.strong {
@include color("e");
}
}
.bb-comment .comment-list .list-item .info .reply-tags span {
@include background-color("3");
@include color("a");
}
.bilibili-player-video-sendbar {
&-left,
&-right {
@include background-color("4");
}
}
.post-content .bangumi-container {
@include border-color();
}
.jumping-ctnr .jumping-input {
@include background-color("2");
}
.qrpay-group .qrpay-content .more-pay {
.more-text {
@include color("a");
}
.more-btn {
@include theme-background-color();
@include color("e");
}
}
.b-info {
.balance {
&-top {
.button {
@include border-color();
}
&:after {
@include background-color("a");
}
.balance-row {
.balance-title {
@include color("e");
}
.balance-right .shell-channel .shell-item {
@include background-color("3");
@include border-color();
&-active {
@include theme-border-color();
}
.channel-name {
@include color("e");
}
}
}
}
&-footer .part-balance-name {
@include color("e");
.unbb-des {
@include background-color("3");
background-image: none !important;
a {
@include theme-color();
}
}
.check-detail-btn {
@include theme-color();
}
}
}
.warning-group {
@include border-color();
.warning-title {
@include color("e");
}
}
.rule-btn {
@include theme-color();
@include theme-border-color();
}
}
.spend-recode .title-group .selected-title:after {
@include theme-background-color();
}
#newsList li.tag:hover,
#app-ctnr .label-wrapper .content {
@include background-color();
}
.my-album .link-panigation li.panigation.selected {
@include theme-background-color();
@include foreground-color();
}
.container.similar-songs-content {
@include background-color();
.similar-title,
.similar-songs-title {
@include color("e");
}
.play-songs-btn {
@include theme-background-color();
@include foreground-color();
}
.similar-songs-list {
@include border-color();
.list-item {
&.odd {
@include background-color("3");
}
&.even {
@include background-color("4");
}
.song-sort {
@include color("e");
}
.song-title .song-float:hover,
.song-title .song-collection.font-blue,
.song-uname.font-blue {
@include theme-color();
}
}
}
}
.fansmedal-popover {
.target-user {
@include theme-color();
}
}
.bp-right .des-content {
@include background-color("2");
.text-content .title {
@include color("e");
}
.button {
@include theme-background-color();
@include foreground-color();
}
}
.comment-jump-url img {
@include to-theme("blue");
}
.wide-members__title,
.s_tag .tag-area>li .tag-link {
@include color("e");
}
.members-info {
.avatar-name {
@include color("e");
}
.avatar {
.info-tag {
@include background-color("3");
@include theme-color();
@include theme-border-color();
}
.attention {
@include theme-background-color();
}
}
}
#page-video .play-all-btn {
@include color("e");
&>img {
@include to-theme("pink");
}
}
.video-card-common a {
@include color("e");
&:hover {
@include theme-color();
}
}
a.bp_box_bot_click {
@include theme-border-color();
}
.el-date-table td {
&.available:hover {
@include theme-color();
}
&.current:not(.disabled) span {
@include theme-background-color();
}
&.today span {
@include foreground-color();
}
&.disabled div {
@include background-color("3");
@include color("a");
}
}
.list-introText {
@include theme-color();
}
.song-list .song-li .song-shadow {
@include theme-background-color(30);
}