AnimeGo Dark Theme by royalblue

/* ==UserStyle==
@name         AnimeGo Dark Theme
@namespace    animego.org
@author       Me
@version      1.0.0
@preprocessor stylus */

@-moz-document domain(animego.org) {
  :root {
    --color1: #000;
    --color2: #121212;
    --color3: #1d1d1d;
    --color4: #212121;
    --color5: #505050;
    --accent-color: #ff5c57;
  }
  .bg-dark, .anime-grid-lazy, .anime-grid2-lazy, .anime-list-lazy { background-color: var(--color1) !important; }
  .py-3, body {
    background: var(--color2) !important;
    color: #fff !important;
  }
  #wrap, .card, .content, .bg-white, .popover-header, .result-search {
    background: var(--color3) !important;
    color: #fff !important;
  }
  .search-form { background: transparent !important; }
  .text-link-gray, .list-group-item-action { color: white !important; }
  .list-group-item, .popover-body {
    background: var(--color4) !important;
    color: white !important;
  }
  .list-group-item:hover, .dropdown-item:hover, .btn-o-4:hover,
  .released-episodes-item.list-group-item-action:hover, .profile-read-more-link:hover {
    background: #9f39364d !important;
  }
  .text-gray-dark-4, .text-gray-dark-5, .text-gray-dark-6, .text-gray-dark-8 {
    color: #c3c3a1 !important;
  }
  .filter .noUi-handle { background: var(--color5) !important; }
  .text-dark, .dropdown-item, .profile-read-more-link { color: white !important; }
  .noUi-tooltip { background: var(--accent-color) !important; }
  .dropdown-menu, .btn-filter, .btn-white, .btn-review {
    background: var(--color4) !important;
    border-color: var(--accent-color) !important;
    color: white !important;
  }
  .b-tooltipped, .btn-o-4, .read-more-text { color: var(--accent-color) !important; }
  .read-more-container[data-read-more-init=true]::after {
    background-image:linear-gradient(to bottom, transparent, var(--accent-color)) !important;
  }
  .brand-primary-light {
    background: transparent !important;
    border: solid 1px var(--accent-color) !important;
  }
  #icon-info-circle path, #icon-help path:last-child { fill: var(--accent-color) !important; }
  .stats-graph { background: rgba(255, 255, 255, 0.50) !important; }
  .stats-graph .graph.watching, .indicator.watching::before { background: var(--accent-color) !important; }
  .stats-graph .graph.completed, .indicator.completed::before { background: #8CCB5E !important; }
  .stats-graph .graph.onHold, .indicator.onHold::before { background: #EEDC82 !important; }
  .stats-graph .graph.dropped, .indicator.dropped::before { background: #922B3E !important; }
  .stats-graph .graph.planned, .indicator.planned::before { background: #2A52BE !important; }
}