☰

activityfix.com - Dark Mode

Dark mode theme for ActivityFix

As of 2024-12-15. See the latest version.

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