Template:NumBlk2/styles.css

.numblk2-dbg {
	position: relative;
	border: thin dashed;
	font-family: monospace;
	font-weight: normal;
	white-space: pre-wrap;
	overflow: auto;
	margin: 0.4em 0;
	padding: 0 0.3em;
}

.numblk2-dbg .i/* input */ {
	color: #b60202;
}

.numblk2-dbg .n/* name */ {
	color: blue;
}

.numblk2-dbg .v/* value */ {
	color: #545859;
}

.numblk2-dbg .s/* separator */, .numblk2-dbg .e/* end marker */ {
	font-weight: bold;
	color: #790ae6;
}

.numblk2-dbg .tag {
	display: inline-block;
	position: absolute;
	right: 0.3em;
	bottom: 0.3em;
	z-index: -1;
	border-radius: 0.25em;
	padding: 0 0.3em;
	line-height: 1.3;
	color: white;
	background-color: #595959;
	font-weight: bold;
}

@media screen {
	html.skin-theme-clientpref-night .numblk2-dbg .i {
		color: #49fdfd;
	}

	html.skin-theme-clientpref-night .numblk2-dbg .n {
		color: yellow;
	}

	html.skin-theme-clientpref-night .numblk2-dbg .v {
		color: #aba7a6;
	}

	html.skin-theme-clientpref-night .numblk2-dbg .s,
	html.skin-theme-clientpref-night .numblk2-dbg .e {
		color: #86f519;
	}

	html.skin-theme-clientpref-night .numblk2-dbg .tag {
		color: black;
		background-color: #a6a6a6;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .numblk2-dbg .i {
		color: #49fdfd;
	}

	html.skin-theme-clientpref-os .numblk2-dbg .n {
		color: yellow;
	}

	html.skin-theme-clientpref-os .numblk2-dbg .v {
		color: #aba7a6;
	}

	html.skin-theme-clientpref-os .numblk2-dbg .s,
	html.skin-theme-clientpref-os .numblk2-dbg .e {
		color: #86f519;
	}

	html.skin-theme-clientpref-os .numblk2-dbg .tag {
		color: black;
		background-color: #a6a6a6;
	}
}