stattracker.x10host.com - Dark Mode [Customizable] by Nick2bad4u

/* ==UserStyle==
@name         stattracker.x10host.com - Dark Mode [Customizable]
@version      1.2.1
@namespace    typpi.online
@description  Dark Theme for Strava Stat Tracker
@author       Nick2bad4u
@license      UnLicense
@homepageURL  https://github.com/Nick2bad4u/UserStyles
@supportURL   https://github.com/Nick2bad4u/UserStyles/issues

@var color background-color "Background Color" #000
@var color text-color "Text Color" #fff
@var color header-background "Header Background" #003000
@var color odd-row-background "Odd Row Background" #262626
==/UserStyle== */
@-moz-document domain("stattracker.x10host.com") {
  /* Stylus Variables */
  :root {
    --background-color: var(background-color);
    --text-color: var(text-color);
    --header-background: var(header-background);
    --odd-row-background: var(odd-row-background);
  }

  /* Invert colors except images and videos */
  :is(
    html:not([stylus-iframe]),
    img,
    svg:not(
      .leaflet-container .leaflet-overlay-pane svg,
      .leaflet-container .leaflet-marker-pane img,
      .leaflet-container .leaflet-shadow-pane img,
      .leaflet-container .leaflet-tile-pane img,
      .leaflet-container img.leaflet-image-layer,
      .leaflet-container .leaflet-tile
    ),
    video
  ),
  .filter-section-select td,
  .check-options-table td,
  .column-Quick-filters,
  .dataTable td,
  .dataTable th,
  .quick-filters,
  #scatterGraphGrid td,
  #progressGraphAxis td,
  #progressGraphAxis td:nth-child(1) {
    background: var(--background-color);
    color: var(--text-color);
  }

  .dashboardTable tr:nth-child(odd) {
    background: var(--odd-row-background);
  }

  .dashboardTable th {
    background: var(--header-background);
  }

  body > header > div > div:nth-child(2) > img {
    filter: invert(1) hue-rotate(180deg);
    background: unset !important;
  }

  .progressSummaryTable tr:nth-child(odd),
  .logBook-dataDiv {
    background: unset !important;
  }

  #mapContainer,
  .leaflet-container.leaflet-touch-drag,
  .leaflet-container,
  #heatmap,
  #mapHead {
    background: #fff0 !important;
  }
}