ZwifterBikes - Dark Mode - सोर्स कोड

ZwifterBikes - Dark Mode

Dark mode for Zwifterbikes.web.app

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

Wrap lines

/* ==UserStyle==
@name           ZwifterBikes - Dark Mode
@namespace      typpi.online
@version        1.0.4
@description    Dark mode for Zwifterbikes.web.app
@author         Nick2bad4u
@license        UnLicense
@supportURL     https://github.com/Nick2bad4u/UserStyles/issues

@var color background-color "Background Color" #000000
@var color text-color "Text Color" #872a78
@var color hover-color "Hover Color" #00d400
==/UserStyle== */
@-moz-document domain("zwifterbikes.web.app") {
	:root {
		--background-color: var(background-color);
		--text-color: var(text-color);
		--hover-color: var(hover-color);
	}

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

	.mdc-tab__text-label {
		color: var(--text-color) !important;
	}

	*:hover > span.mdc-tab__content > span {
		color: var(--hover-color) !important;
		text-decoration: underline;
		--mdc-tab-indicator-active-indicator-color: var(
			--hover-color
		) !important;
		--mat-tab-header-active-hover-indicator-color: var(
			--hover-color
		) !important;
	}

	* {
		--mdc-tab-indicator-active-indicator-color: var(
			--hover-color
		) !important;
		--mat-tab-header-active-hover-indicator-color: var(
			--hover-color
		) !important;
	}
}