☰

dcrainmaker.com - Dark Mode

Dark mode for DC RainMaker

  1. /* ==UserStyle==
  2. @name           dcrainmaker.com - Dark Mode
  3. @namespace      typpi.online
  4. @version        1.0.4
  5. @description    Dark mode for DC RainMaker
  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" #000000
  12. @var color post-background-color "Post Background Color" #ffffff
  13. @var color post-text-color "Post Text Color" #000000
  14. @var color gradient-start-color "Gradient Start Color" #f15e1d
  15. @var color gradient-end-color "Gradient End Color" #da1111ab
  16. ==/UserStyle== */
  17. @-moz-document domain("dcrainmaker.com") {
  18. 	:root {
  19. 		--background-color: var(background-color);
  20. 		--post-background-color: var(post-background-color);
  21. 		--post-text-color: var(post-text-color);
  22. 		--gradient-start-color: var(gradient-start-color);
  23. 		--gradient-end-color: var(gradient-end-color);
  24. 	}
  25.  
  26. 	/* Invert colors except images and videos */
  27. 	:is(html:not([stylus-iframe]), img, svg, video) {
  28. 		filter: invert(1) hue-rotate(180deg) !important;
  29. 	}
  30.  
  31. 	#post-sections h4 {
  32. 		background: var(--post-background-color);
  33. 		color: var(--post-text-color);
  34. 		font-style: oblique;
  35. 		text-decoration: underline dotted;
  36. 	}
  37.  
  38. 	.commentlist .children li.comment-author-rainmaker,
  39. 	.commentlist li.comment-author-rainmaker > div,
  40. 	.commentlist li.comment.bypostauthor > div {
  41. 		border-radius: 10px !important;
  42. 	}
  43.  
  44. 	.reply a,
  45. 	a.comment-edit-link {
  46. 		padding-right: 20px;
  47. 	}
  48.  
  49. 	.comment-author cite {
  50. 		background: linear-gradient(
  51. 			90deg,
  52. 			var(--gradient-start-color) 55%,
  53. 			var(--gradient-end-color) 45%
  54. 		);
  55. 		-webkit-background-clip: text;
  56. 		background-clip: text;
  57. 		-webkit-text-fill-color: transparent;
  58. 	}
  59.  
  60. 	.commentlist li.comment-author-rainmaker {
  61. 		border: var(--gradient-start-color) dashed;
  62. 	}
  63. }