☰

zwifthacks.com - Dark Mode

Dark mode for ZwiftHacks.com

目前為 2025-01-22 提交的版本，檢視 最新版本。

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