/* ==UserStyle==
@name Series Reminder Dark
@namespace github.com/aruncveli/userstyles
@version 26.8.28
@description Dark theme for Series Reminder.
@author Arun Chandanaveli <aruncveli@gmail.com> (https://github.com/aruncveli)
@homepageURL https://github.com/aruncveli/userstyles
@supportURL https://github.com/aruncveli/userstyles/issues
@updateURL https://raw.githubusercontent.com/aruncveli/userstyles/refs/heads/main/sites/series-reminder/series-reminder.user.css
@license MIT
@preprocessor default
@var color fg "Foreground" #fff
@var color bg "Background" #000
@var color bg1 "Background lightened 1" #111
@var color bg2 "Background lightened 2" #222
@var color bg3 "Background lightened 3" #333
@var color link-color "Link" #0b84ff
@var color red-color "Red" #ff443a
==/UserStyle== */

@-moz-document domain("seriesreminder.com") {
  :root {
    color-scheme: dark;
    --bs-secondary-color: var(--fg);
    --bs-emphasis-color: var(--fg);
    --bs-body-color: var(--fg);
    --bs-body-bg: var(--bg);
    --bs-tertiary-bg: var(--bg1);
    --bs-border-color: var(--bg);
    --bs-white-rgb: 0, 0, 0;
    --bs-dark-rgb: 255, 255, 255;
    --bs-secondary-rgb: 255, 255, 255;
    --bs-info-bg-subtle: var(--bg1);
  }

  .accordion {
    --bs-accordion-color: var(--fg);
    --bs-accordion-active-color: var(--fg);
    --bs-border-color: var(--bg);
  }

  .accordion-button {
    --bs-accordion-btn-bg: var(--bg);
    --bs-accordion-active-bg: var(--bg1);
  }

  .bg-light {
    --bs-table-bg: var(--bg) !important;
  }

  .bg-light3 {
    --bs-table-bg: var(--bg1);
  }

  .table {
    --bs-table-border-color: var(--bg);
  }

  .table-light {
    --bs-table-color: var(--fg);
    --bs-table-bg: var(--bg1);
    --bs-table-border-color: var(--bg);
  }

  i,
  .poster-card-title,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  input[type="text"],
  #main-nav .navbar-nav .dropdown-menu > li > a,
  .filter-label,
  .sr-detail-block-title,
  .sr-card-title,
  blockquote,
  .sr-editorial,
  .slider-arrow-btn,
  .ui-widget-content,
  .status-title,
  .sr-editorial strong,
  .sr-toggle-desc,
  .sr-toggle-title {
    color: var(--fg);
  }

  h1[style*="color: #3E4555" i],
  h2[style*="color: #3E4555" i],
  h4[style*="color: #3E4555" i],
  h5[style*="color: #3E4555" i],
  h6[style*="color: #3E4555" i],
  strong[style*="color:#3e4555" i],
  strong[style*="color: #3e4555" i],
  li[style*="color: #86868b" i],
  div[style*="color: #3E4555" i],
  div[style*="color: #373a3c" i],
  .searchbar li:hover,
  .searchbar .ui-state-focus,
  .searchbar .ui-state-active,
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--fg) !important;
  }

  .bg-light2,
  .bg-light3,
  .hero-section,
  body > .wrapper,
  .light_border,
  .select2-container--default .select2-selection--single {
    background-color: var(--bg);
  }

  .bg-light,
  i[style*="background-color: #FFFFFF"],
  section[style*="background-color: #ffffff"] {
    background-color: var(--bg) !important;
  }

  #nameSearch,
  .sr-card,
  .select-light,
  .trending-card,
  .slider-arrow-btn,
  .searchbar ul,
  .coord-badge {
    background-color: var(--bg1);
  }

  div[style*="background: #ffffff"],
  .config-btn-border,
  .fc-day-today,
  .bg-secondary {
    background-color: var(--bg1) !important;
  }

  .searchbar li:hover {
    background-color: var(--bg2);
  }

  .searchbar .ui-state-focus,
  .searchbar .ui-state-active {
    background-color: inherit;
  }

  input[type="text"] {
    border-color: var(--bg);
  }

  .light_border,
  .config-btn-border,
  .ui-widget.ui-widget-content,
  .coord-badge {
    border-color: var(--bg1);
  }

  div[style*="border: 1px solid #DFDFDF"] /* Cards */,
  .sr-card {
    border-color: var(--bg1) !important;
  }

  .hero-section {
    border-bottom-color: var(--bg);
  }
}