zwifthacks.com - Dark Mode by Nick2bad4u

/* ==UserStyle==
@name           zwifthacks.com - Dark Mode
@namespace      typpi.online
@version        1.0.1
@description    Dark mode for ZwiftHacks.com
@author         Nick2bad4u
@license        UnLicense
@homepageURL    https://github.com/Nick2bad4u/UserStyles
==/UserStyle== */
@-moz-document domain("zwifthacks.com") {
	/* Invert colors except images and videos */
	:is(
		html:not([stylus-iframe]),
		img,
		svg,
		video,
		.footer-wrap,
		.comments-header,
		.comment-reply-title,
		.widget-header,
		.page-header
	),
	.main-navigation-menu
		> .menu-item-has-children
		> a::after,
	.main-navigation-menu
		ul
		.menu-item-has-children
		> a::after {
		filter: invert(1) hue-rotate(180deg) !important;
	}

	.site-branding .custom-logo,
	#title > a > img {
		filter: unset !important;
	}

	.primary-navigation,
	.main-navigation-menu a:link,
	.main-navigation-menu a:visited {
		background: #d5d5d5;
		color: #000 !important;
	}

	.main-navigation-menu a:link:hover,
	.main-navigation-menu a:visited:hover {
		background: #eb732f;
		color: #000 !important;
	}

	.main-navigation-menu ul {
		border-top: 1px solid #eb732f;
	}

	input[type='search'i],
	input[type='search'i]:focus {
		color: #eb732f;
	}

	input[type='text']:focus,
	input[type='email']:focus,
	input[type='url']:focus,
	input[type='password']:focus,
	input[type='search']:focus,
	textarea:focus {
		border: 1px solid #eb732f;
		color: #eb732f;
	}

	:focus-visible {
		outline: #eb732f auto 1px;
	}

	.main-navigation-menu
		li.menu-item-has-children:hover
		> ul,
	.main-navigation-menu
		li.page_item_has_children:hover
		> ul,
	.main-navigation-menu
		li.menu-item-has-children[aria-expanded='true']
		> ul {
		display: block;
	}
}