☰

activityfix.com - Dark Mode

Dark mode theme for ActivityFix

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

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