☰

stattracker.x10host.com - Dark Mode [Customizable]

Dark Theme for Strava Stat Tracker

/* ==UserStyle==
@name         stattracker.x10host.com - Dark Mode [Customizable]
@version      1.2.1
@namespace    typpi.online
@description  Dark Theme for Strava Stat Tracker
@author       Nick2bad4u
@license      UnLicense
@homepageURL  https://github.com/Nick2bad4u/UserStyles
@supportURL   https://github.com/Nick2bad4u/UserStyles/issues

@var color background-color "Background Color" #000
@var color text-color "Text Color" #fff
@var color header-background "Header Background" #003000
@var color odd-row-background "Odd Row Background" #262626
==/UserStyle== */
@-moz-document domain("stattracker.x10host.com") {
	/* Stylus Variables */
	:root {
		--background-color: var(background-color);
		--text-color: var(text-color);
		--header-background: var(header-background);
		--odd-row-background: var(odd-row-background);
	}

	/* Invert colors except images and videos */
	:is(
		html:not([stylus-iframe]),
		img,
		svg:not(
				.leaflet-container .leaflet-overlay-pane svg,
				.leaflet-container .leaflet-marker-pane img,
				.leaflet-container .leaflet-shadow-pane img,
				.leaflet-container .leaflet-tile-pane img,
				.leaflet-container img.leaflet-image-layer,
				.leaflet-container .leaflet-tile
			),
		video
	),
	.filter-section-select td,
	.check-options-table td,
	.column-Quick-filters,
	.dataTable td,
	.dataTable th,
	.quick-filters,
	#scatterGraphGrid td,
	#progressGraphAxis td,
	#progressGraphAxis td:nth-child(1) {
		background: var(--background-color);
		color: var(--text-color);
	}

	.dashboardTable tr:nth-child(odd) {
		background: var(--odd-row-background);
	}

	.dashboardTable th {
		background: var(--header-background);
	}

	body > header > div > div:nth-child(2) > img {
		filter: invert(1) hue-rotate(180deg);
		background: unset !important;
	}

	.progressSummaryTable tr:nth-child(odd),
	.logBook-dataDiv {
		background: unset !important;
	}

	#mapContainer,
	.leaflet-container.leaflet-touch-drag,
	.leaflet-container,
	#heatmap,
	#mapHead {
		background: #fff0 !important;
	}
}