From 5319fee9b900fc3dc69842ffde437599a7e0dc7f Mon Sep 17 00:00:00 2001
From: JasterV <49537445+JasterV@users.noreply.github.com>
Date: Mon, 16 Jun 2025 01:01:06 +0200
Subject: [PATCH] Update highlight styles

---
 .../themes/highlight/stackoverflow-dark.css   | 117 ++++++++++++++++++
 mkslides.yml                                  |   3 +-
 2 files changed, 118 insertions(+), 2 deletions(-)
 create mode 100644 docs/assets/themes/highlight/stackoverflow-dark.css

diff --git a/docs/assets/themes/highlight/stackoverflow-dark.css b/docs/assets/themes/highlight/stackoverflow-dark.css
new file mode 100644
index 0000000..e5bc78b
--- /dev/null
+++ b/docs/assets/themes/highlight/stackoverflow-dark.css
@@ -0,0 +1,117 @@
+pre code.hljs {
+  display: block;
+  padding: 1em;
+}
+
+code.hljs {
+  padding: 3px 5px;
+}
+
+/*!
+  Theme: StackOverflow Dark
+  Description: Dark theme as used on stackoverflow.com
+  Author: stackoverflow.com
+  Maintainer: @Hirse
+  Website: https://github.com/StackExchange/Stacks
+  License: MIT
+  Updated: 2021-05-15
+
+  Updated for @stackoverflow/stacks v0.64.0
+  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
+  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
+*/
+.hljs {
+  /* var(--highlight-color) */
+  color: #ffffff;
+  /* var(--highlight-bg) */
+  background: #1c1b1b;
+}
+.hljs-subst {
+  /* var(--highlight-color) */
+  color: #ffffff;
+}
+.hljs-comment {
+  /* var(--highlight-comment) */
+  color: #999999;
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-section {
+  /* var(--highlight-keyword) */
+  color: #88aece;
+}
+.hljs-attr {
+  /* var(--highlight-attribute); */
+  color: #88aece;
+}
+.hljs-attribute {
+  /* var(--highlight-symbol) */
+  color: #c59bc1;
+}
+.hljs-name,
+.hljs-type,
+.hljs-number,
+.hljs-selector-id,
+.hljs-quote,
+.hljs-template-tag {
+  /* var(--highlight-namespace) */
+  color: #f08d49;
+}
+.hljs-selector-class {
+  /* var(--highlight-keyword) */
+  color: #88aece;
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr {
+  /* var(--highlight-variable) */
+  color: #b5bd68;
+}
+.hljs-meta,
+.hljs-selector-pseudo {
+  /* var(--highlight-keyword) */
+  color: #88aece;
+}
+.hljs-built_in,
+.hljs-title,
+.hljs-literal {
+  /* var(--highlight-literal) */
+  color: #f08d49;
+}
+.hljs-bullet,
+.hljs-code {
+  /* var(--highlight-punctuation) */
+  color: #cccccc;
+}
+.hljs-meta .hljs-string {
+  /* var(--highlight-variable) */
+  color: #b5bd68;
+}
+.hljs-deletion {
+  /* var(--highlight-deletion) */
+  color: #de7176;
+}
+.hljs-addition {
+  /* var(--highlight-addition) */
+  color: #76c490;
+}
+.hljs-emphasis {
+  font-style: italic;
+}
+.hljs-strong {
+  font-weight: bold;
+}
+.hljs-formula,
+.hljs-operator,
+.hljs-params,
+.hljs-property,
+.hljs-punctuation,
+.hljs-tag {
+  /* purposely ignored */
+}
diff --git a/mkslides.yml b/mkslides.yml
index d424f96..9f35a60 100644
--- a/mkslides.yml
+++ b/mkslides.yml
@@ -1,6 +1,5 @@
 slides:
-    # highlight_theme: docs/assets/themes/highlight/tokyo-night-dark.css
-    highlight_theme: stackoverflow-dark
+    highlight_theme: docs/assets/themes/highlight/stackoverflow-dark.css
     theme: docs/assets/themes/dracula.css
     template: docs/assets/templates/slideshow.html.jinja
 revealjs: