☰

activityfix.com - Dark Mode

Dark mode theme for ActivityFix

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

  1. /* ==UserStyle==
  2. @name           activityfix.com - Dark Mode
  3. @namespace      typpi.online
  4. @version        1.4
  5. @description    Dark mode theme for ActivityFix
  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-black "Background Color Black" #000000
  12. @var color text-color-white "Text Color White" #ffffff
  13. @var color text-color-blue "Text Color Blue" #2196f3
  14. @var color text-decoration-color "Text Decoration Color" #333333
  15. @var color background-color-blue "Background Color Blue" #2196f3
  16. @var color border-color-blue "Border Color Blue" #2196f3
  17. @var color background-color-white "Background Color White" #ffffff
  18. @var color text-color-black "Text Color Black" #000000
  19. ==/UserStyle== */
  20. @-moz-document domain("activityfix.com") {
  21. 	:root {
  22. 		--background-color-black: var(background-color-black);
  23. 		--text-color-white: var(text-color-white);
  24. 		--text-color-blue: var(text-color-blue);
  25. 		--text-decoration-color: var(text-decoration-color);
  26. 		--background-color-blue: var(background-color-blue);
  27. 		--border-color-blue: var(border-color-blue);
  28. 		--background-color-white: var(background-color-white);
  29. 		--text-color-black: var(text-color-black);
  30. 	}
  31.  
  32. 	/* Invert colors except images and videos */
  33. 	:is(
  34. 		html:not([stylus-iframe]),
  35. 		img,
  36. 		svg,
  37. 		video,
  38. 		.w3-dark-gray,
  39. 		.w3-dark-grey,
  40. 		.w3-hover-dark-gray:hover,
  41. 		.w3-hover-dark-grey:hover,
  42. 		.w3-center,
  43. 		iframe,
  44. 		.af-disconnect-button
  45. 	) {
  46. 		filter: invert(1) hue-rotate(180deg) !important;
  47. 	}
  48.  
  49. 	.w3-dark-gray,
  50. 	.w3-dark-grey,
  51. 	.w3-hover-dark-gray:hover,
  52. 	.w3-hover-dark-grey:hover,
  53. 	.w3-padding-16 {
  54. 		background-color: var(
  55. 			--background-color-black
  56. 		) !important;
  57. 		color: var(--text-color-white) !important;
  58. 		font-weight: 800;
  59. 	}
  60.  
  61. 	.af-update-header,
  62. 	.af-version {
  63. 		color: var(--text-color-blue);
  64. 		text-decoration: underline;
  65. 	}
  66.  
  67. 	.af-update-header span {
  68. 		cursor: default;
  69. 		font-size: 13px;
  70. 		text-decoration: underline var(--text-decoration-color);
  71. 	}
  72.  
  73. 	.w3-padding-16 {
  74. 		padding-top: 0 !important;
  75. 		padding-bottom: 16px !important;
  76. 	}
  77.  
  78. 	.w3-bar.w3-top.af-blue.w3-large {
  79. 		background-color: var(
  80. 			--background-color-blue
  81. 		) !important;
  82. 	}
  83.  
  84. 	.w3-main {
  85. 		background-color: var(--background-color-white);
  86. 	}
  87.  
  88. 	.w3-container.w3-black.w3-display-container {
  89. 		margin: 0 !important;
  90. 		background-color: var(
  91. 			--background-color-white
  92. 		) !important;
  93. 		color: var(--text-color-black) !important;
  94. 	}
  95.  
  96. 	#save_success > div {
  97. 		border: 4px var(--border-color-blue) dashed;
  98. 	}
  99.  
  100. 	.w3-bar-item.w3-left {
  101. 		font-style: italic;
  102. 		font-weight: 550;
  103. 	}
  104.  
  105. 	.af-help-contents > div:nth-child(n) > img,
  106. 	.w3-center
  107. 		> table
  108. 		> tbody
  109. 		> tr:nth-child(1)
  110. 		> td:nth-child(1)
  111. 		> a
  112. 		> img {
  113. 		filter: invert(0) hue-rotate(0deg) !important;
  114. 	}
  115.  
  116. 	body > br,
  117. 	body > hr {
  118. 		display: none !important;
  119. 	}
  120.  
  121. 	html {
  122. 		background: var(--background-color-white);
  123. 	}
  124. }