:root {
  --background: #1b1b1b;
  --off-background: #2b2b2b;
  --text-color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: var(--background);
    color: var(--text-color);
    .timezone_btn:hover {
      border-color: 1px solid #fff !important;
      color: var(--text-color) !important;
    }
    .black-logo {
      display: none !important;
    }
    .white-logo {
      display: revert !important;
    }
    .post-header-title,
    .yt_container, 
    #therace_trend_read, 
    /* .therace_login_signup,  */
    .stats_container {
      background-color: var(--background) !important;
      a, p, span, div, h1, h2, h3, h4, h5, h6, i {
        color: var(--text-color) !important;
      }
    }
    .therace_listing a {
      color: var(--text-color) !important;
    }
    .read_more_gradient {
      background: -webkit-linear-gradient( -90deg, rgba(27, 27, 27, 0) 0, rgba(27, 27, 27, 1) 100% ) !important;
      background: -moz-linear-gradient( 180deg, rgba(27, 27, 27, 0) 0, rgba(27, 27, 27, 1) 100% ) !important;
      background: linear-gradient( 180deg, rgba(27, 27, 27, 0) 0, rgba(27, 27, 27, 1) 100% ) !important;
    }
    .therace_related {
      h3 a, .category a {
        color: var(--text-color);
      }
    }
    .read_more_text {
      background-color: var(--background) !important;
      a {
        color: var(--text-color) !important;
      }
      a:hover {
        color: var(--text-color) !important;
      }
    }
    #main-nav.repositioned {
      background-color: var(--background) !important;
      a, i {
        color: var(--text-color) !important;
      }
      a:hover {
        color: var(--text-color) !important;
      }
    }
    #content a {
      color: var(--text-color);
    }
    #therace_stats .round_wrapper {
      background-color: var(--off-background) !important;
      td {
        background-color: var(--off-background) !important;
      }
    }
    .therace_login_signup {
      span, i {
        color: var(--text-color) !important;
      }
    }
    #sidebar_dismiss i, .search_action {
      color: rgb(43, 43, 43) !important;
    }
    .related_link a {
      color: #e9751f !important;
    }
    .therace_related_single {
      background-color: #1b1b1b;
      border-top-color: #2b2b2b;
      border-bottom-color: #2b2b2b;
      border-right-color: #2b2b2b;
      .related_title {
        color: #fff;
      }
    }
    .results_container table td {
      background-color: #3b3b3b !important;
    }
  }
}