Zwift.com Dark Mode by Nick2bad4u

/* ==UserStyle==
@name         Zwift.com Dark Mode
@version      3.4
@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 */
	html:not([stylus-iframe]),
	img,
	svg,
	video,
	footer,
	path,
	div.CardCarousel-module__cardContainer--1vNvU,
	.Hero-module__backgroundOverlay--3CFsa.lazy,
	.footer-module__withOutZCurve--2Wu3z,
	.Footer-module__logo--mM_i1,
	.p1z-card-image,
	.p1z-content-slice,
	#znv-footer-link-sv,
	.tile-callout-wrapper.py-6.bg-white
		> div
		> div
		> div
		> ul
		> li,
	.hero-banner-inner,
	.game-web .modal-title,
	div.activity__gradient.pos__absolute.w-100.h-100,
	.MegaNav-module__component--1B_pQ,
	.bg-retina,
	.Footer-module__flex--iWjc8,
	.p1z-content-slice-small {
		filter: invert(1) hue-rotate(180deg);
	}

	.game-web
		.border__radius__responsive--small:not(
			.w-100,
			.map_overlay.map_overlay--left.pt-5.pt-md-0
				> div
				> div.d-flex.flex-column.mt-3.mt-1440-4
				> ul
				> li:nth-child(n)
				> img,
			.pos__absolute--right > div,
			.rideOnGiven
		),
	.partner-grid > div:nth-child(8) > img {
		filter: unset !important;
	}

	.game-web .z_background__wrapper {
		background: #f1f1f1;
		color: black !important;
	}

	.wrapper--athlete-profile .text-white,
	.wrapper--athlete-profile .text-white h1 {
		color: black !important;
	}

	.bg-alabaster,
	.bg-alabaster .footer__nav-link,
	.accessibility-info-container:hover
		.accessibility-info,
	.accessibility-info-container:focus
		.accessibility-info,
	.accessibility-info-container:active
		.accessibility-info {
		background-color: #fff !important;
		color: #000;
	}

	.column.column--settings
		div:nth-child(1)
		.settings__card__item
		div:nth-child(3)
		div:nth-child(2)
		> div {
		background-color: #000 !important;
		color: #fff;
	}

	.footer__nav-item .seperator {
		opacity: 25%;
		background-color: #000;
	}

	.Locale-module__icon--jjf-9.Locale-module__small--fqr5w,
	#primaryNavHamburger
		> svg
		> :not(rect:nth-child(999)),
	.game-web .text-shadow,
	.game-web .button,
	.truste-consent-content-wrapper {
		filter: invert(1) hue-rotate(180deg) !important;
	}

	.modal-open .fade {
		background-color: rgb(255 255 255 / 90%);
	}

	.game-web .modal--screenshot .modal-content {
		background-color: rgb(255 255 255 / 90%);
	}

	.game-web .border__color,
	.game-web .button.border__color {
		border-style: solid;
		border-color: #ff7830;
	}

	.onscreen-post .row {
		padding-left: 10px;
		width: auto;
	}

	.Footer-module__platformLinks--1axF9 {
		filter: invert(0) hue-rotate(0deg) !important;
		background: #141518;
	}

	/* For WebKit browsers (e.g., Chrome, Safari) */
	::-webkit-scrollbar {
		width: 12px;
	}

	::-webkit-scrollbar-track {
		border-radius: 0 !important;
		background: #000 !important;
	}

	::-webkit-scrollbar-thumb {
		border: 3px solid #ff7830 !important;
		border-radius: 6px !important;
		background-color: #000 !important;
	}

	/* For Edge, IE */
	body {
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
}