michigan.gov - Dark Mode

Michigan.gov Simple Dark Mode!

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

/* ==UserStyle==
@name         michigan.gov - Dark Mode
@version      20241107.04.44
@namespace    typpi.online
@description  Michigan.gov Simple Dark Mode!
@homepageURL  https://github.com/Nick2bad4u/UserStyles
@supportURL   https://github.com/Nick2bad4u/UserStyles/issues
@author       Nick2bad4u
@license      UnLicense
==/UserStyle== */

@-moz-document domain("michigan.gov") {
	/* Invert colors except images and videos */
	:is(html:not([stylus-iframe]), img, svg, video):not(png) {
		filter: invert(1) hue-rotate(180deg) !important;
	}

	/* Ensure background images are not inverted */
	:is(html:not([stylus-iframe]), img, svg, video):not(
			z#z.z[z]
		) {
		background-color: inherit !important;
	}

	/* Additional styling for the Michigan Department of State */
	#footer > section > div > div > div > div > div.row {
		filter: invert(1) hue-rotate(180deg) !important;
	}

	#footer
		> section
		> div
		> div
		> div
		> div
		> div.footer__section-logo
		> div
		> div
		> div.col-lg-3.col-md-4.footer__section-logo-img
		> img {
		filter: invert(0) hue-rotate(180deg) !important;
	}

	*[style*='background-image'] {
		filter: invert(1) hue-rotate(180deg);
	}
}