dcrainmaker.com - Dark Mode - सोर्स कोड

dcrainmaker.com - Dark Mode

Dark mode for DC RainMaker

Visit the author's site for support, ask a question, post a review, or report the script.

Wrap lines

/* ==UserStyle==
@name           dcrainmaker.com - Dark Mode
@namespace      typpi.online
@version        1.0.4
@description    Dark mode for DC RainMaker
@author         Nick2bad4u
@license        UnLicense
@homepageURL    https://github.com/Nick2bad4u/UserStyles
@supportURL     https://github.com/Nick2bad4u/UserStyles/issues

@var color background-color "Background Color" #000000
@var color post-background-color "Post Background Color" #ffffff
@var color post-text-color "Post Text Color" #000000
@var color gradient-start-color "Gradient Start Color" #f15e1d
@var color gradient-end-color "Gradient End Color" #da1111ab
==/UserStyle== */
@-moz-document domain("dcrainmaker.com") {
	:root {
		--background-color: var(background-color);
		--post-background-color: var(post-background-color);
		--post-text-color: var(post-text-color);
		--gradient-start-color: var(gradient-start-color);
		--gradient-end-color: var(gradient-end-color);
	}

	/* Invert colors except images and videos */
	:is(html:not([stylus-iframe]), img, svg, video) {
		filter: invert(1) hue-rotate(180deg) !important;
	}

	#post-sections h4 {
		background: var(--post-background-color);
		color: var(--post-text-color);
		font-style: oblique;
		text-decoration: underline dotted;
	}

	.commentlist .children li.comment-author-rainmaker,
	.commentlist li.comment-author-rainmaker > div,
	.commentlist li.comment.bypostauthor > div {
		border-radius: 10px !important;
	}

	.reply a,
	a.comment-edit-link {
		padding-right: 20px;
	}

	.comment-author cite {
		background: linear-gradient(
			90deg,
			var(--gradient-start-color) 55%,
			var(--gradient-end-color) 45%
		);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.commentlist li.comment-author-rainmaker {
		border: var(--gradient-start-color) dashed;
	}
}