17track.net - Dark Mode

17track.net - Dark Mode!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ==UserStyle==
@name         17track.net - Dark Mode
@version      20241115.05.16
@namespace    typpi.online
@description  17track.net - Dark Mode!
@homepageURL  https://github.com/Nick2bad4u/UserStyles
@supportURL   https://github.com/Nick2bad4u/UserStyles/issues
@author       Nick2bad4u
@license      UnLicense

@var color baseColor "Base Color" #ffffff
==/UserStyle== */

@-moz-document domain("17track.net") {
	/* Use the variables for colors */
	:root {
		--baseColor: var(baseColor);
	}

	/* Base dark mode filter */
	html {
		filter: invert(1) hue-rotate(180deg) !important;
		background: var(--baseColor);
	}

	img,
	video,
	trk-shared-icon > svg > use,
	header > nav {
		filter: invert(1) hue-rotate(180deg) !important;
	}

	.up-deals-img,
	.up-deals,
	.tracklist-details
		> .yqcr-action
		> .hidden-xs
		> .up-deals,
	.chart-gpt-text,
	.chart-gpt-icon {
		display: none;
	}
}