☰

ZwiftPower.com - Dark Mode

ZwiftPower Dark Mode

当前为 2024-12-14 提交的版本，查看 最新版本。

/* ==UserStyle==
@name           ZwiftPower.com - Dark Mode
@namespace      https://github.com/Nick2bad4u/UserStyles
@homepageURL    https://github.com/Nick2bad4u/UserStyles
@version        1.3.0
@description    ZwiftPower Dark Mode
@author         Nick2bad4u
@license        UnLicense
==/UserStyle== */
@document domain("zwiftpower.com") {
	html,
	svg,
	iframe,
	nav,
	.img-circle,
	rect,
	.text-gray,
	.text-left.text-nowrap.athlete_col.sorting_1
		> div
		> span,
	.fix-right-nav > li > ul,
	#team_list
		> tbody
		> tr:nth-child(n)
		> td:nth-child(n)
		> div
		> span,
	.highcharts-label.highcharts-tooltip.highcharts-color-0
		> path,
	.navbar-nav > li > .dropdown-menu,
	.label {
		filter: invert(1) hue-rotate(180deg);
	}

	.btn-group
		> .btn:not(
			:first-child,
			:last-child,
			.dropdown-toggle
		),
	.btn-group > .btn:last-child:not(:first-child) {
		filter: invert(0) hue-rotate(0deg) !important;
	}

	button:nth-child(n) {
		color: #000 !important;
	}

	#zp_submenu > ul,
	#zp_submenu > ul > li:nth-child(n) > a {
		background: white;
		color: #000 !important;
		text-shadow: 1px 1px 1px white !important;
	}

	#highcharts-ptc6m8e-28 > div > span {
		border-color: black;
		background: #fff;
	}

	#page-footer {
		border-radius: 50px;
		background-color: #fff;
	}

	button:nth-child(n):hover,
	.grey_bg {
		background-color: #337ab7 !important;
	}

	.panel.panel-grey > div.panel-heading {
		filter: invert(1) hue-rotate(180deg);
		border-bottom: 1px solid #337ab7;
		background-color: #337ab7;
		color: black;
		font-weight: 500;
		font-size: 20px;
	}

	.highcharts-color-undefined {
		filter: invert(1) hue-rotate(180deg);
	}

	#friends_results
		> thead
		> tr
		> th:nth-child(n)::after {
		opacity: 30%;
		color: #000 !important;
	}

	#rdetails_body
		> div.panel-body
		> a:nth-child(8) {
		word-wrap: break-word;
	}
}