From dddd3a7ed5735346306e2006fa140d6d0e3c5f7e Mon Sep 17 00:00:00 2001
From: Erik Michelson <github@erik.michelson.eu>
Date: Fri, 21 Aug 2026 22:04:40 +0200
Subject: [PATCH] fix(renderer): upgrade styles and API of highlight.js

Signed-off-by: Erik Michelson <github@erik.michelson.eu>
---
 public/css/highlightjs.css | 3 +++
 public/js/extra.js         | 4 +++-
 public/js/htmlExport.js    | 3 ++-
 public/js/index.js         | 3 ++-
 public/js/pretty.js        | 3 ++-
 5 files changed, 12 insertions(+), 4 deletions(-)
 create mode 100644 public/css/highlightjs.css

diff --git a/public/css/highlightjs.css b/public/css/highlightjs.css
new file mode 100644
index 00000000..059f5c62
--- /dev/null
+++ b/public/css/highlightjs.css
@@ -0,0 +1,3 @@
+pre code.hljs {
+  padding: 0;
+}
diff --git a/public/js/extra.js b/public/js/extra.js
index eff61d90..79587981 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -525,7 +525,9 @@ export function finishView (view) {
             if (!languages.includes(reallang)) {
               result = hljs.highlightAuto(code)
             } else {
-              result = hljs.highlight(reallang, code)
+              result = hljs.highlight(code, {
+                language: reallang
+              })
             }
             if (codeDiv.length > 0) codeDiv.html(result.value)
             else langDiv.html(result.value)
diff --git a/public/js/htmlExport.js b/public/js/htmlExport.js
index 2f4a0987..6b3d9623 100644
--- a/public/js/htmlExport.js
+++ b/public/js/htmlExport.js
@@ -10,7 +10,8 @@ require('prismjs/components/prism-typescript')
 require('prismjs/components/prism-jsx')
 require('prismjs/components/prism-makefile')
 require('prismjs/components/prism-gherkin')
-require('highlight.js/styles/github-gist.css')
+require('highlight.js/styles/github.css')
+require('../css/highlightjs.css')
 require('emojify.js/dist/css/basic/emojify.min.css')
 require('../css/github-extract.css')
 require('../css/markdown.css')
diff --git a/public/js/index.js b/public/js/index.js
index 1f571850..4110bee6 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -92,7 +92,8 @@ require('../css/extra.css')
 require('../css/slide-preview.css')
 require('../css/site.css')
 
-require('highlight.js/styles/github-gist.css')
+require('highlight.js/styles/github.css')
+require('../css/highlightjs.css')
 require('./fix-aria-hidden-for-modals')
 
 let defaultTextHeight = 20
diff --git a/public/js/pretty.js b/public/js/pretty.js
index 76f5dfb8..a1ca19d5 100644
--- a/public/js/pretty.js
+++ b/public/js/pretty.js
@@ -21,7 +21,8 @@ require('../css/extra.css')
 require('../css/slide-preview.css')
 require('../css/site.css')
 
-require('highlight.js/styles/github-gist.css')
+require('highlight.js/styles/github.css')
+require('../css/highlightjs.css')
 
 const markdown = $('#doc.markdown-body')
 const text = markdown.text()