☰

zwifthacks.com - Dark Mode

Dark mode for ZwiftHacks.com

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

  1. /* ==UserStyle==
  2. @name           zwifthacks.com - Dark Mode
  3. @namespace      typpi.online
  4. @version        1.0.2
  5. @description    Dark mode for ZwiftHacks.com
  6. @author         Nick2bad4u
  7. @license        UnLicense
  8. @homepageURL    https://github.com/Nick2bad4u/UserStyles
  9.  
  10. @var color background-color "Background Color" #d5d5d5
  11. @var color hover-background-color "Hover Background Color" #eb732f
  12. @var color border-color "Border Color" #eb732f
  13. @var color text-color "Text Color" #000000
  14. ==/UserStyle== */
  15. @-moz-document domain("zwifthacks.com") {
  16. 	:root {
  17. 			--background-color: var(background-color);
  18. 			--hover-background-color: var(hover-background-color);
  19. 			--border-color: var(border-color);
  20. 			--text-color: var(text-color);
  21. 	}
  22.  
  23. 	/* Invert colors except images and videos */
  24. 	:is(
  25. 			html:not([stylus-iframe]),
  26. 			img,
  27. 			svg,
  28. 			video,
  29. 			.footer-wrap,
  30. 			.comments-header,
  31. 			.comment-reply-title,
  32. 			.widget-header,
  33. 			.page-header
  34. 	),
  35. 	.main-navigation-menu
  36. 			> .menu-item-has-children
  37. 			> a::after,
  38. 	.main-navigation-menu
  39. 			ul
  40. 			.menu-item-has-children
  41. 			> a::after {
  42. 			filter: invert(1) hue-rotate(180deg) !important;
  43. 	}
  44.  
  45. 	.site-branding .custom-logo,
  46. 	#title > a > img {
  47. 			filter: unset !important;
  48. 	}
  49.  
  50. 	.primary-navigation,
  51. 	.main-navigation-menu a:link,
  52. 	.main-navigation-menu a:visited {
  53. 			background: var(--background-color);
  54. 			color: var(--text-color) !important;
  55. 	}
  56.  
  57. 	.main-navigation-menu a:link:hover,
  58. 	.main-navigation-menu a:visited:hover {
  59. 			background: var(--hover-background-color);
  60. 			color: var(--text-color) !important;
  61. 	}
  62.  
  63. 	.main-navigation-menu ul {
  64. 			border-top: 1px solid var(--border-color);
  65. 	}
  66.  
  67. 	input[type='search'i],
  68. 	input[type='search'i]:focus {
  69. 			color: var(--hover-background-color);
  70. 	}
  71.  
  72. 	input[type='text']:focus,
  73. 	input[type='email']:focus,
  74. 	input[type='url']:focus,
  75. 	input[type='password']:focus,
  76. 	input[type='search']:focus,
  77. 	textarea:focus {
  78. 			border: 1px solid var(--border-color);
  79. 			color: var(--hover-background-color);
  80. 	}
  81.  
  82. 	:focus-visible {
  83. 			outline: var(--hover-background-color) auto 1px;
  84. 	}
  85.  
  86. 	.main-navigation-menu
  87. 			li.menu-item-has-children:hover
  88. 			> ul,
  89. 	.main-navigation-menu
  90. 			li.page_item_has_children:hover
  91. 			> ul,
  92. 	.main-navigation-menu
  93. 			li.menu-item-has-children[aria-expanded='true']
  94. 			> ul {
  95. 			display: block;
  96. 	}
  97. }