Template:Template journal inline/styles.css

/* {{pp-template}} */
span.tj-tape {
	padding: 1px 4px;
	font-family: monospace;
	font-size: 1rem;
	line-height: 1.6;
	white-space: pre-wrap;
	word-wrap: break-word;
	background-color: var(--background-color-neutral-subtle, #f8f8f8);
	color: var(--color-emphasized, #101418);
	border: 1px solid var(--border-color-muted, #eaecf0);
	line-height: 1.3;
	tab-size: 4;
	vertical-align: baseline;
	border-radius: 2px;
	margin: 0;
}

span.tj-tape span.tj-tn,
span.tj-tape span.tj-tn a,
span.tj-tape span.tj-tn a:link,
span.tj-tape span.tj-tn a:visited,
span.tj-tape span.tj-tn a:hover {
	font-weight: bold;
	color: #008000;
}

span.tj-tape span.tj-an {
	font-weight: bold;
	color: #767600;
}

span.tj-tape span.tj-nc {
	margin: 0 .075em;
}

span.tj-tape span.tj-nc + span.tj-nc,
span.tj-tape span.tj-nc:first-child {
	margin: 0 .075em 0 0;
}

span.tj-tape span.tj-nc:last-child {
	margin: 0 0 0 .075em;
}

/* Dark mode support */
@media screen {
    html.skin-theme-clientpref-night div.tj-tape span.tj-tn,
	html.skin-theme-clientpref-night div.tj-tape span.tj-tn a,
	html.skin-theme-clientpref-night div.tj-tape span.tj-tn a:link,
	html.skin-theme-clientpref-night div.tj-tape span.tj-tn a:visited,
	html.skin-theme-clientpref-night div.tj-tape span.tj-tn a:hover {
		color: #6383E7;
	}

	html.skin-theme-clientpref-night div.tj-tape span.tj-an {
		color: #339a60;
	}

	html.skin-theme-clientpref-night div.tj-tape span.tj-ac {
		color: #D07373;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os div.tj-tape span.tj-tn,
	html.skin-theme-clientpref-os div.tj-tape span.tj-tn a,
	html.skin-theme-clientpref-os div.tj-tape span.tj-tn a:link,
	html.skin-theme-clientpref-os div.tj-tape span.tj-tn a:visited,
	html.skin-theme-clientpref-os div.tj-tape span.tj-tn a:hover {
		color: #6383E7;
	}

	html.skin-theme-clientpref-os div.tj-tape span.tj-an {
		color: #339a60;
	}

	html.skin-theme-clientpref-os div.tj-tape span.tj-ac {
		color: #D07373;
	}
}