Swap to use an upstream theme directly from the prismjs node_modules

public/css/index.css

@@ -92,25 +92,23 @@ table th {
 pre,
 code {
   font-family: var(--font-family-monospace);
-  line-height: 1.5;
 }
-pre {
-  font-size: 14px;
-  line-height: 1.375;
-  direction: ltr;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
+pre,
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  line-height: 1.375; /* 22px /16 */
   -moz-tab-size: 2;
   -o-tab-size: 2;
   tab-size: 2;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
-  padding: 1em;
-  margin: .5em 0;
-  background-color: #f6f6f6;
+  direction: ltr;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
 }
 code {
   word-break: break-all;

public/css/prism-base16-monokai.dark.css

@@ -1,88 +0,0 @@
-code[class*="language-"], pre[class*="language-"] {
-	font-size: 14px;
-	line-height: 1.375;
-	direction: ltr;
-	text-align: left;
-	white-space: pre;
-	word-spacing: normal;
-	word-break: normal;
-	-moz-tab-size: 2;
-	-o-tab-size: 2;
-	tab-size: 2;
-	-webkit-hyphens: none;
-	-moz-hyphens: none;
-	-ms-hyphens: none;
-	hyphens: none;
-	background: #272822;
-	color: #f8f8f2;
-}
-pre[class*="language-"] {
-	padding: 1.5em 0;
-	margin: .5em 0;
-	overflow: auto;
-}
-:not(pre) > code[class*="language-"] {
-	padding: .1em;
-	border-radius: .3em;
-}
-.token.comment, .token.prolog, .token.doctype, .token.cdata {
-	color: #75715e;
-}
-.token.punctuation {
-	color: #f8f8f2;
-}
-.token.namespace {
-	opacity: .7;
-}
-.token.operator, .token.boolean, .token.number {
-	color: #fd971f;
-}
-.token.property {
-	color: #f4bf75;
-}
-.token.tag {
-	color: #66d9ef;
-}
-.token.string {
-	color: #a1efe4;
-}
-.token.selector {
-	color: #ae81ff;
-}
-.token.attr-name {
-	color: #fd971f;
-}
-.token.entity, .token.url, .language-css .token.string, .style .token.string {
-	color: #a1efe4;
-}
-.token.attr-value, .token.keyword, .token.control, .token.directive, .token.unit {
-	color: #a6e22e;
-}
-.token.statement, .token.regex, .token.atrule {
-	color: #a1efe4;
-}
-.token.placeholder, .token.variable {
-	color: #66d9ef;
-}
-.token.deleted {
-	text-decoration: line-through;
-}
-.token.inserted {
-	text-decoration: none;
-}
-.token.italic {
-	font-style: italic;
-}
-.token.important, .token.bold {
-	font-weight: bold;
-}
-.token.important {
-	color: #f92672;
-}
-.token.entity {
-	cursor: help;
-}
-pre > code.highlight {
-	outline: 0.4em solid #f92672;
-	outline-offset: .4em;
-}

public/css/prism-diff.css

@@ -3,15 +3,17 @@
  */
 
 pre[class*="language-diff-"] {
-  --eleventy-code-padding: 1.25em;
+	--eleventy-code-padding: 1.25em;
 	padding-left: var(--eleventy-code-padding);
 	padding-right: var(--eleventy-code-padding);
 }
 .token.deleted {
 	background-color: hsl(0, 51%, 37%);
+	color: inherit;
 }
 .token.inserted {
 	background-color: hsl(126, 31%, 39%);
+	color: inherit;
 }
 
 /* Make the + and - characters unselectable for copy/paste */
@@ -20,13 +22,16 @@ pre[class*="language-diff-"] {
 .token.prefix.deleted {
 	-webkit-user-select: none;
 	user-select: none;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--eleventy-code-padding);
-  padding-top: 2px;
-  padding-bottom: 2px;
-  background-color: rgba(0,0,0,.2);
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+.token.prefix.inserted,
+.token.prefix.deleted {
+	width: var(--eleventy-code-padding);
+	background-color: rgba(0,0,0,.2);
 }
 
 /* Optional: full-width background color */