Skip to content

bicycling.com - Dark Mode by Nick2bad4u

Imported and mirrored from https://raw.githubusercontent.com/Nick2bad4u/UserStyles/refs/heads/main/bicycling-DarkMode.user.css

Screenshot of bicycling.com - Dark Mode

Details

AuthorNick2bad4u

LicenseUnLicense

Categorybicycling

Created

Updated

Code size1.2 kB

Code checksum9640edf2

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Description

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           bicycling.com - Dark Mode
@namespace      typpi.online
@version        1.2.0
@description    Description
@author         Nick2bad4u
@license        UnLicense
@homepageURL    https://github.com/Nick2bad4u/UserStyles
@supportURL     https://github.com/Nick2bad4u/UserStyles/issues

@var color backgroundColor "Background Color" #000000
@var color textColor "Text Color" #ffffff
@var color color1 "Color 1" #ffa500
@var color color2 "Color 2" #9370d8
@var color color3 "Color 3" #a94b17c9
==/UserStyle== */
@-moz-document domain("bicycling.com") {
	/* Use the variables for colors */
	:root {
			--backgroundColor: var(--backgroundColor);
			--textColor: var(textColor);
			--color1: var(color1);
			--color2: var(color2);
			--color3: var(color3);
	}

	/* Invert colors except images and videos */
	html,
	img,
	svg,
	video,
	iframe {
			background: var(--backgroundColor);
			color: var(--textColor);
	}

	.css-1ew0k1 {
			color: var(--color1);
	}

	.css-1evjo6m {
			color: var(--color2);
	}

	.__resp-container .video-player,
	[data-embed]:defined {
			display: none;
	}

	.css-93j5lg {
			color: var(--color3);
	}

	.css-79elbk,
	:host {
			background: #565656 !important;
	}
}

Reviews

No reviews yet.