☰

Greasy Fork is available in English.

p337.info TF2 View and Skins - Dark Mode

Dark mode for TF2 View on P337.info

/* ==UserStyle==
@name           p337.info TF2 View and Skins - Dark Mode
@namespace      typpi.online
@version        1.0.5
@description    Dark mode for TF2 View on P337.info
@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 border-color "Border Color" #5d08a3
@var color link-background-color "Link Background Color" #5d08a312
@var color hover-background-color "Hover Background Color" #a308841f
==/UserStyle== */
@-moz-document domain("p337.info") {
	:root {
		--background-color: var(background-color);
		--border-color: var(border-color);
		--link-background-color: var(link-background-color);
		--hover-background-color: var(hover-background-color);
	}

	/* Invert colors except images and videos */
	html,
	img,
	svg,
	video,
	iframe,
	body,
	*:not(.rarity, .c_dot) {
		background: var(--background-color) !important;
	}

	.warpaint_prev,
	.warpaint {
		border: 1px ridge var(--border-color);
	}

	.link,
	#primary_nav_wrap ul ul a {
		border: 1px dashed var(--border-color);
		background: var(--link-background-color) !important;
		padding: 12px;
	}

	.link:hover,
	#primary_nav_wrap ul ul a:hover {
		border: 1px dashed var(--border-color);
		background: var(--hover-background-color) !important;
		padding: 12px;
	}

	.tf2_image {
		background: unset !important;
	}
}