Add syntax highlighting

ssbc · Nov 25, 2018 · 9416b78 · 9416b78
1 parent 54e0aa5
commit 9416b78
Show file tree

Hide file tree

Showing 3 changed files with 509 additions and 62 deletions.
diff --git a/main-window.js b/main-window.js
@@ -12,6 +12,7 @@ var LatestUpdate = require('./lib/latest-update')
 var ref = require('ssb-ref')
 var setupContextMenuAndSpellCheck = require('./lib/context-menu-and-spellcheck')
 var watch = require('mutant/watch')
+var requireStyle = require('require-style')
 
 module.exports = function (config) {
   var sockets = combine(
@@ -80,6 +81,20 @@ module.exports = function (config) {
     })
   )
 
+  document.head.appendChild(
+    h('style', {
+      innerHTML: computed(api.settings.obs.get('patchwork.theme', 'light'), themeName => {
+        const syntaxThemeOptions = {
+          light: 'github',
+          dark: 'monokai'
+        }
+
+        const syntaxTheme = syntaxThemeOptions[themeName] || syntaxThemeOptions['light']
+        return requireStyle(`highlight.js/styles/${syntaxTheme}.css`)
+      })
+    })
+  )
+
   document.head.appendChild(
     h('style', {
       innerHTML: computed(api.settings.obs.get('patchwork.fontSize'), size => {