/* ==UserStyle==
@name        dizzylab auto theme
@description dizzylab 自适应主题
@namespace   the1812
@version     1.0.9
@author      Grant Howard
@homepageURL https://github.com/the1812/dizzylab-auto-theme/
@supportURL  https://github.com/the1812/dizzylab-auto-theme/issues
@updateURL   https://cdn.jsdelivr.net/gh/the1812/dizzylab-auto-theme@main/dizzylab.user.css
@license     MIT
==/UserStyle== */

@-moz-document domain("www.dizzylab.net") {
  @media (prefers-color-scheme: light) {
  html .bg-primary {
    background-color: #fff !important;
  }
  html a.bg-primary:focus, html a.bg-primary:hover,
  html button.bg-primary:focus,
  html button.bg-primary:hover {
    background-color: #ddd !important;
  }
  html .btn-group > .btn-primary {
    color: #000 !important;
  }
  html .dropdown > .btn-primary:not([style*=color]) {
    background-color: #ddd !important;
  }
  html .btn-group > .btn-primary,
  html .bignav .btn-primary,
  html .navbar .btn-primary {
    background-color: #ddd !important;
  }
  html .page-link:focus, html .page-link:hover {
    color: #fff !important;
    background-color: #343a40 !important;
    border-color: #343a40 !important;
  }
  html .page-item.active .page-link {
    border-color: #1a1a1a !important;
  }
  html .border-bottom {
    border-color: #2a2a2a !important;
  }
  html .slick-dots li button:before,
  html .slick-dots li.slick-active button:before,
  html .slick-next:before,
  html .slick-prev:before {
    color: #444 !important;
  }
  html .border-dark {
    border-color: #cfcfd0 !important;
  }
  html hr,
  html .card-header,
  html .card-body,
  html .card,
  html .plyr--audio .plyr__controls,
  html .playlist--list li {
    background-color: transparent !important;
  }
  html .nav {
    background-color: #fff !important;
  }
  html .nav.bg-dark {
    background-color: #eee !important;
  }
  html .nav .nav-pills .nav-link.active,
  html .nav-pills .show > .nav-link {
    background-color: #ddd !important;
  }
  html h1,
  html h2,
  html h3,
  html h4,
  html h5,
  html h6,
  html a,
  html p,
  html .text-white,
  html .text-light,
  html .btn-link,
  html .plyr--audio .plyr__controls {
    color: #000 !important;
  }
  html .btn-outline-dark:hover,
  html a[style*=background-color],
  html #checkbuttons .btn-primary {
    color: #fff !important;
  }
  html a.text-light:focus, html a.text-light:hover {
    color: #000 !important;
  }
  html .dropdown-item:active, html .dropdown-item.active {
    background-color: #eee !important;
  }
  html .text-muted {
    color: #484f54 !important;
  }
  html .btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.2) !important;
  }
  html .btn-primary[name=mail-off],
  html .btn-dark {
    color: #000 !important;
    background-color: #eee !important;
    border-color: #ddd !important;
  }
  html .btn-primary[name=mail-off]:hover,
  html .btn-dark:hover {
    background-color: #ddd !important;
  }
  html .btn-primary[name=mail-off]:not(:disabled):not(.disabled).active, html .btn-primary[name=mail-off]:not(:disabled):not(.disabled):active,
  html .btn-dark:not(:disabled):not(.disabled).active,
  html .btn-dark:not(:disabled):not(.disabled):active {
    color: #000 !important;
    background-color: #ddd !important;
    border-color: #ddd !important;
  }
  html .btn-outline-light {
    color: #000 !important;
    border-color: #000 !important;
  }
  html .shadow-sm {
    box-shadow: 0 0 0 1px #dfdfdf !important;
  }
  html .badge-primary,
  html .tooltip-inner {
    background-color: #eee !important;
    color: #000 !important;
  }
  html .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
  html .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #eee !important;
  }
  html .bs-tooltip-auto[x-placement^=top] .arrow::before,
  html .bs-tooltip-top .arrow::before {
    border-top-color: #eee !important;
  }
  html .playlist--list {
    background-color: #fff !important;
    color: #1a1a1a !important;
  }
  html .playlist--list li:hover {
    background-color: #ddd !important;
    color: #000 !important;
  }
  html .playlist--list li.active {
    background-color: #eee !important;
    color: #000 !important;
  }
  @keyframes deflate-bounce {
    0%, 14%, 100% {
      transform: translateY(0);
      color: #000;
    }
    6% {
      transform: translateY(-8px);
      color: var(--flash-color);
    }
    9% {
      transform: translateY(0);
      color: var(--flash-color);
    }
  }
}
}