☰

Greasy Fork is available in English.

activityfix.com - Dark Mode

Dark mode theme for ActivityFix

Fra 08.12.2024. Se den seneste versjonen.

  1. /* ==UserStyle==
  2. @name           activityfix.com - Dark Mode
  3. @namespace      typpi.online
  4. @version        1.0.1
  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. 		filter: invert(1) hue-rotate(180deg) !important;
  26. 	}
  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. 		background-color: #000 !important;
  34. 		color: #fff !important;
  35. 		font-weight: 800;
  36. 	}
  37.  
  38. 	.af-update-header,
  39. 	.af-version {
  40. 		color: #2196f3;
  41. 		text-decoration: underline;
  42. 	}
  43.  
  44. 	.af-update-header span {
  45. 		cursor: default;
  46. 		font-size: 13px;
  47. 		text-decoration: underline #333;
  48. 	}
  49.  
  50. 	.w3-padding-16 {
  51. 		padding-top: 0px !important;
  52. 		padding-bottom: 16px !important;
  53. 	}
  54.  
  55. 	.w3-bar.w3-top.af-blue.w3-large {
  56. 		background-color: #2196f3 !important;
  57. 	}
  58.  
  59. 	.w3-main {
  60. 		background-color: #fff;
  61. 	}
  62.  
  63. 	.w3-container.w3-black.w3-display-container {
  64. 		margin: 0px 0px !important;
  65. 		background-color: white !important;
  66. 		color: black !important;
  67. 	}
  68.  
  69. 	#save_success > div {
  70. 		border: 4px #2196f3 dashed;
  71. 	}
  72.  
  73. 	.w3-bar-item.w3-left {
  74. 		font-style: italic;
  75. 		font-weight: 550;
  76. 	}
  77.  
  78. 	.af-help-contents > div:nth-child(n) > img,
  79. 	.w3-center
  80. 		> table
  81. 		> tbody
  82. 		> tr:nth-child(1)
  83. 		> td:nth-child(1)
  84. 		> a
  85. 		> img {
  86. 		filter: invert(0) hue-rotate(0deg) !important;
  87. 	}
  88.  
  89. 	body > br,
  90. 	body > hr {
  91. 		display: none !important;
  92. 	}
  93.  
  94. 	html {
  95. 		background: #fff;
  96. 	}
  97. }