power-meter.cc - Dark Mode

Dark theme for Power-Meter.cc
Wrap lines
/* ==UserStyle==
@name           power-meter.cc - Dark Mode
@namespace      typpi.online
@version        1.1.2
@description    Dark theme for Power-Meter.cc
@author         Nick2bad4u
@license        UnLicense
@homepageURL    https://github.com/Nick2bad4u/UserStyles
@supportURL     https://github.com/Nick2bad4u/UserStyles/issues

@var color hover-background-color "Hover Background Color" #c3c3c3
@var color footer-background-color "Footer Background Color" #000000
@var color text-color "Text Color" #ffffff
@var color text-shadow-color "Text Shadow Color" #000000
==/UserStyle== */
@-moz-document domain("power-meter.cc") {
	:root {
		--hover-background-color: var(hover-background-color);
		--footer-background-color: var(footer-background-color);
		--text-color: var(text-color);
		--text-shadow-color: var(text-shadow-color);
	}

	/* Invert colors except images and videos */
	:is(
		html:not([stylus-iframe]),
		img:not(#profileDropdown img, #unreadDropdown img),
		svg,
		video,
		.navbar,
		.navbar-nav .dropdown-menu,
		#footer,
		.dropdown-menu,
		.carousel,
		#header h1,
		.lead,
		#faq
	) {
		-webkit-filter: invert(1) hue-rotate(180deg) !important;
		filter: invert(1) hue-rotate(180deg) !important;
	}

	.dropdown-item:hover {
		background: var(--hover-background-color);
	}

	#strava-footer {
		background: var(--footer-background-color) !important;
	}

	#header h1,
	.lead,
	#faq {
		color: var(--text-color) !important;
		text-shadow: 2px 1px var(--text-shadow-color);
	}
}
欢迎访问Greasy Fork镜像
