diff --git a/assets/css/prism.css b/assets/css/prism.css
new file mode 100644
index 0000000..fe9f204
--- /dev/null
+++ b/assets/css/prism.css
@@ -0,0 +1,113 @@
+/**
+ * This is a CSS stylesheet template for Prism in case you use that.
+ * This is based from a Prism CSS port by Albert Vallverdu [@byverdu].
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: var(--base05);
+  background: none;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: var(--base00);
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: var(--base03);
+}
+
+.token.punctuation {
+  color: var(--base05);
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: var(--base08);
+}
+
+.token.boolean,
+.token.number {
+  color: var(--base09);
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: var(--base0A);
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+  color: var(--base07);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.function,
+.token.class-name {
+  color: var(--base0D);
+}
+
+.token.keyword {
+  color: var(--base0E);
+}
+
+.token.regex,
+.token.important {
+  color: var(--base0C);
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
diff --git a/layouts/partials/head_extended.html b/layouts/partials/head_extended.html
index e7d01b0..4f8461c 100644
--- a/layouts/partials/head_extended.html
+++ b/layouts/partials/head_extended.html
@@ -5,6 +5,9 @@
 <script defer src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/keep-markup/prism-keep-markup.min.js"></script>
 <script defer src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/line-numbers/prism-line-numbers.min.js"></script>
 
+{{ $prism := resources.Get "css/prism.css" }}
+<link rel="stylesheet" href="{{ $prism.Permalink }}"/>
+
 {{- /* medium-zoom */ -}}
 <script defer src="https://cdn.jsdelivr.net/npm/medium-zoom@1.0.5/dist/medium-zoom.min.js"></script>
 <script>window.addEventListener('load', () => mediumZoom('article img', { 'background': 'rgba(0, 0, 0, 0.75)' }))</script>