☰

zwiftinsider.com - Dark Mode

Dark Theme for ZwiftInsider

当前为 2024-12-18 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name           zwiftinsider.com - Dark Mode
  3. @namespace      typpi.online
  4. @version        1.0.0
  5. @description    Dark Theme for ZwiftInsider
  6. @author         Nick2bad4u
  7. @license        UnLicense
  8. @homepageURL    https://github.com/Nick2bad4u/UserStyles
  9. ==/UserStyle== */
  10. @-moz-document domain("zwiftinsider.com") {
  11. 	/* Invert colors except images and videos */
  12. 	:is(
  13. 		html:not([stylus-iframe]),
  14. 		img,
  15. 		svg,
  16. 		video,
  17. 		.tdb_single_bg_featured_image,
  18. 		body.td-animation-stack-type0
  19. 			.td-animation-stack
  20. 			.entry-thumb,
  21. 		body.td-animation-stack-type0
  22. 			.post
  23. 			img:not(
  24. 				.woocommerce-product-gallery img
  25. 			):not(.rs-pzimg),
  26. 		body.td-animation-stack-type0
  27. 			.td-animation-stack
  28. 			.td-lazy-img
  29. 	),
  30. 	.tdi_59,
  31. 	.wp-block-toolset-blocks-container.tb-container,
  32. 	#tdi_82,
  33. 	.tdi_56 {
  34. 		filter: invert(1) hue-rotate(180deg);
  35. 	}
  36.  
  37. 	body {
  38. 		background: #fff !important;
  39. 		color: #000 !important;
  40. 	}
  41. 	.td_module_flex_1 .td-thumb-css,
  42. 	.td_module_flex_3 .td-thumb-css,
  43. 	.td_module_flex_4 .td-thumb-css,
  44. 	.td_module_flex_5 .td-thumb-css {
  45. 		filter: unset !important;
  46. 	}
  47.  
  48. 	.tdi_43 .tdb-title-text,
  49. 	.tdi_59 .tdm-descr {
  50. 		color: #000;
  51. 	}
  52. }