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

fitfileviewer.com - Dark Mode

Dark theme for FitFileViewer.com

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

Wrap lines

/* ==UserStyle==
@name           fitfileviewer.com - Dark Mode
@namespace      typpi.online
@version        1.1.2
@description    Dark theme for FitFileViewer.com
@author         Nick2bad4u
@license        UnLicense
@homepageURL    https://github.com/Nick2bad4u/UserStyles
@supportURL     https://github.com/Nick2bad4u/UserStyles/issues

@var color text-color-black "Text Color Black" #000000
@var color text-color-green "Text Color Green" #008b84
@var color border-color "Border Color" #008b84
@var color option-background-color "Option Background Color" #454545
@var color option-text-color "Option Text Color" #ffffff
==/UserStyle== */
@-moz-document domain("fitfileviewer.com") {
	:root {
		--text-color-black: var(text-color-black);
		--text-color-green: var(text-color-green);
		--border-color: var(border-color);
		--option-background-color: var(option-background-color);
		--option-text-color: var(option-text-color);
	}

	.px-4,
	.tracking-tight,
	.whitespace-pre-wrap {
		color: var(--text-color-black);
	}

	.text-red-500 {
		color: var(--text-color-green);
	}

	.border-slate-700 {
		--tw-border-opacity: 1;
		border-color: var(--border-color);
	}

	#y1 > option,
	#y2 > option {
		background: var(--option-background-color);
		color: var(--option-text-color);
	}

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