fix(renderer): upgrade styles and API of highlight.js

Signed-off-by: Erik Michelson <github@erik.michelson.eu>

public/css/highlightjs.css

@@ -0,0 +1,3 @@
+pre code.hljs {
+  padding: 0;
+}

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)

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')

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

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()