eolas/.neuron-generator/templates/head.html

<script async="" id="MathJax-script" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism.min.css" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
	href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
	rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap"
	rel="stylesheet" />
<link href="https://hachyderm.io/@systemsobscure" rel="me" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/components/prism-core.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/plugins/autoloader/prism-autoloader.min.js"></script>
<style>
	:root {
		font-synthesis: none;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		--black: #282828;
		--blacker: #1d2021;
		--blackest: #141617;

		--greyLightest: #a89984;
		--greyLighter: #928374;
		--greyLight: #665c54;
		--grey: #504945;
		--greyDark: #3c3836;
		--greyDarkest: #32302f;

		--white: #ddc7a1;
		--whiter: #ebdbb2;

		--blue: #7daea3;
		--green: #a9b665;
		--aqua: #8dc07c;
		--yellow: #d8a657;
		--orange: #e78a4e;
		--red: #ea6962;
		--purple: #d3869b;

		--blueOriginal: #458588;
		--greenOriginal: #98971a;
		--orangeOriginal: #d65d0e;
	}

	body .ui.container,
	body ul {
		font-family: "IBM Plex Sans" !important;
	}

	body h2,
	body div.zettel-view .zettel-content h2 {
		border-bottom: none !important;
	}

	body blockquote {
		border-left-width: 3px !important;
		border-left-color: var(--orange) !important;
		background-color: var(--blacker) !important;
	}

	.headerFont,
	.ui.header,
	body h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: "IBM Plex Sans" !important;
	}

	body p {
		/* line-height: 1.3; */
	}

	.monoFont,
	body code,
	pre,
	tt {
		font-family: "Jetbrains Mono" !important;
		font-size: 12px !important;
		/* line-height: 1.3 !important; */
	}

	img[alt~="not-by-ai-badge"] {
		width: 100px;
	}

	#neuron-nav-bar {
		background-color: var(--orange);
	}

	#neuron-nav-bar a.right {
		display: none;
	}

	.ui .center img {
		display: none;
	}

	body {
		background-color: var(--blacker) !important;
		color: var(--white);
	}

	.zettel-view article.zettel-content {
		background-color: var(--black) !important;
	}

	a,
	body span.zettel-link-container span.zettel-link a,
	body .deemphasized:not(:hover) a {
		color: var(--aqua) !important;
	}

	.deemphasized:not(:hover) a {
		color: var(--aqua) !important;
	}

	body .zettel-content h1#title-h1 {
		background-color: var(--orange);
		color: var(--black);
		word-wrap: break-word;
	}

	.ui.raised.raised.segment,
	.ui.raised.raised.segments {
		box-shadow: none;
	}

	.ui.raised.attached.segment.zettel-content {
		border: none;
	}

	#neuron-backlinks-pane,
	#neuron-tags-pane {
		background-color: var(--greyDark);
		border: none;
	}

	#neuron-backlinks-pane h3.ui.header,
	#neuron-backlinks-pane p,
	#neuron-backlinks-pane>ul>li>ul>li>div {
		color: var(--white) !important;
	}

	#neuron-backlinks-pane ul li::marker {
		color: var(--white) !important;
	}

	#neuron-backlinks-pane>ul>li>ul>li>div>p>a,
	#neuron-backlinks-pane ul li span.zettel-link a {
		color: var(--aqua) !important;
	}

	body .deemphasized:not(:hover),
	body .deemphasized:hover {
		opacity: 1;
	}

	#neuron-nav-bar {
		border-radius: 0;
	}

	.ui.basic.label.zettel-tag {
		background-color: var(--orange);
		border-radius: 0;
		border: none;
		color: var(--black);
	}

	body div.zettel-view .zettel-content p code,
	li code,
	ol code {
		padding: 0;
		font-size: 13px !important;
		background: transparent;
	}

	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}

	.ui table {
		background-color: var(--blacker) !important;
		border-radius: 0 !important;
		border-color: var(--greyDark) !important;
		color: var(--white) !important;
	}

	.ui.table>thead>tr>th {
		background-color: var(--greyDark) !important;
		border-radius: 0 !important;
		color: var(--white) !important;
	}

	body span.zettel-link-container.errors {
		border-color: var(--red);
	}

	body span.zettel-link-container.errors span.zettel-link a {
		color: var(--red) !important;
	}

	body span.zettel-link-container.errors span.zettel-link a:hover {
		background-color: #fb483460 !important;
	}

	code[class*="language-"],
	pre[class*="language-"] {
		color: #ebdbb2;
		/* fg1 / fg */
		direction: ltr;
		text-align: left;
		white-space: pre;
		word-spacing: normal;
		word-break: normal;
		line-height: 1.2;

		-moz-tab-size: 4;
		-o-tab-size: 4;
		tab-size: 4;

		-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
	}

	pre[class*="language-"]::-moz-selection,
	pre[class*="language-"] ::-moz-selection,
	code[class*="language-"]::-moz-selection,
	code[class*="language-"] ::-moz-selection {
		color: #fbf1c7;
		/* fg0 */
		background: #7c6f64;
		/* bg4 */
	}

	pre[class*="language-"]::selection,
	pre[class*="language-"] ::selection,
	code[class*="language-"]::selection,
	code[class*="language-"] ::selection {
		color: #fbf1c7;
		/* fg0 */
		background: #7c6f64;
		/* bg4 */
	}

	/* Code blocks */
	pre[class*="language-"] {
		padding: 0.75rem;
		margin: 0.5rem 0;
		overflow: auto;
	}

	:not(pre)>code[class*="language-"],
	pre[class*="language-"] {
		background-color: #32302f;
		/* border-width: 3px;
  border-color: #665c54;
  border-style: double; */
		/* border: 1px solid #504945; */
	}

	/* Inline code */
	:not(pre)>code[class*="language-"] {
		padding: 0.1em;
		border-radius: 0;
		border-width: 1px;
		background: transparent;
	}

	.token.comment,
	.token.prolog,
	.token.cdata {
		color: #a89984;
		/* fg4 / gray1 */
	}

	.token.delimiter,
	.token.boolean,
	.token.keyword,
	.token.selector,
	.token.important,
	.token.atrule {
		color: #ea6962;
		/* red2 */
	}

	.token.operator,
	.token.punctuation,
	.token.attr-name {
		color: #a89984;
		/* fg4 / gray1 */
	}

	.token.tag,
	.token.tag .punctuation,
	.token.doctype,
	.token.builtin {
		color: #d8a657;
		/* yellow2 */
	}

	.token.entity,
	.token.number,
	.token.symbol {
		color: #d3869b;
		/* purple2 */
	}

	.token.property,
	.token.constant,
	.token.variable {
		color: #ea6962;
		/* red2 */
	}

	.token.string,
	.token.char {
		color: #89b482;
		/* green2 */
	}

	.token.attr-value,
	.token.attr-value .punctuation {
		color: #a89984;
		/* fg4 / gray1 */
	}

	.token.url {
		color: #89b482;
		/* green2 */
		text-decoration: underline;
	}

	.token.function {
		color: #a9b665;
		/* yellow2 */
	}

	.token.regex {
		background: #b8bb26;
		/* green2 */
	}

	.token.bold {
		font-weight: bold;
	}

	.token.italic {
		font-style: italic;
	}

	.token.inserted {
		background: #a89984;
		/* fg4 / gray1 */
	}

	.token.deleted {
		background: #ea6962;
		/* red2 */
	}

	.token.operator {
		background: transparent !important;
	}
</style>