Zwift.com Dark Mode by Nick2bad4u

/* ==UserStyle==
@name         Zwift.com Dark Mode
@version      20241114.05.17
@namespace    https://userstyles.world/user/Nick2bad4u
@description  Zwift.com Dark Mode
@author       Nick2bad4u
@license      UnLicense
@homepageURL  https://userstyles.world/user/Nick2bad4u
==/UserStyle== */
@-moz-document domain("zwift.com") {
  /* Invert colors except images, videos, and footer */
  :is(
      html:not([stylus-iframe]),
      img,
      svg,
      video,
      footer,
      path,
      div.CardCarousel-module__cardContainer--1vNvU,
      .Hero-module__backgroundOverlay--3CFsa.lazy,
      .footer-module__withOutZCurve--2Wu3z,
      div > footer > div:nth-child(2),
      footer > div:nth-child(3),
      footer > div:nth-child(4),
      .Footer-module__logo--mM_i1,
      .p1z-card-image,
      .p1z-content-slice,
      #znv-footer-link-sv,
      div.activity__gradient.pos__absolute.w-100.h-100,
      #navigation-container
        > div
        > div
        > main
        > div:nth-child(2)
        > div.MegaNav-module__component--1B_pQ.MegaNav-module__open--MWnWt,
      .MegaNav-module__component--1B_pQ,
      #template > div > div:nth-child(1) > main > div.p1z-hero
    ):not(png):not(#shopify-section-60deaf30-e1ac-4fe0-a31a-135fa803c54f > div > a > div > img) {
    filter: invert(1) hue-rotate(180deg) !important;
  }

  #__next
    > div
    > div
    > div:nth-child(1)
    > div:nth-child(2)
    > header
    > div
    > nav
    > ul:nth-child(2)
    > li:nth-child(1)
    > button
    > span.Locale-module__icon--jjf-9.Locale-module__small--fqr5w,
  #primaryNavHamburger > svg > :not(rect:nth-child(999)) {
    filter: invert(1) hue-rotate(180deg) !important;
  }
}