weather.com - Dark Mode

Dark Mode for Weather.com
Visit the author's site for support, ask a question, post a review, or report the script.
Wrap lines
/* ==UserStyle==
@name           weather.com - Dark Mode
@namespace      typpi.online
@version        1.0.3
@description    Dark Mode for Weather.com
@author         Nick2bad4u
@license        UnLicense
@homepageURL    https://github.com/Nick2bad4u/UserStyles
@supportURL     https://github.com/Nick2bad4u/UserStyles/issues

@var color bgColor "Background Color" #ffd7cb
@var color textColor "Text Color" #ffffff
==/UserStyle== */
@-moz-document domain("weather.com") {
	/* Use the variables for colors */
	:root {
		--background-color: var(bgColor);
		--text-color: var(textColor);
	}

	/* Invert colors except images and videos */
	:is(
		html:not([stylus-iframe]),
		img,
		svg,
		video,
		.HurricaneTrackerCard--bodyWrapper--D\+PUk,
		.Button--primary--I3yI4,
		.HeaderLargeScreen--HeaderLargeScreen--HPtiq,
		.Icon--lightTheme--Mqfrs > path,
		.ExpandableMenu--ExpandableMenu--DLqTu.ExpandableMenu--open--NWYsb
			> .ExpandableMenu--inner--d7mmL,
		.CurrentConditions--header--z8kOV,
		.CurrentConditions--overlayBox--veKTl,
		.styles--locationNameBadge--CwsOx,
		.styles--mini--GBfrx .styles--temperature--aIAgZ,
		.RecentLocations--container--Vn06V.RecentLocations--open--WrsUf
	) {
		filter: invert(1) hue-rotate(180deg) !important;
	}

	.styles--cards--Yo-aJ,
	.styles--root--6Jj2d {
		background: var(--background-color);
		color: var(--text-color);
	}
}