benjdd.com - Dark Mode [Customizable]

Customizable Dark Mode for Benjdd.com

2025-01-17 기준 버전입니다. 최신 버전을 확인하세요.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ==UserStyle==
@name           benjdd.com - Dark Mode [Customizable]
@namespace      typpi.online
@version        1.1.1
@description    Customizable Dark Mode for Benjdd.com
@author         Nick2bad4u
@license        UnLicense
@homepageURL    https://github.com/Nick2bad4u/UserStyles

@var color primary-color "Primary Color" #A52FDEB5
@var color background-color "Background Color" #000000
@var color benchmark-background "Benchmark Background" #000000
@var color header-color "Header Color" #bf1199cc
@var color list-color "List Color" #bd7a4d
@var color code-color "Code Color" #eaff00
@var color link-color "Link Color" #0062ff
==/UserStyle== */
@-moz-document domain("benjdd.com") {
	:root {
		--primary-color: var(primary-color);
		--background-color: var(background-color);
		--benchmark-background: var(
			benchmark-background
		);
		--header-color: var(header-color);
		--list-color: var(list-color);
		--code-color: var(code-color);
		--link-color: var(link-color);
	}

	html,
	#main-content,
	body > header {
		background: var(--background-color);
		color: var(--primary-color);
	}

	#loops {
		border: 1px dashed var(--primary-color);
	}

	#background-1,
	#latencySVGID > g > g > rect.background {
		fill: var(--benchmark-background) !important;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: var(--header-color);
	}

	li {
		color: var(--list-color);
	}

	pre {
		color: var(--code-color);
	}

	/* stylelint-disable selector-no-vendor-prefix -- Unneeded */
	a:-webkit-any-link {
		color: var(--link-color);
	}
}