☰

weather.com - Dark Mode

Dark Mode for Weather.com

当前为 2025-01-22 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name           weather.com - Dark Mode
  3. @namespace      typpi.online
  4. @version        1.0.3
  5. @description    Dark Mode for Weather.com
  6. @author         Nick2bad4u
  7. @license        UnLicense
  8. @homepageURL    https://github.com/Nick2bad4u/UserStyles
  9. @supportURL     https://github.com/Nick2bad4u/UserStyles/issues
  10.  
  11. @var color bgColor "Background Color" #ffd7cb
  12. @var color textColor "Text Color" #ffffff
  13. ==/UserStyle== */
  14. @-moz-document domain("weather.com") {
  15. 	/* Use the variables for colors */
  16. 	:root {
  17. 		--background-color: var(bgColor);
  18. 		--text-color: var(textColor);
  19. 	}
  20.  
  21. 	/* Invert colors except images and videos */
  22. 	:is(
  23. 		html:not([stylus-iframe]),
  24. 		img,
  25. 		svg,
  26. 		video,
  27. 		.HurricaneTrackerCard--bodyWrapper--D\+PUk,
  28. 		.Button--primary--I3yI4,
  29. 		.HeaderLargeScreen--HeaderLargeScreen--HPtiq,
  30. 		.Icon--lightTheme--Mqfrs > path,
  31. 		.ExpandableMenu--ExpandableMenu--DLqTu.ExpandableMenu--open--NWYsb
  32. 			> .ExpandableMenu--inner--d7mmL,
  33. 		.CurrentConditions--header--z8kOV,
  34. 		.CurrentConditions--overlayBox--veKTl,
  35. 		.styles--locationNameBadge--CwsOx,
  36. 		.styles--mini--GBfrx
  37. 			.styles--temperature--aIAgZ,
  38. 		.RecentLocations--container--Vn06V.RecentLocations--open--WrsUf
  39. 	) {
  40. 		filter: invert(1) hue-rotate(180deg) !important;
  41. 	}
  42.  
  43. 	.styles--cards--Yo-aJ,
  44. 	.styles--root--6Jj2d {
  45. 		background: var(--background-color);
  46. 		color: var(--text-color);
  47. 	}
  48. }