ZwiftPower.com - Dark Mode

ZwiftPower Dark Mode

2024-11-22 기준 버전입니다. 최신 버전을 확인하세요.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

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

	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;
	}

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

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

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