☰

power-meter.cc - Dark Mode

Dark theme for Power-Meter.cc

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

  1. /* ==UserStyle==
  2. @name           power-meter.cc - Dark Mode
  3. @namespace      typpi.online
  4. @version        1.1.2
  5. @description    Dark theme for Power-Meter.cc
  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 hover-background-color "Hover Background Color" #c3c3c3
  12. @var color footer-background-color "Footer Background Color" #000000
  13. @var color text-color "Text Color" #ffffff
  14. @var color text-shadow-color "Text Shadow Color" #000000
  15. ==/UserStyle== */
  16. @-moz-document domain("power-meter.cc") {
  17. 	:root {
  18. 		--hover-background-color: var(hover-background-color);
  19. 		--footer-background-color: var(footer-background-color);
  20. 		--text-color: var(text-color);
  21. 		--text-shadow-color: var(text-shadow-color);
  22. 	}
  23.  
  24. 	/* Invert colors except images and videos */
  25. 	:is(
  26. 		html:not([stylus-iframe]),
  27. 		img:not(#profileDropdown img, #unreadDropdown img),
  28. 		svg,
  29. 		video,
  30. 		.navbar,
  31. 		.navbar-nav .dropdown-menu,
  32. 		#footer,
  33. 		.dropdown-menu,
  34. 		.carousel,
  35. 		#header h1,
  36. 		.lead,
  37. 		#faq
  38. 	) {
  39. 		-webkit-filter: invert(1) hue-rotate(180deg) !important;
  40. 		filter: invert(1) hue-rotate(180deg) !important;
  41. 	}
  42.  
  43. 	.dropdown-item:hover {
  44. 		background: var(--hover-background-color);
  45. 	}
  46.  
  47. 	#strava-footer {
  48. 		background: var(--footer-background-color) !important;
  49. 	}
  50.  
  51. 	#header h1,
  52. 	.lead,
  53. 	#faq {
  54. 		color: var(--text-color) !important;
  55. 		text-shadow: 2px 1px var(--text-shadow-color);
  56. 	}
  57. }