diff --git a/lua/codesnap/static.lua b/lua/codesnap/static.lua
index 72b53de..c73e657 100644
--- a/lua/codesnap/static.lua
+++ b/lua/codesnap/static.lua
@@ -9,6 +9,7 @@ return {
     editor_font_family = "CaskaydiaCove Nerd Font",
     watermark_font_family = "Pacifico",
     auto_load = true,
+    highlight_theme = "atom-one-dark",
   },
   cwd = path_utils.back(path_utils.back(debug.getinfo(1, "S").source:sub(2):match("(.*[/\\])"))),
   preview_switch = true,
diff --git a/makefile b/makefile
index 4087b20..ccdce24 100644
--- a/makefile
+++ b/makefile
@@ -9,3 +9,4 @@ build_server:
 
 make_static_files:
 	cp -r snap-client/build snap-server/public
+	cp -r snap-client/node_modules/highlight.js/styles/ snap-server/public/
diff --git a/snap-client/public/themes.json b/snap-client/public/themes.json
index 27e518b..4fd5c49 100644
--- a/snap-client/public/themes.json
+++ b/snap-client/public/themes.json
@@ -1,496 +1,146 @@
-[ "a11y-dark" ,
-"a11y-dark-min" ,
-"a11y-light" ,
-"a11y-light-min" ,
-"agate" ,
-"agate-min" ,
-"an-old-hope" ,
-"an-old-hope-min" ,
-"androidstudio" ,
-"androidstudio-min" ,
-"arduino-light" ,
-"arduino-light-min" ,
-"arta" ,
-"arta-min" ,
-"ascetic" ,
-"ascetic-min" ,
-"atom-one-dark-reasonable" ,
-"atom-one-dark-reasonable-min" ,
-"atom-one-dark" ,
-"atom-one-dark-min" ,
-"atom-one-light" ,
-"atom-one-light-min" ,
-"base16-3024" ,
-"base16-3024-min" ,
-"base16-apathy" ,
-"base16-apathy-min" ,
-"base16-apprentice" ,
-"base16-apprentice-min" ,
-"base16-ashes" ,
-"base16-ashes-min" ,
-"base16-atelier-cave-light" ,
-"base16-atelier-cave-light-min" ,
-"base16-atelier-cave" ,
-"base16-atelier-cave-min" ,
-"base16-atelier-dune-light" ,
-"base16-atelier-dune-light-min" ,
-"base16-atelier-dune" ,
-"base16-atelier-dune-min" ,
-"base16-atelier-estuary-light" ,
-"base16-atelier-estuary-light-min" ,
-"base16-atelier-estuary" ,
-"base16-atelier-estuary-min" ,
-"base16-atelier-forest-light" ,
-"base16-atelier-forest-light-min" ,
-"base16-atelier-forest" ,
-"base16-atelier-forest-min" ,
-"base16-atelier-heath-light" ,
-"base16-atelier-heath-light-min" ,
-"base16-atelier-heath" ,
-"base16-atelier-heath-min" ,
-"base16-atelier-lakeside-light" ,
-"base16-atelier-lakeside-light-min" ,
-"base16-atelier-lakeside" ,
-"base16-atelier-lakeside-min" ,
-"base16-atelier-plateau-light" ,
-"base16-atelier-plateau-light-min" ,
-"base16-atelier-plateau" ,
-"base16-atelier-plateau-min" ,
-"base16-atelier-savanna-light" ,
-"base16-atelier-savanna-light-min" ,
-"base16-atelier-savanna" ,
-"base16-atelier-savanna-min" ,
-"base16-atelier-seaside-light" ,
-"base16-atelier-seaside-light-min" ,
-"base16-atelier-seaside" ,
-"base16-atelier-seaside-min" ,
-"base16-atelier-sulphurpool-light" ,
-"base16-atelier-sulphurpool-light-min" ,
-"base16-atelier-sulphurpool" ,
-"base16-atelier-sulphurpool-min" ,
-"base16-atlas" ,
-"base16-atlas-min" ,
-"base16-bespin" ,
-"base16-bespin-min" ,
-"base16-black-metal-bathory" ,
-"base16-black-metal-bathory-min" ,
-"base16-black-metal-burzum" ,
-"base16-black-metal-burzum-min" ,
-"base16-black-metal-dark-funeral" ,
-"base16-black-metal-dark-funeral-min" ,
-"base16-black-metal-gorgoroth" ,
-"base16-black-metal-gorgoroth-min" ,
-"base16-black-metal-immortal" ,
-"base16-black-metal-immortal-min" ,
-"base16-black-metal-khold" ,
-"base16-black-metal-khold-min" ,
-"base16-black-metal-marduk" ,
-"base16-black-metal-marduk-min" ,
-"base16-black-metal-mayhem" ,
-"base16-black-metal-mayhem-min" ,
-"base16-black-metal-nile" ,
-"base16-black-metal-nile-min" ,
-"base16-black-metal-venom" ,
-"base16-black-metal-venom-min" ,
-"base16-black-metal" ,
-"base16-black-metal-min" ,
-"base16-brewer" ,
-"base16-brewer-min" ,
-"base16-bright" ,
-"base16-bright-min" ,
-"base16-brogrammer" ,
-"base16-brogrammer-min" ,
-"base16-brush-trees-dark" ,
-"base16-brush-trees-dark-min" ,
-"base16-brush-trees" ,
-"base16-brush-trees-min" ,
-"base16-chalk" ,
-"base16-chalk-min" ,
-"base16-circus" ,
-"base16-circus-min" ,
-"base16-classic-dark" ,
-"base16-classic-dark-min" ,
-"base16-classic-light" ,
-"base16-classic-light-min" ,
-"base16-codeschool" ,
-"base16-codeschool-min" ,
-"base16-colors" ,
-"base16-colors-min" ,
-"base16-cupcake" ,
-"base16-cupcake-min" ,
-"base16-cupertino" ,
-"base16-cupertino-min" ,
-"base16-danqing" ,
-"base16-danqing-min" ,
-"base16-darcula" ,
-"base16-darcula-min" ,
-"base16-dark-violet" ,
-"base16-dark-violet-min" ,
-"base16-darkmoss" ,
-"base16-darkmoss-min" ,
-"base16-darktooth" ,
-"base16-darktooth-min" ,
-"base16-decaf" ,
-"base16-decaf-min" ,
-"base16-default-dark" ,
-"base16-default-dark-min" ,
-"base16-default-light" ,
-"base16-default-light-min" ,
-"base16-dirtysea" ,
-"base16-dirtysea-min" ,
-"base16-dracula" ,
-"base16-dracula-min" ,
-"base16-edge-dark" ,
-"base16-edge-dark-min" ,
-"base16-edge-light" ,
-"base16-edge-light-min" ,
-"base16-eighties" ,
-"base16-eighties-min" ,
-"base16-embers" ,
-"base16-embers-min" ,
-"base16-equilibrium-dark" ,
-"base16-equilibrium-dark-min" ,
-"base16-equilibrium-gray-dark" ,
-"base16-equilibrium-gray-dark-min" ,
-"base16-equilibrium-gray-light" ,
-"base16-equilibrium-gray-light-min" ,
-"base16-equilibrium-light" ,
-"base16-equilibrium-light-min" ,
-"base16-espresso" ,
-"base16-espresso-min" ,
-"base16-eva-dim" ,
-"base16-eva-dim-min" ,
-"base16-eva" ,
-"base16-eva-min" ,
-"base16-flat" ,
-"base16-flat-min" ,
-"base16-framer" ,
-"base16-framer-min" ,
-"base16-fruit-soda" ,
-"base16-fruit-soda-min" ,
-"base16-gigavolt" ,
-"base16-gigavolt-min" ,
-"base16-github" ,
-"base16-github-min" ,
-"base16-google-dark" ,
-"base16-google-dark-min" ,
-"base16-google-light" ,
-"base16-google-light-min" ,
-"base16-grayscale-dark" ,
-"base16-grayscale-dark-min" ,
-"base16-grayscale-light" ,
-"base16-grayscale-light-min" ,
-"base16-green-screen" ,
-"base16-green-screen-min" ,
-"base16-gruvbox-dark-hard" ,
-"base16-gruvbox-dark-hard-min" ,
-"base16-gruvbox-dark-medium" ,
-"base16-gruvbox-dark-medium-min" ,
-"base16-gruvbox-dark-pale" ,
-"base16-gruvbox-dark-pale-min" ,
-"base16-gruvbox-dark-soft" ,
-"base16-gruvbox-dark-soft-min" ,
-"base16-gruvbox-light-hard" ,
-"base16-gruvbox-light-hard-min" ,
-"base16-gruvbox-light-medium" ,
-"base16-gruvbox-light-medium-min" ,
-"base16-gruvbox-light-soft" ,
-"base16-gruvbox-light-soft-min" ,
-"base16-hardcore" ,
-"base16-hardcore-min" ,
-"base16-harmonic16-dark" ,
-"base16-harmonic16-dark-min" ,
-"base16-harmonic16-light" ,
-"base16-harmonic16-light-min" ,
-"base16-heetch-dark" ,
-"base16-heetch-dark-min" ,
-"base16-heetch-light" ,
-"base16-heetch-light-min" ,
-"base16-helios" ,
-"base16-helios-min" ,
-"base16-hopscotch" ,
-"base16-hopscotch-min" ,
-"base16-horizon-dark" ,
-"base16-horizon-dark-min" ,
-"base16-horizon-light" ,
-"base16-horizon-light-min" ,
-"base16-humanoid-dark" ,
-"base16-humanoid-dark-min" ,
-"base16-humanoid-light" ,
-"base16-humanoid-light-min" ,
-"base16-ia-dark" ,
-"base16-ia-dark-min" ,
-"base16-ia-light" ,
-"base16-ia-light-min" ,
-"base16-icy-dark" ,
-"base16-icy-dark-min" ,
-"base16-ir-black" ,
-"base16-ir-black-min" ,
-"base16-isotope" ,
-"base16-isotope-min" ,
-"base16-kimber" ,
-"base16-kimber-min" ,
-"base16-london-tube" ,
-"base16-london-tube-min" ,
-"base16-macintosh" ,
-"base16-macintosh-min" ,
-"base16-marrakesh" ,
-"base16-marrakesh-min" ,
-"base16-materia" ,
-"base16-materia-min" ,
-"base16-material-darker" ,
-"base16-material-darker-min" ,
-"base16-material-lighter" ,
-"base16-material-lighter-min" ,
-"base16-material-palenight" ,
-"base16-material-palenight-min" ,
-"base16-material-vivid" ,
-"base16-material-vivid-min" ,
-"base16-material" ,
-"base16-material-min" ,
-"base16-mellow-purple" ,
-"base16-mellow-purple-min" ,
-"base16-mexico-light" ,
-"base16-mexico-light-min" ,
-"base16-mocha" ,
-"base16-mocha-min" ,
-"base16-monokai" ,
-"base16-monokai-min" ,
-"base16-nebula" ,
-"base16-nebula-min" ,
-"base16-nord" ,
-"base16-nord-min" ,
-"base16-nova" ,
-"base16-nova-min" ,
-"base16-ocean" ,
-"base16-ocean-min" ,
-"base16-oceanicnext" ,
-"base16-oceanicnext-min" ,
-"base16-one-light" ,
-"base16-one-light-min" ,
-"base16-onedark" ,
-"base16-onedark-min" ,
-"base16-outrun-dark" ,
-"base16-outrun-dark-min" ,
-"base16-papercolor-dark" ,
-"base16-papercolor-dark-min" ,
-"base16-papercolor-light" ,
-"base16-papercolor-light-min" ,
-"base16-paraiso" ,
-"base16-paraiso-min" ,
-"base16-pasque" ,
-"base16-pasque-min" ,
-"base16-phd" ,
-"base16-phd-min" ,
-"base16-pico" ,
-"base16-pico-min" ,
-"base16-pop" ,
-"base16-pop-min" ,
-"base16-porple" ,
-"base16-porple-min" ,
-"base16-qualia" ,
-"base16-qualia-min" ,
-"base16-railscasts" ,
-"base16-railscasts-min" ,
-"base16-rebecca" ,
-"base16-rebecca-min" ,
-"base16-ros-pine-dawn" ,
-"base16-ros-pine-dawn-min" ,
-"base16-ros-pine-moon" ,
-"base16-ros-pine-moon-min" ,
-"base16-ros-pine" ,
-"base16-ros-pine-min" ,
-"base16-sagelight" ,
-"base16-sagelight-min" ,
-"base16-sandcastle" ,
-"base16-sandcastle-min" ,
-"base16-seti-ui" ,
-"base16-seti-ui-min" ,
-"base16-shapeshifter" ,
-"base16-shapeshifter-min" ,
-"base16-silk-dark" ,
-"base16-silk-dark-min" ,
-"base16-silk-light" ,
-"base16-silk-light-min" ,
-"base16-snazzy" ,
-"base16-snazzy-min" ,
-"base16-solar-flare-light" ,
-"base16-solar-flare-light-min" ,
-"base16-solar-flare" ,
-"base16-solar-flare-min" ,
-"base16-solarized-dark" ,
-"base16-solarized-dark-min" ,
-"base16-solarized-light" ,
-"base16-solarized-light-min" ,
-"base16-spacemacs" ,
-"base16-spacemacs-min" ,
-"base16-summercamp" ,
-"base16-summercamp-min" ,
-"base16-summerfruit-dark" ,
-"base16-summerfruit-dark-min" ,
-"base16-summerfruit-light" ,
-"base16-summerfruit-light-min" ,
-"base16-synth-midnight-terminal-dark" ,
-"base16-synth-midnight-terminal-dark-min" ,
-"base16-synth-midnight-terminal-light" ,
-"base16-synth-midnight-terminal-light-min" ,
-"base16-tango" ,
-"base16-tango-min" ,
-"base16-tender" ,
-"base16-tender-min" ,
-"base16-tomorrow-night" ,
-"base16-tomorrow-night-min" ,
-"base16-tomorrow" ,
-"base16-tomorrow-min" ,
-"base16-twilight" ,
-"base16-twilight-min" ,
-"base16-unikitty-dark" ,
-"base16-unikitty-dark-min" ,
-"base16-unikitty-light" ,
-"base16-unikitty-light-min" ,
-"base16-vulcan" ,
-"base16-vulcan-min" ,
-"base16-windows-10-light" ,
-"base16-windows-10-light-min" ,
-"base16-windows-10" ,
-"base16-windows-10-min" ,
-"base16-windows-95-light" ,
-"base16-windows-95-light-min" ,
-"base16-windows-95" ,
-"base16-windows-95-min" ,
-"base16-windows-high-contrast-light" ,
-"base16-windows-high-contrast-light-min" ,
-"base16-windows-high-contrast" ,
-"base16-windows-high-contrast-min" ,
-"base16-windows-nt-light" ,
-"base16-windows-nt-light-min" ,
-"base16-windows-nt" ,
-"base16-windows-nt-min" ,
-"base16-woodland" ,
-"base16-woodland-min" ,
-"base16-xcode-dusk" ,
-"base16-xcode-dusk-min" ,
-"base16-zenburn" ,
-"base16-zenburn-min" ,
-"brown-paper" ,
-"brown-paper-min" ,
-"codepen-embed" ,
-"codepen-embed-min" ,
-"color-brewer" ,
-"color-brewer-min" ,
-"dark" ,
-"dark-min" ,
-"default" ,
-"default-min" ,
-"devibeans" ,
-"devibeans-min" ,
-"docco" ,
-"docco-min" ,
-"far" ,
-"far-min" ,
-"felipec" ,
-"felipec-min" ,
-"foundation" ,
-"foundation-min" ,
-"github-dark-dimmed" ,
-"github-dark-dimmed-min" ,
-"github-dark" ,
-"github-dark-min" ,
-"github" ,
-"github-min" ,
-"gml" ,
-"gml-min" ,
-"googlecode" ,
-"googlecode-min" ,
-"gradient-dark" ,
-"gradient-dark-min" ,
-"gradient-light" ,
-"gradient-light-min" ,
-"grayscale" ,
-"grayscale-min" ,
-"hybrid" ,
-"hybrid-min" ,
-"idea" ,
-"idea-min" ,
-"intellij-light" ,
-"intellij-light-min" ,
-"ir-black" ,
-"ir-black-min" ,
-"isbl-editor-dark" ,
-"isbl-editor-dark-min" ,
-"isbl-editor-light" ,
-"isbl-editor-light-min" ,
-"kimbie-dark" ,
-"kimbie-dark-min" ,
-"kimbie-light" ,
-"kimbie-light-min" ,
-"lightfair" ,
-"lightfair-min" ,
-"lioshi" ,
-"lioshi-min" ,
-"magula" ,
-"magula-min" ,
-"mono-blue" ,
-"mono-blue-min" ,
-"monokai-sublime" ,
-"monokai-sublime-min" ,
-"monokai" ,
-"monokai-min" ,
-"night-owl" ,
-"night-owl-min" ,
-"nnfx-dark" ,
-"nnfx-dark-min" ,
-"nnfx-light" ,
-"nnfx-light-min" ,
-"nord" ,
-"nord-min" ,
-"obsidian" ,
-"obsidian-min" ,
-"panda-syntax-dark" ,
-"panda-syntax-dark-min" ,
-"panda-syntax-light" ,
-"panda-syntax-light-min" ,
-"paraiso-dark" ,
-"paraiso-dark-min" ,
-"paraiso-light" ,
-"paraiso-light-min" ,
-"pojoaque" ,
-"pojoaque-min" ,
-"purebasic" ,
-"purebasic-min" ,
-"qtcreator-dark" ,
-"qtcreator-dark-min" ,
-"qtcreator-light" ,
-"qtcreator-light-min" ,
-"rainbow" ,
-"rainbow-min" ,
-"routeros" ,
-"routeros-min" ,
-"school-book" ,
-"school-book-min" ,
-"shades-of-purple" ,
-"shades-of-purple-min" ,
-"srcery" ,
-"srcery-min" ,
-"stackoverflow-dark" ,
-"stackoverflow-dark-min" ,
-"stackoverflow-light" ,
-"stackoverflow-light-min" ,
-"sunburst" ,
-"sunburst-min" ,
-"tokyo-night-dark" ,
-"tokyo-night-dark-min" ,
-"tokyo-night-light" ,
-"tokyo-night-light-min" ,
-"tomorrow-night-blue" ,
-"tomorrow-night-blue-min" ,
-"tomorrow-night-bright" ,
-"tomorrow-night-bright-min" ,
-"vs" ,
-"vs-min" ,
-"vs2015" ,
-"vs2015-min" ,
-"xcode" ,
-"xcode-min" ,
-"xt256" ,
-"xt256-min" ]
+[
+  "a11y-dark",
+  "a11y-dark.min",
+  "a11y-light",
+  "a11y-light.min",
+  "agate",
+  "agate.min",
+  "an-old-hope",
+  "an-old-hope.min",
+  "androidstudio",
+  "androidstudio.min",
+  "arduino-light",
+  "arduino-light.min",
+  "arta",
+  "arta.min",
+  "ascetic",
+  "ascetic.min",
+  "atom-one-dark-reasonable",
+  "atom-one-dark-reasonable.min",
+  "atom-one-dark",
+  "atom-one-dark.min",
+  "atom-one-light",
+  "atom-one-light.min",
+  "brown-paper",
+  "brown-paper.min",
+  "codepen-embed",
+  "codepen-embed.min",
+  "color-brewer",
+  "color-brewer.min",
+  "dark",
+  "dark.min",
+  "default",
+  "default.min",
+  "devibeans",
+  "devibeans.min",
+  "docco",
+  "docco.min",
+  "far",
+  "far.min",
+  "felipec",
+  "felipec.min",
+  "foundation",
+  "foundation.min",
+  "github-dark-dimmed",
+  "github-dark-dimmed.min",
+  "github-dark",
+  "github-dark.min",
+  "github",
+  "github.min",
+  "gml",
+  "gml.min",
+  "googlecode",
+  "googlecode.min",
+  "gradient-dark",
+  "gradient-dark.min",
+  "gradient-light",
+  "gradient-light.min",
+  "grayscale",
+  "grayscale.min",
+  "hybrid",
+  "hybrid.min",
+  "idea",
+  "idea.min",
+  "intellij-light",
+  "intellij-light.min",
+  "ir-black",
+  "ir-black.min",
+  "isbl-editor-dark",
+  "isbl-editor-dark.min",
+  "isbl-editor-light",
+  "isbl-editor-light.min",
+  "kimbie-dark",
+  "kimbie-dark.min",
+  "kimbie-light",
+  "kimbie-light.min",
+  "lightfair",
+  "lightfair.min",
+  "lioshi",
+  "lioshi.min",
+  "magula",
+  "magula.min",
+  "mono-blue",
+  "mono-blue.min",
+  "monokai-sublime",
+  "monokai-sublime.min",
+  "monokai",
+  "monokai.min",
+  "night-owl",
+  "night-owl.min",
+  "nnfx-dark",
+  "nnfx-dark.min",
+  "nnfx-light",
+  "nnfx-light.min",
+  "nord",
+  "nord.min",
+  "obsidian",
+  "obsidian.min",
+  "panda-syntax-dark",
+  "panda-syntax-dark.min",
+  "panda-syntax-light",
+  "panda-syntax-light.min",
+  "paraiso-dark",
+  "paraiso-dark.min",
+  "paraiso-light",
+  "paraiso-light.min",
+  "pojoaque",
+  "pojoaque.min",
+  "purebasic",
+  "purebasic.min",
+  "qtcreator-dark",
+  "qtcreator-dark.min",
+  "qtcreator-light",
+  "qtcreator-light.min",
+  "rainbow",
+  "rainbow.min",
+  "routeros",
+  "routeros.min",
+  "school-book",
+  "school-book.min",
+  "shades-of-purple",
+  "shades-of-purple.min",
+  "srcery",
+  "srcery.min",
+  "stackoverflow-dark",
+  "stackoverflow-dark.min",
+  "stackoverflow-light",
+  "stackoverflow-light.min",
+  "sunburst",
+  "sunburst.min",
+  "tokyo-night-dark",
+  "tokyo-night-dark.min",
+  "tokyo-night-light",
+  "tokyo-night-light.min",
+  "tomorrow-night-blue",
+  "tomorrow-night-blue.min",
+  "tomorrow-night-bright",
+  "tomorrow-night-bright.min",
+  "vs",
+  "vs.min",
+  "vs2015",
+  "vs2015.min",
+  "xcode",
+  "xcode.min",
+  "xt256",
+  "xt256.min"
+]
diff --git a/snap-client/src/app.tsx b/snap-client/src/app.tsx
index 7055bce..0751281 100644
--- a/snap-client/src/app.tsx
+++ b/snap-client/src/app.tsx
@@ -5,7 +5,6 @@ import { useConfig, useEvent } from "./hooks";
 import { toPng, toBlob } from "html-to-image";
 import download from "downloadjs";
 import { getWebsocketHost } from "./utils";
-import "./themes.css";
 
 const CODE_EMPTY_PLACEHOLDER = `print "Hello, CodeSnap.nvim!"`;
 const WATER_MARK_PLACEHOLDER = "CodeSnap.nvim";
@@ -19,7 +18,7 @@ function App() {
   const config = useConfig(event?.config_setup);
   const frameRef = useRef<HTMLDivElement | null>(null);
   const [isCopyButtonDisabled, setIsCopyButtonDisabled] = useState(false);
-  var theme = DEFAULT_THEME;
+  var currentTheme = useState<string>(config?.highlight_theme ?? DEFAULT_THEME)[0];   
 
   const handleCopyButtonClick = useCallback(async () => {
     if (!frameRef.current) {
@@ -60,6 +59,26 @@ function App() {
     sendMessage(dataURL);
   }, [sendMessage]);
 
+  const changeTheme = (theme: string) => {
+    const cssLink = document.createElement("link");
+    cssLink.id = "theme-link";
+    theme = theme ?? DEFAULT_THEME;
+
+    const oldLink = document.getElementById("theme-link");
+    if (oldLink) {
+      document.head.removeChild(oldLink);
+    }
+
+    console.log(`Loading theme: ${theme}`);
+
+    import(`./styles/${theme}.css`).then((module) => {
+      cssLink.href = module.default;
+      cssLink.rel = "stylesheet";
+      document.head.appendChild(cssLink);
+      currentTheme = theme;
+    });
+  };
+
   useEffect(() => {
     if (readyState !== ReadyState.OPEN || !event?.copy) {
       return;
@@ -72,10 +91,10 @@ function App() {
     document.title = config?.preview_title ?? PREVIEW_TITLE_PLACEHOLDER;
   }, [config?.preview_title]);
 
-  const changeTheme = (theme: string) => {
-    var new_theme = "theme-" + theme;
-    document.body.className = new_theme;
-}
+  useEffect(() => {
+    changeTheme(currentTheme);
+    console.log("Theme changed to: ", currentTheme);
+  }, [currentTheme]);
 
   return (
     <div className="w-full h-full flex flex-col items-center bg-deep-gray">
@@ -89,6 +108,7 @@ function App() {
           onCopyClick={handleCopyButtonClick}
           readyState={readyState}
           onThemeChangeProp={changeTheme}
+          theme={currentTheme}
         />
         <div id="frame" className="rounded-xl overflow-hidden">
           <Frame
diff --git a/snap-client/src/components/control-bar/control-bar.tsx b/snap-client/src/components/control-bar/control-bar.tsx
index 4a9e766..5b21347 100644
--- a/snap-client/src/components/control-bar/control-bar.tsx
+++ b/snap-client/src/components/control-bar/control-bar.tsx
@@ -8,6 +8,7 @@ interface ControlBarProps {
   onExportClick(): void;
   readyState: ReadyState;
   onThemeChangeProp(theme: string): void;
+  theme: string;
 }
 
 export const ControlBar = ({
@@ -16,6 +17,7 @@ export const ControlBar = ({
   isCopyButtonDisabled,
   readyState,
   onThemeChangeProp,
+  theme,
 }: ControlBarProps) => {
   return (
     <div className="bg-neutral rounded-xl mb-2 p-1 flex flex-row items-center">
@@ -63,6 +65,7 @@ export const ControlBar = ({
           </svg>{" "}
         </button>
       <ThemeSelector
+        theme={theme}
         onChangeTheme={(theme: string) => {
           onThemeChangeProp(theme);
         }}
diff --git a/snap-client/src/components/control-bar/theme-selector/theme-selector.tsx b/snap-client/src/components/control-bar/theme-selector/theme-selector.tsx
index 30fcb61..495ef9e 100644
--- a/snap-client/src/components/control-bar/theme-selector/theme-selector.tsx
+++ b/snap-client/src/components/control-bar/theme-selector/theme-selector.tsx
@@ -1,8 +1,15 @@
 import React, { useEffect, useState } from 'react';
 
-const ThemeSelector = ({ onChangeTheme }: { onChangeTheme: (theme: string) => void }) => {
-  const [theme, setTheme] = useState('theme1');
+var init = false;
 
+const ThemeSelector = ({
+  onChangeTheme,
+  theme
+}: {
+  onChangeTheme: (theme: string) => void,
+  theme: string
+}) => {
+  const [local_theme, setTheme] = useState(theme);
 
   const fetchThemes: () => Promise<string[]> = () => {
     const themes = fetch('/themes.json')
@@ -30,7 +37,7 @@ const ThemeSelector = ({ onChangeTheme }: { onChangeTheme: (theme: string) => vo
   return (
     <div className="theme-dropdown">
       <select
-        value={theme}
+        value={local_theme}
         onChange={handleThemeChange}
         className="text-white py-2 px-4 rounded-md focus:outline-none mr-1"
         style={{
@@ -44,8 +51,10 @@ const ThemeSelector = ({ onChangeTheme }: { onChangeTheme: (theme: string) => vo
           color: 'hsl(220 13% 69%)'
         }}
       >
-        {themes.map((theme: string) => (
-          <option value={theme}>{theme}</option>
+        {themes.map((theme) => (
+          <option key={theme} value={theme}>
+            {theme}
+          </option>
         ))}
       </select>
     </div>
diff --git a/snap-client/src/hooks/use-config.ts b/snap-client/src/hooks/use-config.ts
index d544522..fd36d4d 100644
--- a/snap-client/src/hooks/use-config.ts
+++ b/snap-client/src/hooks/use-config.ts
@@ -8,6 +8,7 @@ export interface Config {
   preview_title: string;
   watermark_font_family: string;
   editor_font_family: string;
+  highlight_theme: string;
 }
 
 const CONFIG_STORAGE_KEY = "CONFIG_STORAGE_KEY";
diff --git a/snap-client/src/styles/a11y-dark.css b/snap-client/src/styles/a11y-dark.css
new file mode 100644
index 0000000..0d11216
--- /dev/null
+++ b/snap-client/src/styles/a11y-dark.css
@@ -0,0 +1,94 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: a11y-dark
+  Author: @ericwbailey
+  Maintainer: @ericwbailey
+
+  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
+*/
+.hljs {
+  background: #2b2b2b;
+  color: #f8f8f2
+}
+/* Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #d4d0ab
+}
+/* Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #ffa07a
+}
+/* Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link {
+  color: #f5ab35
+}
+/* Yellow */
+.hljs-attribute {
+  color: #ffd700
+}
+/* Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #abe338
+}
+/* Blue */
+.hljs-title,
+.hljs-section {
+  color: #00e0e0
+}
+/* Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #dcc6e0
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+@media screen and (-ms-high-contrast: active) {
+  .hljs-addition,
+  .hljs-attribute,
+  .hljs-built_in,
+  .hljs-bullet,
+  .hljs-comment,
+  .hljs-link,
+  .hljs-literal,
+  .hljs-meta,
+  .hljs-number,
+  .hljs-params,
+  .hljs-string,
+  .hljs-symbol,
+  .hljs-type,
+  .hljs-quote {
+    color: highlight
+  }
+  .hljs-keyword,
+  .hljs-selector-tag {
+    font-weight: bold
+  }
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/a11y-dark.min.css b/snap-client/src/styles/a11y-dark.min.css
new file mode 100644
index 0000000..7820d7d
--- /dev/null
+++ b/snap-client/src/styles/a11y-dark.min.css
@@ -0,0 +1,7 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: a11y-dark
+  Author: @ericwbailey
+  Maintainer: @ericwbailey
+
+  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
+*/.hljs{background:#2b2b2b;color:#f8f8f2}.hljs-comment,.hljs-quote{color:#d4d0ab}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ffa07a}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5ab35}.hljs-attribute{color:gold}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#abe338}.hljs-section,.hljs-title{color:#00e0e0}.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}
\ No newline at end of file
diff --git a/snap-client/src/styles/a11y-light.css b/snap-client/src/styles/a11y-light.css
new file mode 100644
index 0000000..a8af1d1
--- /dev/null
+++ b/snap-client/src/styles/a11y-light.css
@@ -0,0 +1,94 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: a11y-light
+  Author: @ericwbailey
+  Maintainer: @ericwbailey
+
+  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
+*/
+.hljs {
+  background: #fefefe;
+  color: #545454
+}
+/* Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #696969
+}
+/* Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #d91e18
+}
+/* Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link {
+  color: #aa5d00
+}
+/* Yellow */
+.hljs-attribute {
+  color: #aa5d00
+}
+/* Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #008000
+}
+/* Blue */
+.hljs-title,
+.hljs-section {
+  color: #007faa
+}
+/* Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #7928a1
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+@media screen and (-ms-high-contrast: active) {
+  .hljs-addition,
+  .hljs-attribute,
+  .hljs-built_in,
+  .hljs-bullet,
+  .hljs-comment,
+  .hljs-link,
+  .hljs-literal,
+  .hljs-meta,
+  .hljs-number,
+  .hljs-params,
+  .hljs-string,
+  .hljs-symbol,
+  .hljs-type,
+  .hljs-quote {
+    color: highlight
+  }
+  .hljs-keyword,
+  .hljs-selector-tag {
+    font-weight: bold
+  }
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/a11y-light.min.css b/snap-client/src/styles/a11y-light.min.css
new file mode 100644
index 0000000..8b5ab90
--- /dev/null
+++ b/snap-client/src/styles/a11y-light.min.css
@@ -0,0 +1,7 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: a11y-light
+  Author: @ericwbailey
+  Maintainer: @ericwbailey
+
+  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
+*/.hljs{background:#fefefe;color:#545454}.hljs-comment,.hljs-quote{color:#696969}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#d91e18}.hljs-attribute,.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#aa5d00}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:green}.hljs-section,.hljs-title{color:#007faa}.hljs-keyword,.hljs-selector-tag{color:#7928a1}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}
\ No newline at end of file
diff --git a/snap-client/src/styles/agate.css b/snap-client/src/styles/agate.css
new file mode 100644
index 0000000..8da5740
--- /dev/null
+++ b/snap-client/src/styles/agate.css
@@ -0,0 +1,127 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+   Theme: Agate
+   Author: (c) Taufik Nurrohman <hi@taufik-nurrohman.com>
+   Maintainer: @taufik-nurrohman
+   Updated: 2021-04-24
+
+   #333
+   #62c8f3
+   #7bd694
+   #888
+   #a2fca2
+   #ade5fc
+   #b8d8a2
+   #c6b4f0
+   #d36363
+   #fc9b9b
+   #fcc28c
+   #ffa
+   #fff
+*/
+.hljs {
+  background: #333;
+  color: #fff
+}
+.hljs-doctag,
+.hljs-meta-keyword,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-code,
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-section,
+.hljs-tag {
+  color: #62c8f3
+}
+.hljs-selector-class,
+.hljs-selector-id,
+.hljs-template-variable,
+.hljs-variable {
+  color: #ade5fc
+}
+.hljs-meta-string,
+.hljs-string {
+  color: #a2fca2
+}
+.hljs-attr,
+.hljs-quote,
+.hljs-selector-attr {
+  color: #7bd694
+}
+.hljs-tag .hljs-attr {
+  color: inherit
+}
+.hljs-attribute,
+.hljs-title,
+.hljs-type {
+  color: #ffa
+}
+.hljs-number,
+.hljs-symbol {
+  color: #d36363
+}
+.hljs-bullet,
+.hljs-template-tag {
+  color: #b8d8a2
+}
+.hljs-built_in,
+.hljs-keyword,
+.hljs-literal,
+.hljs-selector-tag {
+  color: #fcc28c
+}
+.hljs-code,
+.hljs-comment,
+.hljs-formula {
+  color: #888
+}
+.hljs-link,
+.hljs-selector-pseudo,
+.hljs-regexp {
+  color: #c6b4f0
+}
+.hljs-meta {
+  color: #fc9b9b
+}
+.hljs-deletion {
+  background: #fc9b9b;
+  color: #333
+}
+.hljs-addition {
+  background: #a2fca2;
+  color: #333
+}
+/* Purposely ignored */
+.hljs-operator,
+.hljs-params,
+.hljs-property,
+.hljs-punctuation {
+  
+}
+.hljs-subst {
+  color: #fff
+}
+/* This applies only if HTML auto-merging plugin is enabled by user (#2889) */
+.hljs a {
+  color: inherit
+}
+.hljs a:focus,
+.hljs a:hover {
+  color: inherit;
+  text-decoration: underline
+}
+.hljs mark {
+  background: #555;
+  color: inherit
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/agate.min.css b/snap-client/src/styles/agate.min.css
new file mode 100644
index 0000000..bdbeed4
--- /dev/null
+++ b/snap-client/src/styles/agate.min.css
@@ -0,0 +1,20 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+   Theme: Agate
+   Author: (c) Taufik Nurrohman <hi@taufik-nurrohman.com>
+   Maintainer: @taufik-nurrohman
+   Updated: 2021-04-24
+
+   #333
+   #62c8f3
+   #7bd694
+   #888
+   #a2fca2
+   #ade5fc
+   #b8d8a2
+   #c6b4f0
+   #d36363
+   #fc9b9b
+   #fcc28c
+   #ffa
+   #fff
+*/.hljs{background:#333;color:#fff}.hljs-doctag,.hljs-meta-keyword,.hljs-name,.hljs-strong{font-weight:700}.hljs-code,.hljs-emphasis{font-style:italic}.hljs-section,.hljs-tag{color:#62c8f3}.hljs-selector-class,.hljs-selector-id,.hljs-template-variable,.hljs-variable{color:#ade5fc}.hljs-meta-string,.hljs-string{color:#a2fca2}.hljs-attr,.hljs-quote,.hljs-selector-attr{color:#7bd694}.hljs-tag .hljs-attr{color:inherit}.hljs-attribute,.hljs-title,.hljs-type{color:#ffa}.hljs-number,.hljs-symbol{color:#d36363}.hljs-bullet,.hljs-template-tag{color:#b8d8a2}.hljs-built_in,.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:#fcc28c}.hljs-code,.hljs-comment,.hljs-formula{color:#888}.hljs-link,.hljs-regexp,.hljs-selector-pseudo{color:#c6b4f0}.hljs-meta{color:#fc9b9b}.hljs-deletion{background:#fc9b9b;color:#333}.hljs-addition{background:#a2fca2;color:#333}.hljs-subst{color:#fff}.hljs a{color:inherit}.hljs a:focus,.hljs a:hover{color:inherit;text-decoration:underline}.hljs mark{background:#555;color:inherit}
\ No newline at end of file
diff --git a/snap-client/src/styles/an-old-hope.css b/snap-client/src/styles/an-old-hope.css
new file mode 100644
index 0000000..6ecfe53
--- /dev/null
+++ b/snap-client/src/styles/an-old-hope.css
@@ -0,0 +1,75 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: An Old Hope – Star Wars Syntax
+  Author: (c) Gustavo Costa <gusbemacbe@gmail.com>
+  Maintainer: @gusbemacbe
+
+  Original theme - Ocean Dark Theme – by https://github.com/gavsiu
+  Based on Jesse Leite's Atom syntax theme 'An Old Hope'
+    https://github.com/JesseLeite/an-old-hope-syntax-atom
+*/
+/* Millenium Falcon */
+.hljs {
+  background: #1C1D21;
+  color: #c0c5ce
+}
+/* Death Star Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #B6B18B
+}
+/* Darth Vader */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #EB3C54
+}
+/* Threepio */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link {
+  color: #E7CE56
+}
+/* Luke Skywalker */
+.hljs-attribute {
+  color: #EE7C2B
+}
+/* Obi Wan Kenobi */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #4FB4D7
+}
+/* Yoda */
+.hljs-title,
+.hljs-section {
+  color: #78BB65
+}
+/* Mace Windu */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #B45EA4
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/an-old-hope.min.css b/snap-client/src/styles/an-old-hope.min.css
new file mode 100644
index 0000000..ffc7f8c
--- /dev/null
+++ b/snap-client/src/styles/an-old-hope.min.css
@@ -0,0 +1,9 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: An Old Hope – Star Wars Syntax
+  Author: (c) Gustavo Costa <gusbemacbe@gmail.com>
+  Maintainer: @gusbemacbe
+
+  Original theme - Ocean Dark Theme – by https://github.com/gavsiu
+  Based on Jesse Leite's Atom syntax theme 'An Old Hope'
+    https://github.com/JesseLeite/an-old-hope-syntax-atom
+*/.hljs{background:#1c1d21;color:#c0c5ce}.hljs-comment,.hljs-quote{color:#b6b18b}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#eb3c54}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#e7ce56}.hljs-attribute{color:#ee7c2b}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#4fb4d7}.hljs-section,.hljs-title{color:#78bb65}.hljs-keyword,.hljs-selector-tag{color:#b45ea4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/androidstudio.css b/snap-client/src/styles/androidstudio.css
new file mode 100644
index 0000000..979dad2
--- /dev/null
+++ b/snap-client/src/styles/androidstudio.css
@@ -0,0 +1,60 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Date: 24 Fev 2015
+Author: Pedro Oliveira <kanytu@gmail . com>
+*/
+.hljs {
+  color: #a9b7c6;
+  background: #282b2e
+}
+.hljs-number,
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet {
+  color: #6897BB
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-deletion {
+  color: #cc7832
+}
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link {
+  color: #629755
+}
+.hljs-comment,
+.hljs-quote {
+  color: #808080
+}
+.hljs-meta {
+  color: #bbb529
+}
+.hljs-string,
+.hljs-attribute,
+.hljs-addition {
+  color: #6A8759
+}
+.hljs-section,
+.hljs-title,
+.hljs-type {
+  color: #ffc66d
+}
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #e8bf6a
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/androidstudio.min.css b/snap-client/src/styles/androidstudio.min.css
new file mode 100644
index 0000000..7fbe783
--- /dev/null
+++ b/snap-client/src/styles/androidstudio.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a9b7c6;background:#282b2e}.hljs-bullet,.hljs-literal,.hljs-number,.hljs-symbol{color:#6897bb}.hljs-deletion,.hljs-keyword,.hljs-selector-tag{color:#cc7832}.hljs-link,.hljs-template-variable,.hljs-variable{color:#629755}.hljs-comment,.hljs-quote{color:grey}.hljs-meta{color:#bbb529}.hljs-addition,.hljs-attribute,.hljs-string{color:#6a8759}.hljs-section,.hljs-title,.hljs-type{color:#ffc66d}.hljs-name,.hljs-selector-class,.hljs-selector-id{color:#e8bf6a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/arduino-light.css b/snap-client/src/styles/arduino-light.css
new file mode 100644
index 0000000..743ce34
--- /dev/null
+++ b/snap-client/src/styles/arduino-light.css
@@ -0,0 +1,78 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Arduino® Light Theme - Stefania Mellai <s.mellai@arduino.cc>
+
+*/
+.hljs {
+  background: white;
+  color: #434f54
+}
+.hljs-subst {
+  color: #434f54
+}
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-doctag,
+.hljs-name {
+  color: #00979D
+}
+.hljs-built_in,
+.hljs-literal,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #D35400
+}
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #00979D
+}
+.hljs-type,
+.hljs-string,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #005C5F
+}
+.hljs-comment {
+  color: rgba(149,165,166,.8)
+}
+.hljs-meta .hljs-keyword {
+  color: #728E00
+}
+.hljs-meta {
+  color: #434f54
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-function {
+  color: #728E00
+}
+.hljs-title,
+.hljs-section {
+  color: #880000;
+  font-weight: bold
+}
+.hljs-number {
+  color: #8A7B52
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/arduino-light.min.css b/snap-client/src/styles/arduino-light.min.css
new file mode 100644
index 0000000..cadb130
--- /dev/null
+++ b/snap-client/src/styles/arduino-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#434f54}.hljs-subst{color:#434f54}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#00979d}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code,.hljs-literal{color:#d35400}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#00979d}.hljs-deletion,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#005c5f}.hljs-comment{color:rgba(149,165,166,.8)}.hljs-meta .hljs-keyword{color:#728e00}.hljs-meta{color:#434f54}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-function{color:#728e00}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-number{color:#8a7b52}
\ No newline at end of file
diff --git a/snap-client/src/styles/arta.css b/snap-client/src/styles/arta.css
new file mode 100644
index 0000000..98a5b2b
--- /dev/null
+++ b/snap-client/src/styles/arta.css
@@ -0,0 +1,66 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Date: 17.V.2011
+Author: pumbur <pumbur@pumbur.net>
+*/
+.hljs {
+  background: #222;
+  color: #aaa
+}
+.hljs-subst {
+  color: #aaa
+}
+.hljs-section {
+  color: #fff
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-meta {
+  color: #444
+}
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-regexp {
+  color: #ffcc33
+}
+.hljs-number,
+.hljs-addition {
+  color: #00cc66
+}
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-template-variable,
+.hljs-attribute,
+.hljs-link {
+  color: #32aaee
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #6644aa
+}
+.hljs-title,
+.hljs-variable,
+.hljs-deletion,
+.hljs-template-tag {
+  color: #bb1166
+}
+.hljs-section,
+.hljs-doctag,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/arta.min.css b/snap-client/src/styles/arta.min.css
new file mode 100644
index 0000000..8dcdc74
--- /dev/null
+++ b/snap-client/src/styles/arta.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#222;color:#aaa}.hljs-subst{color:#aaa}.hljs-section{color:#fff}.hljs-comment,.hljs-meta,.hljs-quote{color:#444}.hljs-bullet,.hljs-regexp,.hljs-string,.hljs-symbol{color:#fc3}.hljs-addition,.hljs-number{color:#0c6}.hljs-attribute,.hljs-built_in,.hljs-link,.hljs-literal,.hljs-template-variable,.hljs-type{color:#32aaee}.hljs-keyword,.hljs-name,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag{color:#64a}.hljs-deletion,.hljs-template-tag,.hljs-title,.hljs-variable{color:#b16}.hljs-doctag,.hljs-section,.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/snap-client/src/styles/ascetic.css b/snap-client/src/styles/ascetic.css
new file mode 100644
index 0000000..27a4dbe
--- /dev/null
+++ b/snap-client/src/styles/ascetic.css
@@ -0,0 +1,45 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
+
+*/
+.hljs {
+  background: white;
+  color: black
+}
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-section,
+.hljs-addition,
+.hljs-attribute,
+.hljs-link {
+  color: #888
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-meta,
+.hljs-deletion {
+  color: #ccc
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-section,
+.hljs-name,
+.hljs-type,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/ascetic.min.css b/snap-client/src/styles/ascetic.min.css
new file mode 100644
index 0000000..3c9fe03
--- /dev/null
+++ b/snap-client/src/styles/ascetic.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#000}.hljs-addition,.hljs-attribute,.hljs-bullet,.hljs-link,.hljs-section,.hljs-string,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#888}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:#ccc}.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-strong,.hljs-type{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/snap-client/src/styles/atom-one-dark-reasonable.css b/snap-client/src/styles/atom-one-dark-reasonable.css
new file mode 100644
index 0000000..ccfab91
--- /dev/null
+++ b/snap-client/src/styles/atom-one-dark-reasonable.css
@@ -0,0 +1,105 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Atom One Dark With support for ReasonML by Gidi Morris, based off work by Daniel Gamage
+
+Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
+
+*/
+.hljs {
+  color: #abb2bf;
+  background: #282c34
+}
+.hljs-keyword,
+.hljs-operator {
+  color: #F92672
+}
+.hljs-pattern-match {
+  color: #F92672
+}
+.hljs-pattern-match .hljs-constructor {
+  color: #61aeee
+}
+.hljs-function {
+  color: #61aeee
+}
+.hljs-function .hljs-params {
+  color: #A6E22E
+}
+.hljs-function .hljs-params .hljs-typing {
+  color: #FD971F
+}
+.hljs-module-access .hljs-module {
+  color: #7e57c2
+}
+.hljs-constructor {
+  color: #e2b93d
+}
+.hljs-constructor .hljs-string {
+  color: #9CCC65
+}
+.hljs-comment,
+.hljs-quote {
+  color: #b18eb1;
+  font-style: italic
+}
+.hljs-doctag,
+.hljs-formula {
+  color: #c678dd
+}
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+  color: #e06c75
+}
+.hljs-literal {
+  color: #56b6c2
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta .hljs-string {
+  color: #98c379
+}
+.hljs-built_in,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #e6c07b
+}
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+  color: #d19a66
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+  color: #61aeee
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link {
+  text-decoration: underline
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/atom-one-dark-reasonable.min.css b/snap-client/src/styles/atom-one-dark-reasonable.min.css
new file mode 100644
index 0000000..9296216
--- /dev/null
+++ b/snap-client/src/styles/atom-one-dark-reasonable.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-keyword,.hljs-operator,.hljs-pattern-match{color:#f92672}.hljs-function,.hljs-pattern-match .hljs-constructor{color:#61aeee}.hljs-function .hljs-params{color:#a6e22e}.hljs-function .hljs-params .hljs-typing{color:#fd971f}.hljs-module-access .hljs-module{color:#7e57c2}.hljs-constructor{color:#e2b93d}.hljs-constructor .hljs-string{color:#9ccc65}.hljs-comment,.hljs-quote{color:#b18eb1;font-style:italic}.hljs-doctag,.hljs-formula{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}
\ No newline at end of file
diff --git a/snap-client/src/styles/atom-one-dark.css b/snap-client/src/styles/atom-one-dark.css
new file mode 100644
index 0000000..3c51ce6
--- /dev/null
+++ b/snap-client/src/styles/atom-one-dark.css
@@ -0,0 +1,90 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Atom One Dark by Daniel Gamage
+Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
+
+base:    #282c34
+mono-1:  #abb2bf
+mono-2:  #818896
+mono-3:  #5c6370
+hue-1:   #56b6c2
+hue-2:   #61aeee
+hue-3:   #c678dd
+hue-4:   #98c379
+hue-5:   #e06c75
+hue-5-2: #be5046
+hue-6:   #d19a66
+hue-6-2: #e6c07b
+
+*/
+.hljs {
+  color: #abb2bf;
+  background: #282c34
+}
+.hljs-comment,
+.hljs-quote {
+  color: #5c6370;
+  font-style: italic
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-formula {
+  color: #c678dd
+}
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+  color: #e06c75
+}
+.hljs-literal {
+  color: #56b6c2
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta .hljs-string {
+  color: #98c379
+}
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+  color: #d19a66
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+  color: #61aeee
+}
+.hljs-built_in,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #e6c07b
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link {
+  text-decoration: underline
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/atom-one-dark.min.css b/snap-client/src/styles/atom-one-dark.min.css
new file mode 100644
index 0000000..5344ee3
--- /dev/null
+++ b/snap-client/src/styles/atom-one-dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}
\ No newline at end of file
diff --git a/snap-client/src/styles/atom-one-light.css b/snap-client/src/styles/atom-one-light.css
new file mode 100644
index 0000000..26dd7ec
--- /dev/null
+++ b/snap-client/src/styles/atom-one-light.css
@@ -0,0 +1,90 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Atom One Light by Daniel Gamage
+Original One Light Syntax theme from https://github.com/atom/one-light-syntax
+
+base:    #fafafa
+mono-1:  #383a42
+mono-2:  #686b77
+mono-3:  #a0a1a7
+hue-1:   #0184bb
+hue-2:   #4078f2
+hue-3:   #a626a4
+hue-4:   #50a14f
+hue-5:   #e45649
+hue-5-2: #c91243
+hue-6:   #986801
+hue-6-2: #c18401
+
+*/
+.hljs {
+  color: #383a42;
+  background: #fafafa
+}
+.hljs-comment,
+.hljs-quote {
+  color: #a0a1a7;
+  font-style: italic
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-formula {
+  color: #a626a4
+}
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+  color: #e45649
+}
+.hljs-literal {
+  color: #0184bb
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta .hljs-string {
+  color: #50a14f
+}
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+  color: #986801
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+  color: #4078f2
+}
+.hljs-built_in,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #c18401
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link {
+  text-decoration: underline
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/atom-one-light.min.css b/snap-client/src/styles/atom-one-light.min.css
new file mode 100644
index 0000000..df0268a
--- /dev/null
+++ b/snap-client/src/styles/atom-one-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383a42;background:#fafafa}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/3024.css b/snap-client/src/styles/base16/3024.css
new file mode 100644
index 0000000..b7f4ea3
--- /dev/null
+++ b/snap-client/src/styles/base16/3024.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: 3024
+  Author: Jan T. Sott (http://github.com/idleberg)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme 3024
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #090300  Default Background
+base01  #3a3432  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4a4543  Selection Background
+base03  #5c5855  Comments, Invisibles, Line Highlighting
+base04  #807d7c  Dark Foreground (Used for status bars)
+base05  #a5a2a2  Default Foreground, Caret, Delimiters, Operators
+base06  #d6d5d4  Light Foreground (Not often used)
+base07  #f7f7f7  Light Background (Not often used)
+base08  #db2d20  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #e8bbd0  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fded02  Classes, Markup Bold, Search Text Background
+base0B  #01a252  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #b5e4f4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #01a0e4  Functions, Methods, Attribute IDs, Headings
+base0E  #a16a94  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #cdab53  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a5a2a2;
+  background: #090300
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4a4543;
+  color: #a5a2a2
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5c5855 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5c5855
+}
+/* base04 - #807d7c -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #807d7c
+}
+/* base05 - #a5a2a2 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a5a2a2
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #db2d20
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #e8bbd0
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fded02
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fded02
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #01a252
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #b5e4f4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #01a0e4
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a16a94
+}
+.hljs-emphasis {
+  color: #a16a94;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #cdab53
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/3024.min.css b/snap-client/src/styles/base16/3024.min.css
new file mode 100644
index 0000000..55cff40
--- /dev/null
+++ b/snap-client/src/styles/base16/3024.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: 3024
+  Author: Jan T. Sott (http://github.com/idleberg)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a5a2a2;background:#090300}.hljs ::selection,.hljs::selection{background-color:#4a4543;color:#a5a2a2}.hljs-comment{color:#5c5855}.hljs-tag{color:#807d7c}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a5a2a2}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#db2d20}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e8bbd0}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fded02}.hljs-strong{font-weight:700;color:#fded02}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#01a252}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#b5e4f4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#01a0e4}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a16a94}.hljs-emphasis{color:#a16a94;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#cdab53}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/apathy.css b/snap-client/src/styles/base16/apathy.css
new file mode 100644
index 0000000..7aa2b7b
--- /dev/null
+++ b/snap-client/src/styles/base16/apathy.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Apathy
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme apathy
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #031A16  Default Background
+base01  #0B342D  Lighter Background (Used for status bars, line number and folding marks)
+base02  #184E45  Selection Background
+base03  #2B685E  Comments, Invisibles, Line Highlighting
+base04  #5F9C92  Dark Foreground (Used for status bars)
+base05  #81B5AC  Default Foreground, Caret, Delimiters, Operators
+base06  #A7CEC8  Light Foreground (Not often used)
+base07  #D2E7E4  Light Background (Not often used)
+base08  #3E9688  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #3E7996  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #3E4C96  Classes, Markup Bold, Search Text Background
+base0B  #883E96  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #963E4C  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #96883E  Functions, Methods, Attribute IDs, Headings
+base0E  #4C963E  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #3E965B  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #81B5AC;
+  background: #031A16
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #184E45;
+  color: #81B5AC
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #2B685E -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #2B685E
+}
+/* base04 - #5F9C92 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5F9C92
+}
+/* base05 - #81B5AC -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #81B5AC
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #3E9688
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #3E7996
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #3E4C96
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #3E4C96
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #883E96
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #963E4C
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #96883E
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #4C963E
+}
+.hljs-emphasis {
+  color: #4C963E;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #3E965B
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/apathy.min.css b/snap-client/src/styles/base16/apathy.min.css
new file mode 100644
index 0000000..44368e6
--- /dev/null
+++ b/snap-client/src/styles/base16/apathy.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Apathy
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#81b5ac;background:#031a16}.hljs ::selection,.hljs::selection{background-color:#184e45;color:#81b5ac}.hljs-comment{color:#2b685e}.hljs-tag{color:#5f9c92}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#81b5ac}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#3e9688}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#3e7996}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#3e4c96}.hljs-strong{font-weight:700;color:#3e4c96}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#883e96}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#963e4c}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#96883e}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#4c963e}.hljs-emphasis{color:#4c963e;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#3e965b}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/apprentice.css b/snap-client/src/styles/base16/apprentice.css
new file mode 100644
index 0000000..6f92cfd
--- /dev/null
+++ b/snap-client/src/styles/base16/apprentice.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Apprentice
+  Author: romainl
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme apprentice
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #262626  Default Background
+base01  #303030  Lighter Background (Used for status bars, line number and folding marks)
+base02  #333333  Selection Background
+base03  #6C6C6C  Comments, Invisibles, Line Highlighting
+base04  #787878  Dark Foreground (Used for status bars)
+base05  #BCBCBC  Default Foreground, Caret, Delimiters, Operators
+base06  #C9C9C9  Light Foreground (Not often used)
+base07  #FFFFFF  Light Background (Not often used)
+base08  #5F8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #FF8700  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #5F8787  Classes, Markup Bold, Search Text Background
+base0B  #87AF87  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5F875F  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #FFFFAF  Functions, Methods, Attribute IDs, Headings
+base0E  #87AFD7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #5F87AF  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #BCBCBC;
+  background: #262626
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #333333;
+  color: #BCBCBC
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6C6C6C -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6C6C6C
+}
+/* base04 - #787878 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #787878
+}
+/* base05 - #BCBCBC -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #BCBCBC
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5F8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #FF8700
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #5F8787
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #5F8787
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #87AF87
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5F875F
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #FFFFAF
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #87AFD7
+}
+.hljs-emphasis {
+  color: #87AFD7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #5F87AF
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/apprentice.min.css b/snap-client/src/styles/base16/apprentice.min.css
new file mode 100644
index 0000000..00dc982
--- /dev/null
+++ b/snap-client/src/styles/base16/apprentice.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Apprentice
+  Author: romainl
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#bcbcbc;background:#262626}.hljs ::selection,.hljs::selection{background-color:#333;color:#bcbcbc}.hljs-comment{color:#6c6c6c}.hljs-tag{color:#787878}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#bcbcbc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff8700}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#5f8787}.hljs-strong{font-weight:700;color:#5f8787}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#87af87}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5f875f}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#ffffaf}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#87afd7}.hljs-emphasis{color:#87afd7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#5f87af}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ashes.css b/snap-client/src/styles/base16/ashes.css
new file mode 100644
index 0000000..84a6ab4
--- /dev/null
+++ b/snap-client/src/styles/base16/ashes.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Ashes
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ashes
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1C2023  Default Background
+base01  #393F45  Lighter Background (Used for status bars, line number and folding marks)
+base02  #565E65  Selection Background
+base03  #747C84  Comments, Invisibles, Line Highlighting
+base04  #ADB3BA  Dark Foreground (Used for status bars)
+base05  #C7CCD1  Default Foreground, Caret, Delimiters, Operators
+base06  #DFE2E5  Light Foreground (Not often used)
+base07  #F3F4F5  Light Background (Not often used)
+base08  #C7AE95  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #C7C795  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #AEC795  Classes, Markup Bold, Search Text Background
+base0B  #95C7AE  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #95AEC7  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #AE95C7  Functions, Methods, Attribute IDs, Headings
+base0E  #C795AE  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #C79595  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #C7CCD1;
+  background: #1C2023
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #565E65;
+  color: #C7CCD1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #747C84 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #747C84
+}
+/* base04 - #ADB3BA -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #ADB3BA
+}
+/* base05 - #C7CCD1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #C7CCD1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #C7AE95
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #C7C795
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #AEC795
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #AEC795
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #95C7AE
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #95AEC7
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #AE95C7
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #C795AE
+}
+.hljs-emphasis {
+  color: #C795AE;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #C79595
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ashes.min.css b/snap-client/src/styles/base16/ashes.min.css
new file mode 100644
index 0000000..4403f21
--- /dev/null
+++ b/snap-client/src/styles/base16/ashes.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Ashes
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c7ccd1;background:#1c2023}.hljs ::selection,.hljs::selection{background-color:#565e65;color:#c7ccd1}.hljs-comment{color:#747c84}.hljs-tag{color:#adb3ba}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c7ccd1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c7ae95}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#c7c795}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#aec795}.hljs-strong{font-weight:700;color:#aec795}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#95c7ae}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#95aec7}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#ae95c7}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c795ae}.hljs-emphasis{color:#c795ae;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c79595}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-cave-light.css b/snap-client/src/styles/base16/atelier-cave-light.css
new file mode 100644
index 0000000..d38a679
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-cave-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Cave Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-cave-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #efecf4  Default Background
+base01  #e2dfe7  Lighter Background (Used for status bars, line number and folding marks)
+base02  #8b8792  Selection Background
+base03  #7e7887  Comments, Invisibles, Line Highlighting
+base04  #655f6d  Dark Foreground (Used for status bars)
+base05  #585260  Default Foreground, Caret, Delimiters, Operators
+base06  #26232a  Light Foreground (Not often used)
+base07  #19171c  Light Background (Not often used)
+base08  #be4678  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aa573c  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a06e3b  Classes, Markup Bold, Search Text Background
+base0B  #2a9292  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #398bc6  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #576ddb  Functions, Methods, Attribute IDs, Headings
+base0E  #955ae7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bf40bf  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #585260;
+  background: #efecf4
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #8b8792;
+  color: #585260
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7e7887 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7e7887
+}
+/* base04 - #655f6d -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #655f6d
+}
+/* base05 - #585260 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #585260
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #be4678
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aa573c
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a06e3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a06e3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #2a9292
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #398bc6
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #576ddb
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #955ae7
+}
+.hljs-emphasis {
+  color: #955ae7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bf40bf
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-cave-light.min.css b/snap-client/src/styles/base16/atelier-cave-light.min.css
new file mode 100644
index 0000000..25fcdf4
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-cave-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Cave Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#585260;background:#efecf4}.hljs ::selection,.hljs::selection{background-color:#8b8792;color:#585260}.hljs-comment{color:#7e7887}.hljs-tag{color:#655f6d}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#585260}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#be4678}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aa573c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a06e3b}.hljs-strong{font-weight:700;color:#a06e3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#2a9292}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#398bc6}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#576ddb}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#955ae7}.hljs-emphasis{color:#955ae7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bf40bf}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-cave.css b/snap-client/src/styles/base16/atelier-cave.css
new file mode 100644
index 0000000..74374e3
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-cave.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Cave
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-cave
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #19171c  Default Background
+base01  #26232a  Lighter Background (Used for status bars, line number and folding marks)
+base02  #585260  Selection Background
+base03  #655f6d  Comments, Invisibles, Line Highlighting
+base04  #7e7887  Dark Foreground (Used for status bars)
+base05  #8b8792  Default Foreground, Caret, Delimiters, Operators
+base06  #e2dfe7  Light Foreground (Not often used)
+base07  #efecf4  Light Background (Not often used)
+base08  #be4678  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aa573c  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a06e3b  Classes, Markup Bold, Search Text Background
+base0B  #2a9292  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #398bc6  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #576ddb  Functions, Methods, Attribute IDs, Headings
+base0E  #955ae7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bf40bf  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #8b8792;
+  background: #19171c
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #585260;
+  color: #8b8792
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #655f6d -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #655f6d
+}
+/* base04 - #7e7887 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7e7887
+}
+/* base05 - #8b8792 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #8b8792
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #be4678
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aa573c
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a06e3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a06e3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #2a9292
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #398bc6
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #576ddb
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #955ae7
+}
+.hljs-emphasis {
+  color: #955ae7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bf40bf
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-cave.min.css b/snap-client/src/styles/base16/atelier-cave.min.css
new file mode 100644
index 0000000..e51fe0a
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-cave.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Cave
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#8b8792;background:#19171c}.hljs ::selection,.hljs::selection{background-color:#585260;color:#8b8792}.hljs-comment{color:#655f6d}.hljs-tag{color:#7e7887}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#8b8792}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#be4678}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aa573c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a06e3b}.hljs-strong{font-weight:700;color:#a06e3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#2a9292}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#398bc6}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#576ddb}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#955ae7}.hljs-emphasis{color:#955ae7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bf40bf}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-dune-light.css b/snap-client/src/styles/base16/atelier-dune-light.css
new file mode 100644
index 0000000..7a1123e
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-dune-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Dune Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-dune-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fefbec  Default Background
+base01  #e8e4cf  Lighter Background (Used for status bars, line number and folding marks)
+base02  #a6a28c  Selection Background
+base03  #999580  Comments, Invisibles, Line Highlighting
+base04  #7d7a68  Dark Foreground (Used for status bars)
+base05  #6e6b5e  Default Foreground, Caret, Delimiters, Operators
+base06  #292824  Light Foreground (Not often used)
+base07  #20201d  Light Background (Not often used)
+base08  #d73737  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b65611  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ae9513  Classes, Markup Bold, Search Text Background
+base0B  #60ac39  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1fad83  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6684e1  Functions, Methods, Attribute IDs, Headings
+base0E  #b854d4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d43552  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #6e6b5e;
+  background: #fefbec
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #a6a28c;
+  color: #6e6b5e
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #999580 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #999580
+}
+/* base04 - #7d7a68 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7d7a68
+}
+/* base05 - #6e6b5e -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #6e6b5e
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d73737
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b65611
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ae9513
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ae9513
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #60ac39
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1fad83
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6684e1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b854d4
+}
+.hljs-emphasis {
+  color: #b854d4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d43552
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-dune-light.min.css b/snap-client/src/styles/base16/atelier-dune-light.min.css
new file mode 100644
index 0000000..f310ce1
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-dune-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Dune Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#6e6b5e;background:#fefbec}.hljs ::selection,.hljs::selection{background-color:#a6a28c;color:#6e6b5e}.hljs-comment{color:#999580}.hljs-tag{color:#7d7a68}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#6e6b5e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d73737}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b65611}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ae9513}.hljs-strong{font-weight:700;color:#ae9513}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#60ac39}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1fad83}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6684e1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b854d4}.hljs-emphasis{color:#b854d4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d43552}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-dune.css b/snap-client/src/styles/base16/atelier-dune.css
new file mode 100644
index 0000000..d3b3388
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-dune.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Dune
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-dune
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #20201d  Default Background
+base01  #292824  Lighter Background (Used for status bars, line number and folding marks)
+base02  #6e6b5e  Selection Background
+base03  #7d7a68  Comments, Invisibles, Line Highlighting
+base04  #999580  Dark Foreground (Used for status bars)
+base05  #a6a28c  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e4cf  Light Foreground (Not often used)
+base07  #fefbec  Light Background (Not often used)
+base08  #d73737  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b65611  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ae9513  Classes, Markup Bold, Search Text Background
+base0B  #60ac39  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1fad83  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6684e1  Functions, Methods, Attribute IDs, Headings
+base0E  #b854d4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d43552  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a6a28c;
+  background: #20201d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #6e6b5e;
+  color: #a6a28c
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7d7a68 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7d7a68
+}
+/* base04 - #999580 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999580
+}
+/* base05 - #a6a28c -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a6a28c
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d73737
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b65611
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ae9513
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ae9513
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #60ac39
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1fad83
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6684e1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b854d4
+}
+.hljs-emphasis {
+  color: #b854d4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d43552
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-dune.min.css b/snap-client/src/styles/base16/atelier-dune.min.css
new file mode 100644
index 0000000..05b260c
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-dune.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Dune
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a6a28c;background:#20201d}.hljs ::selection,.hljs::selection{background-color:#6e6b5e;color:#a6a28c}.hljs-comment{color:#7d7a68}.hljs-tag{color:#999580}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a6a28c}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d73737}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b65611}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ae9513}.hljs-strong{font-weight:700;color:#ae9513}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#60ac39}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1fad83}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6684e1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b854d4}.hljs-emphasis{color:#b854d4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d43552}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-estuary-light.css b/snap-client/src/styles/base16/atelier-estuary-light.css
new file mode 100644
index 0000000..02128ac
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-estuary-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Estuary Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-estuary-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f4f3ec  Default Background
+base01  #e7e6df  Lighter Background (Used for status bars, line number and folding marks)
+base02  #929181  Selection Background
+base03  #878573  Comments, Invisibles, Line Highlighting
+base04  #6c6b5a  Dark Foreground (Used for status bars)
+base05  #5f5e4e  Default Foreground, Caret, Delimiters, Operators
+base06  #302f27  Light Foreground (Not often used)
+base07  #22221b  Light Background (Not often used)
+base08  #ba6236  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ae7313  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a5980d  Classes, Markup Bold, Search Text Background
+base0B  #7d9726  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5b9d48  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #36a166  Functions, Methods, Attribute IDs, Headings
+base0E  #5f9182  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #9d6c7c  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #5f5e4e;
+  background: #f4f3ec
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #929181;
+  color: #5f5e4e
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #878573 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #878573
+}
+/* base04 - #6c6b5a -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #6c6b5a
+}
+/* base05 - #5f5e4e -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #5f5e4e
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ba6236
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ae7313
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a5980d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a5980d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7d9726
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5b9d48
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #36a166
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #5f9182
+}
+.hljs-emphasis {
+  color: #5f9182;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #9d6c7c
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-estuary-light.min.css b/snap-client/src/styles/base16/atelier-estuary-light.min.css
new file mode 100644
index 0000000..90f8be4
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-estuary-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Estuary Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#5f5e4e;background:#f4f3ec}.hljs ::selection,.hljs::selection{background-color:#929181;color:#5f5e4e}.hljs-comment{color:#878573}.hljs-tag{color:#6c6b5a}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#5f5e4e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ba6236}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ae7313}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a5980d}.hljs-strong{font-weight:700;color:#a5980d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7d9726}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5b9d48}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#36a166}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#5f9182}.hljs-emphasis{color:#5f9182;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#9d6c7c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-estuary.css b/snap-client/src/styles/base16/atelier-estuary.css
new file mode 100644
index 0000000..07e1506
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-estuary.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Estuary
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-estuary
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #22221b  Default Background
+base01  #302f27  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5f5e4e  Selection Background
+base03  #6c6b5a  Comments, Invisibles, Line Highlighting
+base04  #878573  Dark Foreground (Used for status bars)
+base05  #929181  Default Foreground, Caret, Delimiters, Operators
+base06  #e7e6df  Light Foreground (Not often used)
+base07  #f4f3ec  Light Background (Not often used)
+base08  #ba6236  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ae7313  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a5980d  Classes, Markup Bold, Search Text Background
+base0B  #7d9726  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5b9d48  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #36a166  Functions, Methods, Attribute IDs, Headings
+base0E  #5f9182  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #9d6c7c  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #929181;
+  background: #22221b
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5f5e4e;
+  color: #929181
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6c6b5a -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6c6b5a
+}
+/* base04 - #878573 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #878573
+}
+/* base05 - #929181 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #929181
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ba6236
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ae7313
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a5980d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a5980d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7d9726
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5b9d48
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #36a166
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #5f9182
+}
+.hljs-emphasis {
+  color: #5f9182;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #9d6c7c
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-estuary.min.css b/snap-client/src/styles/base16/atelier-estuary.min.css
new file mode 100644
index 0000000..b088f77
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-estuary.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Estuary
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#929181;background:#22221b}.hljs ::selection,.hljs::selection{background-color:#5f5e4e;color:#929181}.hljs-comment{color:#6c6b5a}.hljs-tag{color:#878573}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#929181}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ba6236}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ae7313}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a5980d}.hljs-strong{font-weight:700;color:#a5980d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7d9726}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5b9d48}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#36a166}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#5f9182}.hljs-emphasis{color:#5f9182;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#9d6c7c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-forest-light.css b/snap-client/src/styles/base16/atelier-forest-light.css
new file mode 100644
index 0000000..ecff451
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-forest-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Forest Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-forest-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f1efee  Default Background
+base01  #e6e2e0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #a8a19f  Selection Background
+base03  #9c9491  Comments, Invisibles, Line Highlighting
+base04  #766e6b  Dark Foreground (Used for status bars)
+base05  #68615e  Default Foreground, Caret, Delimiters, Operators
+base06  #2c2421  Light Foreground (Not often used)
+base07  #1b1918  Light Background (Not often used)
+base08  #f22c40  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #df5320  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c38418  Classes, Markup Bold, Search Text Background
+base0B  #7b9726  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3d97b8  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #407ee7  Functions, Methods, Attribute IDs, Headings
+base0E  #6666ea  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c33ff3  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #68615e;
+  background: #f1efee
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #a8a19f;
+  color: #68615e
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #9c9491 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #9c9491
+}
+/* base04 - #766e6b -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #766e6b
+}
+/* base05 - #68615e -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #68615e
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f22c40
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #df5320
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c38418
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c38418
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7b9726
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3d97b8
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #407ee7
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6666ea
+}
+.hljs-emphasis {
+  color: #6666ea;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c33ff3
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-forest-light.min.css b/snap-client/src/styles/base16/atelier-forest-light.min.css
new file mode 100644
index 0000000..a54242d
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-forest-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Forest Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#68615e;background:#f1efee}.hljs ::selection,.hljs::selection{background-color:#a8a19f;color:#68615e}.hljs-comment{color:#9c9491}.hljs-tag{color:#766e6b}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#68615e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f22c40}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#df5320}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c38418}.hljs-strong{font-weight:700;color:#c38418}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7b9726}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#3d97b8}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#407ee7}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6666ea}.hljs-emphasis{color:#6666ea;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c33ff3}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-forest.css b/snap-client/src/styles/base16/atelier-forest.css
new file mode 100644
index 0000000..3ab07be
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-forest.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Forest
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-forest
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1b1918  Default Background
+base01  #2c2421  Lighter Background (Used for status bars, line number and folding marks)
+base02  #68615e  Selection Background
+base03  #766e6b  Comments, Invisibles, Line Highlighting
+base04  #9c9491  Dark Foreground (Used for status bars)
+base05  #a8a19f  Default Foreground, Caret, Delimiters, Operators
+base06  #e6e2e0  Light Foreground (Not often used)
+base07  #f1efee  Light Background (Not often used)
+base08  #f22c40  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #df5320  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c38418  Classes, Markup Bold, Search Text Background
+base0B  #7b9726  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3d97b8  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #407ee7  Functions, Methods, Attribute IDs, Headings
+base0E  #6666ea  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c33ff3  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a8a19f;
+  background: #1b1918
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #68615e;
+  color: #a8a19f
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #766e6b -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #766e6b
+}
+/* base04 - #9c9491 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #9c9491
+}
+/* base05 - #a8a19f -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a8a19f
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f22c40
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #df5320
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c38418
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c38418
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7b9726
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3d97b8
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #407ee7
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6666ea
+}
+.hljs-emphasis {
+  color: #6666ea;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c33ff3
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-forest.min.css b/snap-client/src/styles/base16/atelier-forest.min.css
new file mode 100644
index 0000000..e6ca2d5
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-forest.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Forest
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a8a19f;background:#1b1918}.hljs ::selection,.hljs::selection{background-color:#68615e;color:#a8a19f}.hljs-comment{color:#766e6b}.hljs-tag{color:#9c9491}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a8a19f}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f22c40}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#df5320}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c38418}.hljs-strong{font-weight:700;color:#c38418}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7b9726}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#3d97b8}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#407ee7}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6666ea}.hljs-emphasis{color:#6666ea;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c33ff3}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-heath-light.css b/snap-client/src/styles/base16/atelier-heath-light.css
new file mode 100644
index 0000000..4add108
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-heath-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Heath Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-heath-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f7f3f7  Default Background
+base01  #d8cad8  Lighter Background (Used for status bars, line number and folding marks)
+base02  #ab9bab  Selection Background
+base03  #9e8f9e  Comments, Invisibles, Line Highlighting
+base04  #776977  Dark Foreground (Used for status bars)
+base05  #695d69  Default Foreground, Caret, Delimiters, Operators
+base06  #292329  Light Foreground (Not often used)
+base07  #1b181b  Light Background (Not often used)
+base08  #ca402b  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #a65926  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #bb8a35  Classes, Markup Bold, Search Text Background
+base0B  #918b3b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #159393  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #516aec  Functions, Methods, Attribute IDs, Headings
+base0E  #7b59c0  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #cc33cc  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #695d69;
+  background: #f7f3f7
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #ab9bab;
+  color: #695d69
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #9e8f9e -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #9e8f9e
+}
+/* base04 - #776977 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #776977
+}
+/* base05 - #695d69 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #695d69
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ca402b
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #a65926
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #bb8a35
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #bb8a35
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #918b3b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #159393
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #516aec
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #7b59c0
+}
+.hljs-emphasis {
+  color: #7b59c0;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #cc33cc
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-heath-light.min.css b/snap-client/src/styles/base16/atelier-heath-light.min.css
new file mode 100644
index 0000000..dc38ca0
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-heath-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Heath Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#695d69;background:#f7f3f7}.hljs ::selection,.hljs::selection{background-color:#ab9bab;color:#695d69}.hljs-comment{color:#9e8f9e}.hljs-tag{color:#776977}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#695d69}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ca402b}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#a65926}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#bb8a35}.hljs-strong{font-weight:700;color:#bb8a35}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#918b3b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#159393}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#516aec}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#7b59c0}.hljs-emphasis{color:#7b59c0;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c3c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-heath.css b/snap-client/src/styles/base16/atelier-heath.css
new file mode 100644
index 0000000..a95e42a
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-heath.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Heath
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-heath
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1b181b  Default Background
+base01  #292329  Lighter Background (Used for status bars, line number and folding marks)
+base02  #695d69  Selection Background
+base03  #776977  Comments, Invisibles, Line Highlighting
+base04  #9e8f9e  Dark Foreground (Used for status bars)
+base05  #ab9bab  Default Foreground, Caret, Delimiters, Operators
+base06  #d8cad8  Light Foreground (Not often used)
+base07  #f7f3f7  Light Background (Not often used)
+base08  #ca402b  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #a65926  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #bb8a35  Classes, Markup Bold, Search Text Background
+base0B  #918b3b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #159393  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #516aec  Functions, Methods, Attribute IDs, Headings
+base0E  #7b59c0  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #cc33cc  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #ab9bab;
+  background: #1b181b
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #695d69;
+  color: #ab9bab
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #776977 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #776977
+}
+/* base04 - #9e8f9e -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #9e8f9e
+}
+/* base05 - #ab9bab -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #ab9bab
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ca402b
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #a65926
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #bb8a35
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #bb8a35
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #918b3b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #159393
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #516aec
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #7b59c0
+}
+.hljs-emphasis {
+  color: #7b59c0;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #cc33cc
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-heath.min.css b/snap-client/src/styles/base16/atelier-heath.min.css
new file mode 100644
index 0000000..4656ef6
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-heath.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Heath
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ab9bab;background:#1b181b}.hljs ::selection,.hljs::selection{background-color:#695d69;color:#ab9bab}.hljs-comment{color:#776977}.hljs-tag{color:#9e8f9e}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ab9bab}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ca402b}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#a65926}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#bb8a35}.hljs-strong{font-weight:700;color:#bb8a35}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#918b3b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#159393}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#516aec}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#7b59c0}.hljs-emphasis{color:#7b59c0;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c3c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-lakeside-light.css b/snap-client/src/styles/base16/atelier-lakeside-light.css
new file mode 100644
index 0000000..8355cbe
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-lakeside-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Lakeside Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-lakeside-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ebf8ff  Default Background
+base01  #c1e4f6  Lighter Background (Used for status bars, line number and folding marks)
+base02  #7ea2b4  Selection Background
+base03  #7195a8  Comments, Invisibles, Line Highlighting
+base04  #5a7b8c  Dark Foreground (Used for status bars)
+base05  #516d7b  Default Foreground, Caret, Delimiters, Operators
+base06  #1f292e  Light Foreground (Not often used)
+base07  #161b1d  Light Background (Not often used)
+base08  #d22d72  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #935c25  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #8a8a0f  Classes, Markup Bold, Search Text Background
+base0B  #568c3b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #2d8f6f  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #257fad  Functions, Methods, Attribute IDs, Headings
+base0E  #6b6bb8  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b72dd2  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #516d7b;
+  background: #ebf8ff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #7ea2b4;
+  color: #516d7b
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7195a8 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7195a8
+}
+/* base04 - #5a7b8c -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5a7b8c
+}
+/* base05 - #516d7b -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #516d7b
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d22d72
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #935c25
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #8a8a0f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #8a8a0f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #568c3b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #2d8f6f
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #257fad
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6b6bb8
+}
+.hljs-emphasis {
+  color: #6b6bb8;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b72dd2
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-lakeside-light.min.css b/snap-client/src/styles/base16/atelier-lakeside-light.min.css
new file mode 100644
index 0000000..c1252e3
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-lakeside-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Lakeside Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#516d7b;background:#ebf8ff}.hljs ::selection,.hljs::selection{background-color:#7ea2b4;color:#516d7b}.hljs-comment{color:#7195a8}.hljs-tag{color:#5a7b8c}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#516d7b}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d22d72}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#935c25}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#8a8a0f}.hljs-strong{font-weight:700;color:#8a8a0f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#568c3b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#2d8f6f}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#257fad}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6b6bb8}.hljs-emphasis{color:#6b6bb8;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b72dd2}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-lakeside.css b/snap-client/src/styles/base16/atelier-lakeside.css
new file mode 100644
index 0000000..b25999c
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-lakeside.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Lakeside
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-lakeside
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #161b1d  Default Background
+base01  #1f292e  Lighter Background (Used for status bars, line number and folding marks)
+base02  #516d7b  Selection Background
+base03  #5a7b8c  Comments, Invisibles, Line Highlighting
+base04  #7195a8  Dark Foreground (Used for status bars)
+base05  #7ea2b4  Default Foreground, Caret, Delimiters, Operators
+base06  #c1e4f6  Light Foreground (Not often used)
+base07  #ebf8ff  Light Background (Not often used)
+base08  #d22d72  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #935c25  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #8a8a0f  Classes, Markup Bold, Search Text Background
+base0B  #568c3b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #2d8f6f  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #257fad  Functions, Methods, Attribute IDs, Headings
+base0E  #6b6bb8  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b72dd2  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #7ea2b4;
+  background: #161b1d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #516d7b;
+  color: #7ea2b4
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5a7b8c -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5a7b8c
+}
+/* base04 - #7195a8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7195a8
+}
+/* base05 - #7ea2b4 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #7ea2b4
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d22d72
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #935c25
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #8a8a0f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #8a8a0f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #568c3b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #2d8f6f
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #257fad
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6b6bb8
+}
+.hljs-emphasis {
+  color: #6b6bb8;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b72dd2
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-lakeside.min.css b/snap-client/src/styles/base16/atelier-lakeside.min.css
new file mode 100644
index 0000000..efcb981
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-lakeside.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Lakeside
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#7ea2b4;background:#161b1d}.hljs ::selection,.hljs::selection{background-color:#516d7b;color:#7ea2b4}.hljs-comment{color:#5a7b8c}.hljs-tag{color:#7195a8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#7ea2b4}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d22d72}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#935c25}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#8a8a0f}.hljs-strong{font-weight:700;color:#8a8a0f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#568c3b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#2d8f6f}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#257fad}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6b6bb8}.hljs-emphasis{color:#6b6bb8;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b72dd2}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-plateau-light.css b/snap-client/src/styles/base16/atelier-plateau-light.css
new file mode 100644
index 0000000..307bfa7
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-plateau-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Plateau Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-plateau-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f4ecec  Default Background
+base01  #e7dfdf  Lighter Background (Used for status bars, line number and folding marks)
+base02  #8a8585  Selection Background
+base03  #7e7777  Comments, Invisibles, Line Highlighting
+base04  #655d5d  Dark Foreground (Used for status bars)
+base05  #585050  Default Foreground, Caret, Delimiters, Operators
+base06  #292424  Light Foreground (Not often used)
+base07  #1b1818  Light Background (Not often used)
+base08  #ca4949  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b45a3c  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a06e3b  Classes, Markup Bold, Search Text Background
+base0B  #4b8b8b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5485b6  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7272ca  Functions, Methods, Attribute IDs, Headings
+base0E  #8464c4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bd5187  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #585050;
+  background: #f4ecec
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #8a8585;
+  color: #585050
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7e7777 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7e7777
+}
+/* base04 - #655d5d -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #655d5d
+}
+/* base05 - #585050 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #585050
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ca4949
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b45a3c
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a06e3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a06e3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #4b8b8b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5485b6
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7272ca
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8464c4
+}
+.hljs-emphasis {
+  color: #8464c4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bd5187
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-plateau-light.min.css b/snap-client/src/styles/base16/atelier-plateau-light.min.css
new file mode 100644
index 0000000..44362de
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-plateau-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Plateau Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#585050;background:#f4ecec}.hljs ::selection,.hljs::selection{background-color:#8a8585;color:#585050}.hljs-comment{color:#7e7777}.hljs-tag{color:#655d5d}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#585050}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ca4949}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b45a3c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a06e3b}.hljs-strong{font-weight:700;color:#a06e3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#4b8b8b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5485b6}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7272ca}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8464c4}.hljs-emphasis{color:#8464c4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bd5187}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-plateau.css b/snap-client/src/styles/base16/atelier-plateau.css
new file mode 100644
index 0000000..53aeebd
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-plateau.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Plateau
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-plateau
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1b1818  Default Background
+base01  #292424  Lighter Background (Used for status bars, line number and folding marks)
+base02  #585050  Selection Background
+base03  #655d5d  Comments, Invisibles, Line Highlighting
+base04  #7e7777  Dark Foreground (Used for status bars)
+base05  #8a8585  Default Foreground, Caret, Delimiters, Operators
+base06  #e7dfdf  Light Foreground (Not often used)
+base07  #f4ecec  Light Background (Not often used)
+base08  #ca4949  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b45a3c  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a06e3b  Classes, Markup Bold, Search Text Background
+base0B  #4b8b8b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5485b6  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7272ca  Functions, Methods, Attribute IDs, Headings
+base0E  #8464c4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bd5187  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #8a8585;
+  background: #1b1818
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #585050;
+  color: #8a8585
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #655d5d -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #655d5d
+}
+/* base04 - #7e7777 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7e7777
+}
+/* base05 - #8a8585 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #8a8585
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ca4949
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b45a3c
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a06e3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a06e3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #4b8b8b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5485b6
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7272ca
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8464c4
+}
+.hljs-emphasis {
+  color: #8464c4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bd5187
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-plateau.min.css b/snap-client/src/styles/base16/atelier-plateau.min.css
new file mode 100644
index 0000000..7051d01
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-plateau.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Plateau
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#8a8585;background:#1b1818}.hljs ::selection,.hljs::selection{background-color:#585050;color:#8a8585}.hljs-comment{color:#655d5d}.hljs-tag{color:#7e7777}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#8a8585}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ca4949}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b45a3c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a06e3b}.hljs-strong{font-weight:700;color:#a06e3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#4b8b8b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5485b6}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7272ca}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8464c4}.hljs-emphasis{color:#8464c4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bd5187}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-savanna-light.css b/snap-client/src/styles/base16/atelier-savanna-light.css
new file mode 100644
index 0000000..b26d6f7
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-savanna-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Savanna Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-savanna-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ecf4ee  Default Background
+base01  #dfe7e2  Lighter Background (Used for status bars, line number and folding marks)
+base02  #87928a  Selection Background
+base03  #78877d  Comments, Invisibles, Line Highlighting
+base04  #5f6d64  Dark Foreground (Used for status bars)
+base05  #526057  Default Foreground, Caret, Delimiters, Operators
+base06  #232a25  Light Foreground (Not often used)
+base07  #171c19  Light Background (Not often used)
+base08  #b16139  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #9f713c  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a07e3b  Classes, Markup Bold, Search Text Background
+base0B  #489963  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1c9aa0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #478c90  Functions, Methods, Attribute IDs, Headings
+base0E  #55859b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #867469  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #526057;
+  background: #ecf4ee
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #87928a;
+  color: #526057
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #78877d -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #78877d
+}
+/* base04 - #5f6d64 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5f6d64
+}
+/* base05 - #526057 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #526057
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #b16139
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #9f713c
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a07e3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a07e3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #489963
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1c9aa0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #478c90
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #55859b
+}
+.hljs-emphasis {
+  color: #55859b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #867469
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-savanna-light.min.css b/snap-client/src/styles/base16/atelier-savanna-light.min.css
new file mode 100644
index 0000000..4d63650
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-savanna-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Savanna Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#526057;background:#ecf4ee}.hljs ::selection,.hljs::selection{background-color:#87928a;color:#526057}.hljs-comment{color:#78877d}.hljs-tag{color:#5f6d64}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#526057}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b16139}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#9f713c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a07e3b}.hljs-strong{font-weight:700;color:#a07e3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#489963}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1c9aa0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#478c90}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#55859b}.hljs-emphasis{color:#55859b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#867469}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-savanna.css b/snap-client/src/styles/base16/atelier-savanna.css
new file mode 100644
index 0000000..47998da
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-savanna.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Savanna
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-savanna
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #171c19  Default Background
+base01  #232a25  Lighter Background (Used for status bars, line number and folding marks)
+base02  #526057  Selection Background
+base03  #5f6d64  Comments, Invisibles, Line Highlighting
+base04  #78877d  Dark Foreground (Used for status bars)
+base05  #87928a  Default Foreground, Caret, Delimiters, Operators
+base06  #dfe7e2  Light Foreground (Not often used)
+base07  #ecf4ee  Light Background (Not often used)
+base08  #b16139  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #9f713c  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a07e3b  Classes, Markup Bold, Search Text Background
+base0B  #489963  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1c9aa0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #478c90  Functions, Methods, Attribute IDs, Headings
+base0E  #55859b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #867469  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #87928a;
+  background: #171c19
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #526057;
+  color: #87928a
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5f6d64 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5f6d64
+}
+/* base04 - #78877d -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #78877d
+}
+/* base05 - #87928a -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #87928a
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #b16139
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #9f713c
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a07e3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a07e3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #489963
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1c9aa0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #478c90
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #55859b
+}
+.hljs-emphasis {
+  color: #55859b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #867469
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-savanna.min.css b/snap-client/src/styles/base16/atelier-savanna.min.css
new file mode 100644
index 0000000..286c1d9
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-savanna.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Savanna
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#87928a;background:#171c19}.hljs ::selection,.hljs::selection{background-color:#526057;color:#87928a}.hljs-comment{color:#5f6d64}.hljs-tag{color:#78877d}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#87928a}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b16139}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#9f713c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a07e3b}.hljs-strong{font-weight:700;color:#a07e3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#489963}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1c9aa0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#478c90}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#55859b}.hljs-emphasis{color:#55859b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#867469}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-seaside-light.css b/snap-client/src/styles/base16/atelier-seaside-light.css
new file mode 100644
index 0000000..c95fffb
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-seaside-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Seaside Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-seaside-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f4fbf4  Default Background
+base01  #cfe8cf  Lighter Background (Used for status bars, line number and folding marks)
+base02  #8ca68c  Selection Background
+base03  #809980  Comments, Invisibles, Line Highlighting
+base04  #687d68  Dark Foreground (Used for status bars)
+base05  #5e6e5e  Default Foreground, Caret, Delimiters, Operators
+base06  #242924  Light Foreground (Not often used)
+base07  #131513  Light Background (Not often used)
+base08  #e6193c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #87711d  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #98981b  Classes, Markup Bold, Search Text Background
+base0B  #29a329  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1999b3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3d62f5  Functions, Methods, Attribute IDs, Headings
+base0E  #ad2bee  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e619c3  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #5e6e5e;
+  background: #f4fbf4
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #8ca68c;
+  color: #5e6e5e
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #809980 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #809980
+}
+/* base04 - #687d68 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #687d68
+}
+/* base05 - #5e6e5e -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #5e6e5e
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e6193c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #87711d
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #98981b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #98981b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #29a329
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1999b3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3d62f5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ad2bee
+}
+.hljs-emphasis {
+  color: #ad2bee;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e619c3
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-seaside-light.min.css b/snap-client/src/styles/base16/atelier-seaside-light.min.css
new file mode 100644
index 0000000..524a951
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-seaside-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Seaside Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#5e6e5e;background:#f4fbf4}.hljs ::selection,.hljs::selection{background-color:#8ca68c;color:#5e6e5e}.hljs-comment{color:#809980}.hljs-tag{color:#687d68}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#5e6e5e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e6193c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#87711d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#98981b}.hljs-strong{font-weight:700;color:#98981b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#29a329}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1999b3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3d62f5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ad2bee}.hljs-emphasis{color:#ad2bee;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e619c3}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-seaside.css b/snap-client/src/styles/base16/atelier-seaside.css
new file mode 100644
index 0000000..7144e8b
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-seaside.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Seaside
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-seaside
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #131513  Default Background
+base01  #242924  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5e6e5e  Selection Background
+base03  #687d68  Comments, Invisibles, Line Highlighting
+base04  #809980  Dark Foreground (Used for status bars)
+base05  #8ca68c  Default Foreground, Caret, Delimiters, Operators
+base06  #cfe8cf  Light Foreground (Not often used)
+base07  #f4fbf4  Light Background (Not often used)
+base08  #e6193c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #87711d  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #98981b  Classes, Markup Bold, Search Text Background
+base0B  #29a329  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1999b3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3d62f5  Functions, Methods, Attribute IDs, Headings
+base0E  #ad2bee  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e619c3  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #8ca68c;
+  background: #131513
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5e6e5e;
+  color: #8ca68c
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #687d68 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #687d68
+}
+/* base04 - #809980 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #809980
+}
+/* base05 - #8ca68c -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #8ca68c
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e6193c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #87711d
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #98981b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #98981b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #29a329
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1999b3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3d62f5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ad2bee
+}
+.hljs-emphasis {
+  color: #ad2bee;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e619c3
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-seaside.min.css b/snap-client/src/styles/base16/atelier-seaside.min.css
new file mode 100644
index 0000000..f1b2fe0
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-seaside.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Seaside
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#8ca68c;background:#131513}.hljs ::selection,.hljs::selection{background-color:#5e6e5e;color:#8ca68c}.hljs-comment{color:#687d68}.hljs-tag{color:#809980}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#8ca68c}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e6193c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#87711d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#98981b}.hljs-strong{font-weight:700;color:#98981b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#29a329}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1999b3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3d62f5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ad2bee}.hljs-emphasis{color:#ad2bee;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e619c3}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-sulphurpool-light.css b/snap-client/src/styles/base16/atelier-sulphurpool-light.css
new file mode 100644
index 0000000..77e7847
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-sulphurpool-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Sulphurpool Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-sulphurpool-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f5f7ff  Default Background
+base01  #dfe2f1  Lighter Background (Used for status bars, line number and folding marks)
+base02  #979db4  Selection Background
+base03  #898ea4  Comments, Invisibles, Line Highlighting
+base04  #6b7394  Dark Foreground (Used for status bars)
+base05  #5e6687  Default Foreground, Caret, Delimiters, Operators
+base06  #293256  Light Foreground (Not often used)
+base07  #202746  Light Background (Not often used)
+base08  #c94922  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #c76b29  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c08b30  Classes, Markup Bold, Search Text Background
+base0B  #ac9739  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #22a2c9  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3d8fd1  Functions, Methods, Attribute IDs, Headings
+base0E  #6679cc  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #9c637a  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #5e6687;
+  background: #f5f7ff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #979db4;
+  color: #5e6687
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #898ea4 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #898ea4
+}
+/* base04 - #6b7394 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #6b7394
+}
+/* base05 - #5e6687 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #5e6687
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c94922
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #c76b29
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c08b30
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c08b30
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #ac9739
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #22a2c9
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3d8fd1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6679cc
+}
+.hljs-emphasis {
+  color: #6679cc;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #9c637a
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-sulphurpool-light.min.css b/snap-client/src/styles/base16/atelier-sulphurpool-light.min.css
new file mode 100644
index 0000000..8e038f5
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-sulphurpool-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Sulphurpool Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#5e6687;background:#f5f7ff}.hljs ::selection,.hljs::selection{background-color:#979db4;color:#5e6687}.hljs-comment{color:#898ea4}.hljs-tag{color:#6b7394}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#5e6687}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c94922}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#c76b29}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c08b30}.hljs-strong{font-weight:700;color:#c08b30}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#ac9739}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#22a2c9}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3d8fd1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6679cc}.hljs-emphasis{color:#6679cc;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#9c637a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-sulphurpool.css b/snap-client/src/styles/base16/atelier-sulphurpool.css
new file mode 100644
index 0000000..fb95c32
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-sulphurpool.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Sulphurpool
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-sulphurpool
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #202746  Default Background
+base01  #293256  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5e6687  Selection Background
+base03  #6b7394  Comments, Invisibles, Line Highlighting
+base04  #898ea4  Dark Foreground (Used for status bars)
+base05  #979db4  Default Foreground, Caret, Delimiters, Operators
+base06  #dfe2f1  Light Foreground (Not often used)
+base07  #f5f7ff  Light Background (Not often used)
+base08  #c94922  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #c76b29  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c08b30  Classes, Markup Bold, Search Text Background
+base0B  #ac9739  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #22a2c9  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3d8fd1  Functions, Methods, Attribute IDs, Headings
+base0E  #6679cc  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #9c637a  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #979db4;
+  background: #202746
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5e6687;
+  color: #979db4
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6b7394 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6b7394
+}
+/* base04 - #898ea4 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #898ea4
+}
+/* base05 - #979db4 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #979db4
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c94922
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #c76b29
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c08b30
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c08b30
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #ac9739
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #22a2c9
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3d8fd1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6679cc
+}
+.hljs-emphasis {
+  color: #6679cc;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #9c637a
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atelier-sulphurpool.min.css b/snap-client/src/styles/base16/atelier-sulphurpool.min.css
new file mode 100644
index 0000000..519aa38
--- /dev/null
+++ b/snap-client/src/styles/base16/atelier-sulphurpool.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Sulphurpool
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#979db4;background:#202746}.hljs ::selection,.hljs::selection{background-color:#5e6687;color:#979db4}.hljs-comment{color:#6b7394}.hljs-tag{color:#898ea4}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#979db4}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c94922}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#c76b29}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c08b30}.hljs-strong{font-weight:700;color:#c08b30}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#ac9739}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#22a2c9}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3d8fd1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6679cc}.hljs-emphasis{color:#6679cc;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#9c637a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atlas.css b/snap-client/src/styles/base16/atlas.css
new file mode 100644
index 0000000..e0c83aa
--- /dev/null
+++ b/snap-client/src/styles/base16/atlas.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atlas
+  Author: Alex Lende (https://ajlende.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atlas
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #002635  Default Background
+base01  #00384d  Lighter Background (Used for status bars, line number and folding marks)
+base02  #517F8D  Selection Background
+base03  #6C8B91  Comments, Invisibles, Line Highlighting
+base04  #869696  Dark Foreground (Used for status bars)
+base05  #a1a19a  Default Foreground, Caret, Delimiters, Operators
+base06  #e6e6dc  Light Foreground (Not often used)
+base07  #fafaf8  Light Background (Not often used)
+base08  #ff5a67  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f08e48  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffcc1b  Classes, Markup Bold, Search Text Background
+base0B  #7fc06e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #14747e  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #5dd7b9  Functions, Methods, Attribute IDs, Headings
+base0E  #9a70a4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c43060  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a1a19a;
+  background: #002635
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #517F8D;
+  color: #a1a19a
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6C8B91 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6C8B91
+}
+/* base04 - #869696 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #869696
+}
+/* base05 - #a1a19a -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a1a19a
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff5a67
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f08e48
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffcc1b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffcc1b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7fc06e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #14747e
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #5dd7b9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9a70a4
+}
+.hljs-emphasis {
+  color: #9a70a4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c43060
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/atlas.min.css b/snap-client/src/styles/base16/atlas.min.css
new file mode 100644
index 0000000..62a8848
--- /dev/null
+++ b/snap-client/src/styles/base16/atlas.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atlas
+  Author: Alex Lende (https://ajlende.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a1a19a;background:#002635}.hljs ::selection,.hljs::selection{background-color:#517f8d;color:#a1a19a}.hljs-comment{color:#6c8b91}.hljs-tag{color:#869696}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a1a19a}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff5a67}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f08e48}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffcc1b}.hljs-strong{font-weight:700;color:#ffcc1b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7fc06e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#14747e}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#5dd7b9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9a70a4}.hljs-emphasis{color:#9a70a4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c43060}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/bespin.css b/snap-client/src/styles/base16/bespin.css
new file mode 100644
index 0000000..02c08cc
--- /dev/null
+++ b/snap-client/src/styles/base16/bespin.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Bespin
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme bespin
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #28211c  Default Background
+base01  #36312e  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5e5d5c  Selection Background
+base03  #666666  Comments, Invisibles, Line Highlighting
+base04  #797977  Dark Foreground (Used for status bars)
+base05  #8a8986  Default Foreground, Caret, Delimiters, Operators
+base06  #9d9b97  Light Foreground (Not often used)
+base07  #baae9e  Light Background (Not often used)
+base08  #cf6a4c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #cf7d34  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f9ee98  Classes, Markup Bold, Search Text Background
+base0B  #54be0d  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #afc4db  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #5ea6ea  Functions, Methods, Attribute IDs, Headings
+base0E  #9b859d  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #937121  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #8a8986;
+  background: #28211c
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5e5d5c;
+  color: #8a8986
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #666666 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #666666
+}
+/* base04 - #797977 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #797977
+}
+/* base05 - #8a8986 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #8a8986
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #cf6a4c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #cf7d34
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f9ee98
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f9ee98
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #54be0d
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #afc4db
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #5ea6ea
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9b859d
+}
+.hljs-emphasis {
+  color: #9b859d;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #937121
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/bespin.min.css b/snap-client/src/styles/base16/bespin.min.css
new file mode 100644
index 0000000..234cb64
--- /dev/null
+++ b/snap-client/src/styles/base16/bespin.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Bespin
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#8a8986;background:#28211c}.hljs ::selection,.hljs::selection{background-color:#5e5d5c;color:#8a8986}.hljs-comment{color:#666}.hljs-tag{color:#797977}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#8a8986}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#cf6a4c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#cf7d34}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f9ee98}.hljs-strong{font-weight:700;color:#f9ee98}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#54be0d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#afc4db}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#5ea6ea}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9b859d}.hljs-emphasis{color:#9b859d;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#937121}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-bathory.css b/snap-client/src/styles/base16/black-metal-bathory.css
new file mode 100644
index 0000000..05265a6
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-bathory.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Bathory)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-bathory
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #e78a53  Classes, Markup Bold, Search Text Background
+base0B  #fbcb97  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #e78a53
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #e78a53
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #fbcb97
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-bathory.min.css b/snap-client/src/styles/base16/black-metal-bathory.min.css
new file mode 100644
index 0000000..b315d96
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-bathory.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Bathory)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e78a53}.hljs-strong{font-weight:700;color:#e78a53}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#fbcb97}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-burzum.css b/snap-client/src/styles/base16/black-metal-burzum.css
new file mode 100644
index 0000000..1ec27ec
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-burzum.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Burzum)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-burzum
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #99bbaa  Classes, Markup Bold, Search Text Background
+base0B  #ddeecc  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #99bbaa
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #99bbaa
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #ddeecc
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-burzum.min.css b/snap-client/src/styles/base16/black-metal-burzum.min.css
new file mode 100644
index 0000000..7729779
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-burzum.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Burzum)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#9ba}.hljs-strong{font-weight:700;color:#9ba}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#dec}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-dark-funeral.css b/snap-client/src/styles/base16/black-metal-dark-funeral.css
new file mode 100644
index 0000000..97d59f3
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-dark-funeral.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Dark Funeral)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-dark-funeral
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #5f81a5  Classes, Markup Bold, Search Text Background
+base0B  #d0dfee  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #5f81a5
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #5f81a5
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #d0dfee
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-dark-funeral.min.css b/snap-client/src/styles/base16/black-metal-dark-funeral.min.css
new file mode 100644
index 0000000..7bffc28
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-dark-funeral.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Dark Funeral)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#5f81a5}.hljs-strong{font-weight:700;color:#5f81a5}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#d0dfee}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-gorgoroth.css b/snap-client/src/styles/base16/black-metal-gorgoroth.css
new file mode 100644
index 0000000..a819c58
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-gorgoroth.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Gorgoroth)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-gorgoroth
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #8c7f70  Classes, Markup Bold, Search Text Background
+base0B  #9b8d7f  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #8c7f70
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #8c7f70
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #9b8d7f
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-gorgoroth.min.css b/snap-client/src/styles/base16/black-metal-gorgoroth.min.css
new file mode 100644
index 0000000..0fbfafe
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-gorgoroth.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Gorgoroth)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#8c7f70}.hljs-strong{font-weight:700;color:#8c7f70}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#9b8d7f}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-immortal.css b/snap-client/src/styles/base16/black-metal-immortal.css
new file mode 100644
index 0000000..b6ed971
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-immortal.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Immortal)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-immortal
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #556677  Classes, Markup Bold, Search Text Background
+base0B  #7799bb  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #556677
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #556677
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7799bb
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-immortal.min.css b/snap-client/src/styles/base16/black-metal-immortal.min.css
new file mode 100644
index 0000000..1cbd00a
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-immortal.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Immortal)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#567}.hljs-strong{font-weight:700;color:#567}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#79b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-khold.css b/snap-client/src/styles/base16/black-metal-khold.css
new file mode 100644
index 0000000..645949a
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-khold.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Khold)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-khold
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #974b46  Classes, Markup Bold, Search Text Background
+base0B  #eceee3  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #974b46
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #974b46
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #eceee3
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-khold.min.css b/snap-client/src/styles/base16/black-metal-khold.min.css
new file mode 100644
index 0000000..1ca9ceb
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-khold.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Khold)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#974b46}.hljs-strong{font-weight:700;color:#974b46}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#eceee3}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-marduk.css b/snap-client/src/styles/base16/black-metal-marduk.css
new file mode 100644
index 0000000..23bd563
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-marduk.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Marduk)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-marduk
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #626b67  Classes, Markup Bold, Search Text Background
+base0B  #a5aaa7  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #626b67
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #626b67
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a5aaa7
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-marduk.min.css b/snap-client/src/styles/base16/black-metal-marduk.min.css
new file mode 100644
index 0000000..1ecf596
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-marduk.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Marduk)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#626b67}.hljs-strong{font-weight:700;color:#626b67}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a5aaa7}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-mayhem.css b/snap-client/src/styles/base16/black-metal-mayhem.css
new file mode 100644
index 0000000..29537c9
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-mayhem.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Mayhem)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-mayhem
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #eecc6c  Classes, Markup Bold, Search Text Background
+base0B  #f3ecd4  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #eecc6c
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #eecc6c
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #f3ecd4
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-mayhem.min.css b/snap-client/src/styles/base16/black-metal-mayhem.min.css
new file mode 100644
index 0000000..d031b52
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-mayhem.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Mayhem)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#eecc6c}.hljs-strong{font-weight:700;color:#eecc6c}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#f3ecd4}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-nile.css b/snap-client/src/styles/base16/black-metal-nile.css
new file mode 100644
index 0000000..25cd2a7
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-nile.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Nile)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-nile
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #777755  Classes, Markup Bold, Search Text Background
+base0B  #aa9988  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #777755
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #777755
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #aa9988
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-nile.min.css b/snap-client/src/styles/base16/black-metal-nile.min.css
new file mode 100644
index 0000000..9b991b6
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-nile.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Nile)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#775}.hljs-strong{font-weight:700;color:#775}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a98}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-venom.css b/snap-client/src/styles/base16/black-metal-venom.css
new file mode 100644
index 0000000..9148f3e
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-venom.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Venom)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-venom
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #79241f  Classes, Markup Bold, Search Text Background
+base0B  #f8f7f2  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #79241f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #79241f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #f8f7f2
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal-venom.min.css b/snap-client/src/styles/base16/black-metal-venom.min.css
new file mode 100644
index 0000000..17e9ccb
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal-venom.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Venom)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#79241f}.hljs-strong{font-weight:700;color:#79241f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#f8f7f2}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal.css b/snap-client/src/styles/base16/black-metal.css
new file mode 100644
index 0000000..cf86944
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a06666  Classes, Markup Bold, Search Text Background
+base0B  #dd9999  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a06666
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a06666
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #dd9999
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/black-metal.min.css b/snap-client/src/styles/base16/black-metal.min.css
new file mode 100644
index 0000000..b44199d
--- /dev/null
+++ b/snap-client/src/styles/base16/black-metal.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a06666}.hljs-strong{font-weight:700;color:#a06666}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#d99}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/brewer.css b/snap-client/src/styles/base16/brewer.css
new file mode 100644
index 0000000..900e867
--- /dev/null
+++ b/snap-client/src/styles/base16/brewer.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Brewer
+  Author: Timothée Poisot (http://github.com/tpoisot)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme brewer
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #0c0d0e  Default Background
+base01  #2e2f30  Lighter Background (Used for status bars, line number and folding marks)
+base02  #515253  Selection Background
+base03  #737475  Comments, Invisibles, Line Highlighting
+base04  #959697  Dark Foreground (Used for status bars)
+base05  #b7b8b9  Default Foreground, Caret, Delimiters, Operators
+base06  #dadbdc  Light Foreground (Not often used)
+base07  #fcfdfe  Light Background (Not often used)
+base08  #e31a1c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #e6550d  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #dca060  Classes, Markup Bold, Search Text Background
+base0B  #31a354  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #80b1d3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3182bd  Functions, Methods, Attribute IDs, Headings
+base0E  #756bb1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b15928  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #b7b8b9;
+  background: #0c0d0e
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #515253;
+  color: #b7b8b9
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #737475 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #737475
+}
+/* base04 - #959697 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #959697
+}
+/* base05 - #b7b8b9 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #b7b8b9
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e31a1c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #e6550d
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #dca060
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #dca060
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #31a354
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #80b1d3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3182bd
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #756bb1
+}
+.hljs-emphasis {
+  color: #756bb1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b15928
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/brewer.min.css b/snap-client/src/styles/base16/brewer.min.css
new file mode 100644
index 0000000..cf2257d
--- /dev/null
+++ b/snap-client/src/styles/base16/brewer.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Brewer
+  Author: Timothée Poisot (http://github.com/tpoisot)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b7b8b9;background:#0c0d0e}.hljs ::selection,.hljs::selection{background-color:#515253;color:#b7b8b9}.hljs-comment{color:#737475}.hljs-tag{color:#959697}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b7b8b9}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e31a1c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e6550d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#dca060}.hljs-strong{font-weight:700;color:#dca060}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#31a354}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#80b1d3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3182bd}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#756bb1}.hljs-emphasis{color:#756bb1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b15928}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/bright.css b/snap-client/src/styles/base16/bright.css
new file mode 100644
index 0000000..a320ce8
--- /dev/null
+++ b/snap-client/src/styles/base16/bright.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Bright
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme bright
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #303030  Lighter Background (Used for status bars, line number and folding marks)
+base02  #505050  Selection Background
+base03  #b0b0b0  Comments, Invisibles, Line Highlighting
+base04  #d0d0d0  Dark Foreground (Used for status bars)
+base05  #e0e0e0  Default Foreground, Caret, Delimiters, Operators
+base06  #f5f5f5  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #fb0120  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fc6d24  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fda331  Classes, Markup Bold, Search Text Background
+base0B  #a1c659  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #76c7b7  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6fb3d2  Functions, Methods, Attribute IDs, Headings
+base0E  #d381c3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #be643c  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e0e0e0;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #505050;
+  color: #e0e0e0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #b0b0b0 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #b0b0b0
+}
+/* base04 - #d0d0d0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #d0d0d0
+}
+/* base05 - #e0e0e0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e0e0e0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fb0120
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fc6d24
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fda331
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fda331
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a1c659
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #76c7b7
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6fb3d2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d381c3
+}
+.hljs-emphasis {
+  color: #d381c3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #be643c
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/bright.min.css b/snap-client/src/styles/base16/bright.min.css
new file mode 100644
index 0000000..0e104ef
--- /dev/null
+++ b/snap-client/src/styles/base16/bright.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Bright
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e0e0e0;background:#000}.hljs ::selection,.hljs::selection{background-color:#505050;color:#e0e0e0}.hljs-comment{color:#b0b0b0}.hljs-tag{color:#d0d0d0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e0e0e0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fb0120}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fc6d24}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fda331}.hljs-strong{font-weight:700;color:#fda331}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a1c659}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#76c7b7}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6fb3d2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d381c3}.hljs-emphasis{color:#d381c3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#be643c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/brogrammer.css b/snap-client/src/styles/base16/brogrammer.css
new file mode 100644
index 0000000..ee6cc74
--- /dev/null
+++ b/snap-client/src/styles/base16/brogrammer.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Brogrammer
+  Author: Vik Ramanujam (http://github.com/piggyslasher)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme brogrammer
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1f1f1f  Default Background
+base01  #f81118  Lighter Background (Used for status bars, line number and folding marks)
+base02  #2dc55e  Selection Background
+base03  #ecba0f  Comments, Invisibles, Line Highlighting
+base04  #2a84d2  Dark Foreground (Used for status bars)
+base05  #4e5ab7  Default Foreground, Caret, Delimiters, Operators
+base06  #1081d6  Light Foreground (Not often used)
+base07  #d6dbe5  Light Background (Not often used)
+base08  #d6dbe5  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #de352e  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #1dd361  Classes, Markup Bold, Search Text Background
+base0B  #f3bd09  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1081d6  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #5350b9  Functions, Methods, Attribute IDs, Headings
+base0E  #0f7ddb  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #ffffff  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #4e5ab7;
+  background: #1f1f1f
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #2dc55e;
+  color: #4e5ab7
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #ecba0f -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #ecba0f
+}
+/* base04 - #2a84d2 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #2a84d2
+}
+/* base05 - #4e5ab7 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #4e5ab7
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d6dbe5
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #de352e
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #1dd361
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #1dd361
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #f3bd09
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1081d6
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #5350b9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #0f7ddb
+}
+.hljs-emphasis {
+  color: #0f7ddb;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #ffffff
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/brogrammer.min.css b/snap-client/src/styles/base16/brogrammer.min.css
new file mode 100644
index 0000000..2a1a8e8
--- /dev/null
+++ b/snap-client/src/styles/base16/brogrammer.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Brogrammer
+  Author: Vik Ramanujam (http://github.com/piggyslasher)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#4e5ab7;background:#1f1f1f}.hljs ::selection,.hljs::selection{background-color:#2dc55e;color:#4e5ab7}.hljs-comment{color:#ecba0f}.hljs-tag{color:#2a84d2}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#4e5ab7}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d6dbe5}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#de352e}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#1dd361}.hljs-strong{font-weight:700;color:#1dd361}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#f3bd09}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1081d6}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#5350b9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#0f7ddb}.hljs-emphasis{color:#0f7ddb;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#fff}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/brush-trees-dark.css b/snap-client/src/styles/base16/brush-trees-dark.css
new file mode 100644
index 0000000..d3e310e
--- /dev/null
+++ b/snap-client/src/styles/base16/brush-trees-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Brush Trees Dark
+  Author: Abraham White <abelincoln.white@gmail.com>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme brush-trees-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #485867  Default Background
+base01  #5A6D7A  Lighter Background (Used for status bars, line number and folding marks)
+base02  #6D828E  Selection Background
+base03  #8299A1  Comments, Invisibles, Line Highlighting
+base04  #98AFB5  Dark Foreground (Used for status bars)
+base05  #B0C5C8  Default Foreground, Caret, Delimiters, Operators
+base06  #C9DBDC  Light Foreground (Not often used)
+base07  #E3EFEF  Light Background (Not often used)
+base08  #b38686  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d8bba2  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #aab386  Classes, Markup Bold, Search Text Background
+base0B  #87b386  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #86b3b3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #868cb3  Functions, Methods, Attribute IDs, Headings
+base0E  #b386b2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b39f9f  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #B0C5C8;
+  background: #485867
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #6D828E;
+  color: #B0C5C8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #8299A1 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #8299A1
+}
+/* base04 - #98AFB5 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #98AFB5
+}
+/* base05 - #B0C5C8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #B0C5C8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #b38686
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d8bba2
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #aab386
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #aab386
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #87b386
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #86b3b3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #868cb3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b386b2
+}
+.hljs-emphasis {
+  color: #b386b2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b39f9f
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/brush-trees-dark.min.css b/snap-client/src/styles/base16/brush-trees-dark.min.css
new file mode 100644
index 0000000..18e798d
--- /dev/null
+++ b/snap-client/src/styles/base16/brush-trees-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Brush Trees Dark
+  Author: Abraham White <abelincoln.white@gmail.com>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b0c5c8;background:#485867}.hljs ::selection,.hljs::selection{background-color:#6d828e;color:#b0c5c8}.hljs-comment{color:#8299a1}.hljs-tag{color:#98afb5}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b0c5c8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b38686}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d8bba2}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#aab386}.hljs-strong{font-weight:700;color:#aab386}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#87b386}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#86b3b3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#868cb3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b386b2}.hljs-emphasis{color:#b386b2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b39f9f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/brush-trees.css b/snap-client/src/styles/base16/brush-trees.css
new file mode 100644
index 0000000..15ecfc5
--- /dev/null
+++ b/snap-client/src/styles/base16/brush-trees.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Brush Trees
+  Author: Abraham White <abelincoln.white@gmail.com>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme brush-trees
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #E3EFEF  Default Background
+base01  #C9DBDC  Lighter Background (Used for status bars, line number and folding marks)
+base02  #B0C5C8  Selection Background
+base03  #98AFB5  Comments, Invisibles, Line Highlighting
+base04  #8299A1  Dark Foreground (Used for status bars)
+base05  #6D828E  Default Foreground, Caret, Delimiters, Operators
+base06  #5A6D7A  Light Foreground (Not often used)
+base07  #485867  Light Background (Not often used)
+base08  #b38686  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d8bba2  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #aab386  Classes, Markup Bold, Search Text Background
+base0B  #87b386  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #86b3b3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #868cb3  Functions, Methods, Attribute IDs, Headings
+base0E  #b386b2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b39f9f  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #6D828E;
+  background: #E3EFEF
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #B0C5C8;
+  color: #6D828E
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #98AFB5 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #98AFB5
+}
+/* base04 - #8299A1 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #8299A1
+}
+/* base05 - #6D828E -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #6D828E
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #b38686
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d8bba2
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #aab386
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #aab386
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #87b386
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #86b3b3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #868cb3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b386b2
+}
+.hljs-emphasis {
+  color: #b386b2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b39f9f
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/brush-trees.min.css b/snap-client/src/styles/base16/brush-trees.min.css
new file mode 100644
index 0000000..ebc2b58
--- /dev/null
+++ b/snap-client/src/styles/base16/brush-trees.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Brush Trees
+  Author: Abraham White <abelincoln.white@gmail.com>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#6d828e;background:#e3efef}.hljs ::selection,.hljs::selection{background-color:#b0c5c8;color:#6d828e}.hljs-comment{color:#98afb5}.hljs-tag{color:#8299a1}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#6d828e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b38686}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d8bba2}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#aab386}.hljs-strong{font-weight:700;color:#aab386}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#87b386}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#86b3b3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#868cb3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b386b2}.hljs-emphasis{color:#b386b2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b39f9f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/chalk.css b/snap-client/src/styles/base16/chalk.css
new file mode 100644
index 0000000..c0dfadd
--- /dev/null
+++ b/snap-client/src/styles/base16/chalk.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Chalk
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme chalk
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #151515  Default Background
+base01  #202020  Lighter Background (Used for status bars, line number and folding marks)
+base02  #303030  Selection Background
+base03  #505050  Comments, Invisibles, Line Highlighting
+base04  #b0b0b0  Dark Foreground (Used for status bars)
+base05  #d0d0d0  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #f5f5f5  Light Background (Not often used)
+base08  #fb9fb1  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #eda987  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ddb26f  Classes, Markup Bold, Search Text Background
+base0B  #acc267  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #12cfc0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6fc2ef  Functions, Methods, Attribute IDs, Headings
+base0E  #e1a3ee  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #deaf8f  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d0d0d0;
+  background: #151515
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #303030;
+  color: #d0d0d0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #505050 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #505050
+}
+/* base04 - #b0b0b0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b0b0b0
+}
+/* base05 - #d0d0d0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d0d0d0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fb9fb1
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #eda987
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ddb26f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ddb26f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #acc267
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #12cfc0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6fc2ef
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #e1a3ee
+}
+.hljs-emphasis {
+  color: #e1a3ee;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #deaf8f
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/chalk.min.css b/snap-client/src/styles/base16/chalk.min.css
new file mode 100644
index 0000000..a7bbe07
--- /dev/null
+++ b/snap-client/src/styles/base16/chalk.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Chalk
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0d0d0;background:#151515}.hljs ::selection,.hljs::selection{background-color:#303030;color:#d0d0d0}.hljs-comment{color:#505050}.hljs-tag{color:#b0b0b0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0d0d0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fb9fb1}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#eda987}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ddb26f}.hljs-strong{font-weight:700;color:#ddb26f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#acc267}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#12cfc0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6fc2ef}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#e1a3ee}.hljs-emphasis{color:#e1a3ee;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#deaf8f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/circus.css b/snap-client/src/styles/base16/circus.css
new file mode 100644
index 0000000..25efd46
--- /dev/null
+++ b/snap-client/src/styles/base16/circus.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Circus
+  Author: Stephan Boyer (https://github.com/stepchowfun) and Esther Wang (https://github.com/ewang12)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme circus
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #191919  Default Background
+base01  #202020  Lighter Background (Used for status bars, line number and folding marks)
+base02  #303030  Selection Background
+base03  #5f5a60  Comments, Invisibles, Line Highlighting
+base04  #505050  Dark Foreground (Used for status bars)
+base05  #a7a7a7  Default Foreground, Caret, Delimiters, Operators
+base06  #808080  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #dc657d  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #4bb1a7  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c3ba63  Classes, Markup Bold, Search Text Background
+base0B  #84b97c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #4bb1a7  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #639ee4  Functions, Methods, Attribute IDs, Headings
+base0E  #b888e2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b888e2  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a7a7a7;
+  background: #191919
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #303030;
+  color: #a7a7a7
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5f5a60 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5f5a60
+}
+/* base04 - #505050 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #505050
+}
+/* base05 - #a7a7a7 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a7a7a7
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #dc657d
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #4bb1a7
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c3ba63
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c3ba63
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #84b97c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #4bb1a7
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #639ee4
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b888e2
+}
+.hljs-emphasis {
+  color: #b888e2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b888e2
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/circus.min.css b/snap-client/src/styles/base16/circus.min.css
new file mode 100644
index 0000000..e34e78b
--- /dev/null
+++ b/snap-client/src/styles/base16/circus.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Circus
+  Author: Stephan Boyer (https://github.com/stepchowfun) and Esther Wang (https://github.com/ewang12)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a7a7a7;background:#191919}.hljs ::selection,.hljs::selection{background-color:#303030;color:#a7a7a7}.hljs-comment{color:#5f5a60}.hljs-tag{color:#505050}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a7a7a7}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#dc657d}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#4bb1a7}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c3ba63}.hljs-strong{font-weight:700;color:#c3ba63}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#84b97c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#4bb1a7}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#639ee4}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b888e2}.hljs-emphasis{color:#b888e2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b888e2}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/classic-dark.css b/snap-client/src/styles/base16/classic-dark.css
new file mode 100644
index 0000000..ca1ea2d
--- /dev/null
+++ b/snap-client/src/styles/base16/classic-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Classic Dark
+  Author: Jason Heeris (http://heeris.id.au)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme classic-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #151515  Default Background
+base01  #202020  Lighter Background (Used for status bars, line number and folding marks)
+base02  #303030  Selection Background
+base03  #505050  Comments, Invisibles, Line Highlighting
+base04  #B0B0B0  Dark Foreground (Used for status bars)
+base05  #D0D0D0  Default Foreground, Caret, Delimiters, Operators
+base06  #E0E0E0  Light Foreground (Not often used)
+base07  #F5F5F5  Light Background (Not often used)
+base08  #AC4142  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #D28445  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #F4BF75  Classes, Markup Bold, Search Text Background
+base0B  #90A959  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #75B5AA  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6A9FB5  Functions, Methods, Attribute IDs, Headings
+base0E  #AA759F  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #8F5536  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #D0D0D0;
+  background: #151515
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #303030;
+  color: #D0D0D0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #505050 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #505050
+}
+/* base04 - #B0B0B0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #B0B0B0
+}
+/* base05 - #D0D0D0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #D0D0D0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #AC4142
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #D28445
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #F4BF75
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #F4BF75
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #90A959
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #75B5AA
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6A9FB5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #AA759F
+}
+.hljs-emphasis {
+  color: #AA759F;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #8F5536
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/classic-dark.min.css b/snap-client/src/styles/base16/classic-dark.min.css
new file mode 100644
index 0000000..c9b4c40
--- /dev/null
+++ b/snap-client/src/styles/base16/classic-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Classic Dark
+  Author: Jason Heeris (http://heeris.id.au)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0d0d0;background:#151515}.hljs ::selection,.hljs::selection{background-color:#303030;color:#d0d0d0}.hljs-comment{color:#505050}.hljs-tag{color:#b0b0b0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0d0d0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ac4142}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d28445}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f4bf75}.hljs-strong{font-weight:700;color:#f4bf75}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#90a959}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#75b5aa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6a9fb5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#aa759f}.hljs-emphasis{color:#aa759f;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#8f5536}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/classic-light.css b/snap-client/src/styles/base16/classic-light.css
new file mode 100644
index 0000000..3e9a627
--- /dev/null
+++ b/snap-client/src/styles/base16/classic-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Classic Light
+  Author: Jason Heeris (http://heeris.id.au)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme classic-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #F5F5F5  Default Background
+base01  #E0E0E0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #D0D0D0  Selection Background
+base03  #B0B0B0  Comments, Invisibles, Line Highlighting
+base04  #505050  Dark Foreground (Used for status bars)
+base05  #303030  Default Foreground, Caret, Delimiters, Operators
+base06  #202020  Light Foreground (Not often used)
+base07  #151515  Light Background (Not often used)
+base08  #AC4142  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #D28445  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #F4BF75  Classes, Markup Bold, Search Text Background
+base0B  #90A959  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #75B5AA  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6A9FB5  Functions, Methods, Attribute IDs, Headings
+base0E  #AA759F  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #8F5536  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #303030;
+  background: #F5F5F5
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #D0D0D0;
+  color: #303030
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #B0B0B0 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #B0B0B0
+}
+/* base04 - #505050 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #505050
+}
+/* base05 - #303030 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #303030
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #AC4142
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #D28445
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #F4BF75
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #F4BF75
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #90A959
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #75B5AA
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6A9FB5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #AA759F
+}
+.hljs-emphasis {
+  color: #AA759F;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #8F5536
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/classic-light.min.css b/snap-client/src/styles/base16/classic-light.min.css
new file mode 100644
index 0000000..67f392f
--- /dev/null
+++ b/snap-client/src/styles/base16/classic-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Classic Light
+  Author: Jason Heeris (http://heeris.id.au)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#303030;background:#f5f5f5}.hljs ::selection,.hljs::selection{background-color:#d0d0d0;color:#303030}.hljs-comment{color:#b0b0b0}.hljs-tag{color:#505050}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#303030}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ac4142}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d28445}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f4bf75}.hljs-strong{font-weight:700;color:#f4bf75}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#90a959}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#75b5aa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6a9fb5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#aa759f}.hljs-emphasis{color:#aa759f;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#8f5536}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/codeschool.css b/snap-client/src/styles/base16/codeschool.css
new file mode 100644
index 0000000..1ae0db7
--- /dev/null
+++ b/snap-client/src/styles/base16/codeschool.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Codeschool
+  Author: blockloop
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme codeschool
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #232c31  Default Background
+base01  #1c3657  Lighter Background (Used for status bars, line number and folding marks)
+base02  #2a343a  Selection Background
+base03  #3f4944  Comments, Invisibles, Line Highlighting
+base04  #84898c  Dark Foreground (Used for status bars)
+base05  #9ea7a6  Default Foreground, Caret, Delimiters, Operators
+base06  #a7cfa3  Light Foreground (Not often used)
+base07  #b5d8f6  Light Background (Not often used)
+base08  #2a5491  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #43820d  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a03b1e  Classes, Markup Bold, Search Text Background
+base0B  #237986  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #b02f30  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #484d79  Functions, Methods, Attribute IDs, Headings
+base0E  #c59820  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c98344  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #9ea7a6;
+  background: #232c31
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #2a343a;
+  color: #9ea7a6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #3f4944 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #3f4944
+}
+/* base04 - #84898c -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #84898c
+}
+/* base05 - #9ea7a6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #9ea7a6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #2a5491
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #43820d
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a03b1e
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a03b1e
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #237986
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #b02f30
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #484d79
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #c59820
+}
+.hljs-emphasis {
+  color: #c59820;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c98344
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/codeschool.min.css b/snap-client/src/styles/base16/codeschool.min.css
new file mode 100644
index 0000000..db20ed4
--- /dev/null
+++ b/snap-client/src/styles/base16/codeschool.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Codeschool
+  Author: blockloop
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#9ea7a6;background:#232c31}.hljs ::selection,.hljs::selection{background-color:#2a343a;color:#9ea7a6}.hljs-comment{color:#3f4944}.hljs-tag{color:#84898c}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#9ea7a6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#2a5491}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#43820d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a03b1e}.hljs-strong{font-weight:700;color:#a03b1e}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#237986}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#b02f30}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#484d79}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c59820}.hljs-emphasis{color:#c59820;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c98344}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/colors.css b/snap-client/src/styles/base16/colors.css
new file mode 100644
index 0000000..12bf433
--- /dev/null
+++ b/snap-client/src/styles/base16/colors.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Colors
+  Author: mrmrs (http://clrs.cc)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme colors
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #111111  Default Background
+base01  #333333  Lighter Background (Used for status bars, line number and folding marks)
+base02  #555555  Selection Background
+base03  #777777  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #bbbbbb  Default Foreground, Caret, Delimiters, Operators
+base06  #dddddd  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #ff4136  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff851b  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffdc00  Classes, Markup Bold, Search Text Background
+base0B  #2ecc40  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #7fdbff  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0074d9  Functions, Methods, Attribute IDs, Headings
+base0E  #b10dc9  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #85144b  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #bbbbbb;
+  background: #111111
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #555555;
+  color: #bbbbbb
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #777777 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #777777
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #bbbbbb -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #bbbbbb
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff4136
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff851b
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffdc00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffdc00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #2ecc40
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #7fdbff
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0074d9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b10dc9
+}
+.hljs-emphasis {
+  color: #b10dc9;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #85144b
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/colors.min.css b/snap-client/src/styles/base16/colors.min.css
new file mode 100644
index 0000000..742aeeb
--- /dev/null
+++ b/snap-client/src/styles/base16/colors.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Colors
+  Author: mrmrs (http://clrs.cc)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#bbb;background:#111}.hljs ::selection,.hljs::selection{background-color:#555;color:#bbb}.hljs-comment{color:#777}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#bbb}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff4136}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff851b}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffdc00}.hljs-strong{font-weight:700;color:#ffdc00}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#2ecc40}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#7fdbff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0074d9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b10dc9}.hljs-emphasis{color:#b10dc9;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#85144b}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/cupcake.css b/snap-client/src/styles/base16/cupcake.css
new file mode 100644
index 0000000..a292e27
--- /dev/null
+++ b/snap-client/src/styles/base16/cupcake.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Cupcake
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme cupcake
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fbf1f2  Default Background
+base01  #f2f1f4  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d8d5dd  Selection Background
+base03  #bfb9c6  Comments, Invisibles, Line Highlighting
+base04  #a59daf  Dark Foreground (Used for status bars)
+base05  #8b8198  Default Foreground, Caret, Delimiters, Operators
+base06  #72677E  Light Foreground (Not often used)
+base07  #585062  Light Background (Not often used)
+base08  #D57E85  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #EBB790  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #DCB16C  Classes, Markup Bold, Search Text Background
+base0B  #A3B367  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #69A9A7  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7297B9  Functions, Methods, Attribute IDs, Headings
+base0E  #BB99B4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #BAA58C  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #8b8198;
+  background: #fbf1f2
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d8d5dd;
+  color: #8b8198
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #bfb9c6 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #bfb9c6
+}
+/* base04 - #a59daf -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a59daf
+}
+/* base05 - #8b8198 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #8b8198
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #D57E85
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #EBB790
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #DCB16C
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #DCB16C
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #A3B367
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #69A9A7
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7297B9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #BB99B4
+}
+.hljs-emphasis {
+  color: #BB99B4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #BAA58C
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/cupcake.min.css b/snap-client/src/styles/base16/cupcake.min.css
new file mode 100644
index 0000000..b3bffc3
--- /dev/null
+++ b/snap-client/src/styles/base16/cupcake.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Cupcake
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#8b8198;background:#fbf1f2}.hljs ::selection,.hljs::selection{background-color:#d8d5dd;color:#8b8198}.hljs-comment{color:#bfb9c6}.hljs-tag{color:#a59daf}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#8b8198}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d57e85}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ebb790}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#dcb16c}.hljs-strong{font-weight:700;color:#dcb16c}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a3b367}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#69a9a7}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7297b9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#bb99b4}.hljs-emphasis{color:#bb99b4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#baa58c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/cupertino.css b/snap-client/src/styles/base16/cupertino.css
new file mode 100644
index 0000000..53e947c
--- /dev/null
+++ b/snap-client/src/styles/base16/cupertino.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Cupertino
+  Author: Defman21
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme cupertino
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ffffff  Default Background
+base01  #c0c0c0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #c0c0c0  Selection Background
+base03  #808080  Comments, Invisibles, Line Highlighting
+base04  #808080  Dark Foreground (Used for status bars)
+base05  #404040  Default Foreground, Caret, Delimiters, Operators
+base06  #404040  Light Foreground (Not often used)
+base07  #5e5e5e  Light Background (Not often used)
+base08  #c41a15  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #eb8500  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #826b28  Classes, Markup Bold, Search Text Background
+base0B  #007400  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #318495  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0000ff  Functions, Methods, Attribute IDs, Headings
+base0E  #a90d91  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #826b28  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #404040;
+  background: #ffffff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #c0c0c0;
+  color: #404040
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #808080 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #808080
+}
+/* base04 - #808080 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #808080
+}
+/* base05 - #404040 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #404040
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c41a15
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #eb8500
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #826b28
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #826b28
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #007400
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #318495
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0000ff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a90d91
+}
+.hljs-emphasis {
+  color: #a90d91;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #826b28
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/cupertino.min.css b/snap-client/src/styles/base16/cupertino.min.css
new file mode 100644
index 0000000..abec520
--- /dev/null
+++ b/snap-client/src/styles/base16/cupertino.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Cupertino
+  Author: Defman21
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#404040;background:#fff}.hljs ::selection,.hljs::selection{background-color:silver;color:#404040}.hljs-comment,.hljs-tag{color:grey}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#404040}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c41a15}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#eb8500}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#826b28}.hljs-strong{font-weight:700;color:#826b28}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#007400}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#318495}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#00f}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a90d91}.hljs-emphasis{color:#a90d91;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#826b28}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/danqing.css b/snap-client/src/styles/base16/danqing.css
new file mode 100644
index 0000000..aa8cd17
--- /dev/null
+++ b/snap-client/src/styles/base16/danqing.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: DanQing
+  Author: Wenhan Zhu (Cosmos) (zhuwenhan950913@gmail.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme danqing
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2d302f  Default Background
+base01  #434846  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5a605d  Selection Background
+base03  #9da8a3  Comments, Invisibles, Line Highlighting
+base04  #cad8d2  Dark Foreground (Used for status bars)
+base05  #e0f0eF  Default Foreground, Caret, Delimiters, Operators
+base06  #ecf6f2  Light Foreground (Not often used)
+base07  #fcfefd  Light Background (Not often used)
+base08  #F9906F  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #B38A61  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #F0C239  Classes, Markup Bold, Search Text Background
+base0B  #8AB361  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #30DFF3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #B0A4E3  Functions, Methods, Attribute IDs, Headings
+base0E  #CCA4E3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #CA6924  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e0f0eF;
+  background: #2d302f
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5a605d;
+  color: #e0f0eF
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #9da8a3 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #9da8a3
+}
+/* base04 - #cad8d2 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #cad8d2
+}
+/* base05 - #e0f0eF -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e0f0eF
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #F9906F
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #B38A61
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #F0C239
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #F0C239
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #8AB361
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #30DFF3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #B0A4E3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #CCA4E3
+}
+.hljs-emphasis {
+  color: #CCA4E3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #CA6924
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/danqing.min.css b/snap-client/src/styles/base16/danqing.min.css
new file mode 100644
index 0000000..d9bf65d
--- /dev/null
+++ b/snap-client/src/styles/base16/danqing.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: DanQing
+  Author: Wenhan Zhu (Cosmos) (zhuwenhan950913@gmail.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e0f0ef;background:#2d302f}.hljs ::selection,.hljs::selection{background-color:#5a605d;color:#e0f0ef}.hljs-comment{color:#9da8a3}.hljs-tag{color:#cad8d2}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e0f0ef}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f9906f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b38a61}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f0c239}.hljs-strong{font-weight:700;color:#f0c239}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#8ab361}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#30dff3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#b0a4e3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#cca4e3}.hljs-emphasis{color:#cca4e3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ca6924}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/darcula.css b/snap-client/src/styles/base16/darcula.css
new file mode 100644
index 0000000..e9fa32d
--- /dev/null
+++ b/snap-client/src/styles/base16/darcula.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Darcula
+  Author: jetbrains
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme darcula
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2b2b2b  Default Background
+base01  #323232  Lighter Background (Used for status bars, line number and folding marks)
+base02  #323232  Selection Background
+base03  #606366  Comments, Invisibles, Line Highlighting
+base04  #a4a3a3  Dark Foreground (Used for status bars)
+base05  #a9b7c6  Default Foreground, Caret, Delimiters, Operators
+base06  #ffc66d  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #4eade5  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #689757  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #bbb529  Classes, Markup Bold, Search Text Background
+base0B  #6a8759  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #629755  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #9876aa  Functions, Methods, Attribute IDs, Headings
+base0E  #cc7832  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #808080  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a9b7c6;
+  background: #2b2b2b
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #323232;
+  color: #a9b7c6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #606366 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #606366
+}
+/* base04 - #a4a3a3 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a4a3a3
+}
+/* base05 - #a9b7c6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a9b7c6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #4eade5
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #689757
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #bbb529
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #bbb529
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #6a8759
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #629755
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #9876aa
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #cc7832
+}
+.hljs-emphasis {
+  color: #cc7832;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #808080
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/darcula.min.css b/snap-client/src/styles/base16/darcula.min.css
new file mode 100644
index 0000000..7824e83
--- /dev/null
+++ b/snap-client/src/styles/base16/darcula.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Darcula
+  Author: jetbrains
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a9b7c6;background:#2b2b2b}.hljs ::selection,.hljs::selection{background-color:#323232;color:#a9b7c6}.hljs-comment{color:#606366}.hljs-tag{color:#a4a3a3}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a9b7c6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#4eade5}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#689757}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#bbb529}.hljs-strong{font-weight:700;color:#bbb529}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#6a8759}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#629755}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#9876aa}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#cc7832}.hljs-emphasis{color:#cc7832;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:grey}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/dark-violet.css b/snap-client/src/styles/base16/dark-violet.css
new file mode 100644
index 0000000..8f6e6cf
--- /dev/null
+++ b/snap-client/src/styles/base16/dark-violet.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Dark Violet
+  Author: ruler501 (https://github.com/ruler501/base16-darkviolet)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme dark-violet
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #231a40  Lighter Background (Used for status bars, line number and folding marks)
+base02  #432d59  Selection Background
+base03  #593380  Comments, Invisibles, Line Highlighting
+base04  #00ff00  Dark Foreground (Used for status bars)
+base05  #b08ae6  Default Foreground, Caret, Delimiters, Operators
+base06  #9045e6  Light Foreground (Not often used)
+base07  #a366ff  Light Background (Not often used)
+base08  #a82ee6  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #bb66cc  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f29df2  Classes, Markup Bold, Search Text Background
+base0B  #4595e6  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #40dfff  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #4136d9  Functions, Methods, Attribute IDs, Headings
+base0E  #7e5ce6  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a886bf  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #b08ae6;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #432d59;
+  color: #b08ae6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #593380 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #593380
+}
+/* base04 - #00ff00 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #00ff00
+}
+/* base05 - #b08ae6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #b08ae6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #a82ee6
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #bb66cc
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f29df2
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f29df2
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #4595e6
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #40dfff
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #4136d9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #7e5ce6
+}
+.hljs-emphasis {
+  color: #7e5ce6;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a886bf
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/dark-violet.min.css b/snap-client/src/styles/base16/dark-violet.min.css
new file mode 100644
index 0000000..de19c81
--- /dev/null
+++ b/snap-client/src/styles/base16/dark-violet.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Dark Violet
+  Author: ruler501 (https://github.com/ruler501/base16-darkviolet)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b08ae6;background:#000}.hljs ::selection,.hljs::selection{background-color:#432d59;color:#b08ae6}.hljs-comment{color:#593380}.hljs-tag{color:#0f0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b08ae6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#a82ee6}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b6c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f29df2}.hljs-strong{font-weight:700;color:#f29df2}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#4595e6}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#40dfff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#4136d9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#7e5ce6}.hljs-emphasis{color:#7e5ce6;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a886bf}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/darkmoss.css b/snap-client/src/styles/base16/darkmoss.css
new file mode 100644
index 0000000..5a619df
--- /dev/null
+++ b/snap-client/src/styles/base16/darkmoss.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: darkmoss
+  Author: Gabriel Avanzi (https://github.com/avanzzzi)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme darkmoss
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #171e1f  Default Background
+base01  #252c2d  Lighter Background (Used for status bars, line number and folding marks)
+base02  #373c3d  Selection Background
+base03  #555e5f  Comments, Invisibles, Line Highlighting
+base04  #818f80  Dark Foreground (Used for status bars)
+base05  #c7c7a5  Default Foreground, Caret, Delimiters, Operators
+base06  #e3e3c8  Light Foreground (Not often used)
+base07  #e1eaef  Light Background (Not often used)
+base08  #ff4658  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #e6db74  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fdb11f  Classes, Markup Bold, Search Text Background
+base0B  #499180  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #66d9ef  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #498091  Functions, Methods, Attribute IDs, Headings
+base0E  #9bc0c8  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d27b53  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c7c7a5;
+  background: #171e1f
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #373c3d;
+  color: #c7c7a5
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #555e5f -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #555e5f
+}
+/* base04 - #818f80 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #818f80
+}
+/* base05 - #c7c7a5 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c7c7a5
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff4658
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #e6db74
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fdb11f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fdb11f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #499180
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #66d9ef
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #498091
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9bc0c8
+}
+.hljs-emphasis {
+  color: #9bc0c8;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d27b53
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/darkmoss.min.css b/snap-client/src/styles/base16/darkmoss.min.css
new file mode 100644
index 0000000..86c7f42
--- /dev/null
+++ b/snap-client/src/styles/base16/darkmoss.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: darkmoss
+  Author: Gabriel Avanzi (https://github.com/avanzzzi)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c7c7a5;background:#171e1f}.hljs ::selection,.hljs::selection{background-color:#373c3d;color:#c7c7a5}.hljs-comment{color:#555e5f}.hljs-tag{color:#818f80}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c7c7a5}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff4658}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e6db74}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fdb11f}.hljs-strong{font-weight:700;color:#fdb11f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#499180}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#66d9ef}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#498091}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9bc0c8}.hljs-emphasis{color:#9bc0c8;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d27b53}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/darktooth.css b/snap-client/src/styles/base16/darktooth.css
new file mode 100644
index 0000000..bffff9c
--- /dev/null
+++ b/snap-client/src/styles/base16/darktooth.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Darktooth
+  Author: Jason Milkins (https://github.com/jasonm23)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme darktooth
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1D2021  Default Background
+base01  #32302F  Lighter Background (Used for status bars, line number and folding marks)
+base02  #504945  Selection Background
+base03  #665C54  Comments, Invisibles, Line Highlighting
+base04  #928374  Dark Foreground (Used for status bars)
+base05  #A89984  Default Foreground, Caret, Delimiters, Operators
+base06  #D5C4A1  Light Foreground (Not often used)
+base07  #FDF4C1  Light Background (Not often used)
+base08  #FB543F  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #FE8625  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FAC03B  Classes, Markup Bold, Search Text Background
+base0B  #95C085  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #8BA59B  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0D6678  Functions, Methods, Attribute IDs, Headings
+base0E  #8F4673  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #A87322  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #A89984;
+  background: #1D2021
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #504945;
+  color: #A89984
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #665C54 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #665C54
+}
+/* base04 - #928374 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #928374
+}
+/* base05 - #A89984 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #A89984
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #FB543F
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #FE8625
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FAC03B
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FAC03B
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #95C085
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #8BA59B
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0D6678
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8F4673
+}
+.hljs-emphasis {
+  color: #8F4673;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #A87322
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/darktooth.min.css b/snap-client/src/styles/base16/darktooth.min.css
new file mode 100644
index 0000000..b95a507
--- /dev/null
+++ b/snap-client/src/styles/base16/darktooth.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Darktooth
+  Author: Jason Milkins (https://github.com/jasonm23)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a89984;background:#1d2021}.hljs ::selection,.hljs::selection{background-color:#504945;color:#a89984}.hljs-comment{color:#665c54}.hljs-tag{color:#928374}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a89984}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fb543f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fe8625}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fac03b}.hljs-strong{font-weight:700;color:#fac03b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#95c085}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#8ba59b}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0d6678}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8f4673}.hljs-emphasis{color:#8f4673;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a87322}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/decaf.css b/snap-client/src/styles/base16/decaf.css
new file mode 100644
index 0000000..bccfa1c
--- /dev/null
+++ b/snap-client/src/styles/base16/decaf.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Decaf
+  Author: Alex Mirrington (https://github.com/alexmirrington)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme decaf
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2d2d2d  Default Background
+base01  #393939  Lighter Background (Used for status bars, line number and folding marks)
+base02  #515151  Selection Background
+base03  #777777  Comments, Invisibles, Line Highlighting
+base04  #b4b7b4  Dark Foreground (Used for status bars)
+base05  #cccccc  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #ff7f7b  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ffbf70  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffd67c  Classes, Markup Bold, Search Text Background
+base0B  #beda78  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #bed6ff  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #90bee1  Functions, Methods, Attribute IDs, Headings
+base0E  #efb3f7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #ff93b3  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cccccc;
+  background: #2d2d2d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #515151;
+  color: #cccccc
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #777777 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #777777
+}
+/* base04 - #b4b7b4 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b4b7b4
+}
+/* base05 - #cccccc -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cccccc
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff7f7b
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ffbf70
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffd67c
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffd67c
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #beda78
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #bed6ff
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #90bee1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #efb3f7
+}
+.hljs-emphasis {
+  color: #efb3f7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #ff93b3
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/decaf.min.css b/snap-client/src/styles/base16/decaf.min.css
new file mode 100644
index 0000000..82057b6
--- /dev/null
+++ b/snap-client/src/styles/base16/decaf.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Decaf
+  Author: Alex Mirrington (https://github.com/alexmirrington)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ccc;background:#2d2d2d}.hljs ::selection,.hljs::selection{background-color:#515151;color:#ccc}.hljs-comment{color:#777}.hljs-tag{color:#b4b7b4}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff7f7b}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ffbf70}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffd67c}.hljs-strong{font-weight:700;color:#ffd67c}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#beda78}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#bed6ff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#90bee1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#efb3f7}.hljs-emphasis{color:#efb3f7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ff93b3}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/default-dark.css b/snap-client/src/styles/base16/default-dark.css
new file mode 100644
index 0000000..0b7cb99
--- /dev/null
+++ b/snap-client/src/styles/base16/default-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Default Dark
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme default-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #181818  Default Background
+base01  #282828  Lighter Background (Used for status bars, line number and folding marks)
+base02  #383838  Selection Background
+base03  #585858  Comments, Invisibles, Line Highlighting
+base04  #b8b8b8  Dark Foreground (Used for status bars)
+base05  #d8d8d8  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e8e8  Light Foreground (Not often used)
+base07  #f8f8f8  Light Background (Not often used)
+base08  #ab4642  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #dc9656  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f7ca88  Classes, Markup Bold, Search Text Background
+base0B  #a1b56c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #86c1b9  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7cafc2  Functions, Methods, Attribute IDs, Headings
+base0E  #ba8baf  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a16946  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d8d8d8;
+  background: #181818
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #383838;
+  color: #d8d8d8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #585858 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #585858
+}
+/* base04 - #b8b8b8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b8b8b8
+}
+/* base05 - #d8d8d8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d8d8d8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ab4642
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #dc9656
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f7ca88
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f7ca88
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a1b56c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #86c1b9
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7cafc2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ba8baf
+}
+.hljs-emphasis {
+  color: #ba8baf;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a16946
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/default-dark.min.css b/snap-client/src/styles/base16/default-dark.min.css
new file mode 100644
index 0000000..eee7cd6
--- /dev/null
+++ b/snap-client/src/styles/base16/default-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Default Dark
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d8d8d8;background:#181818}.hljs ::selection,.hljs::selection{background-color:#383838;color:#d8d8d8}.hljs-comment{color:#585858}.hljs-tag{color:#b8b8b8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d8d8d8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ab4642}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#dc9656}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f7ca88}.hljs-strong{font-weight:700;color:#f7ca88}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a1b56c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#86c1b9}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7cafc2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ba8baf}.hljs-emphasis{color:#ba8baf;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a16946}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/default-light.css b/snap-client/src/styles/base16/default-light.css
new file mode 100644
index 0000000..16d5e9e
--- /dev/null
+++ b/snap-client/src/styles/base16/default-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Default Light
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme default-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f8f8f8  Default Background
+base01  #e8e8e8  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d8d8d8  Selection Background
+base03  #b8b8b8  Comments, Invisibles, Line Highlighting
+base04  #585858  Dark Foreground (Used for status bars)
+base05  #383838  Default Foreground, Caret, Delimiters, Operators
+base06  #282828  Light Foreground (Not often used)
+base07  #181818  Light Background (Not often used)
+base08  #ab4642  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #dc9656  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f7ca88  Classes, Markup Bold, Search Text Background
+base0B  #a1b56c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #86c1b9  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7cafc2  Functions, Methods, Attribute IDs, Headings
+base0E  #ba8baf  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a16946  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #383838;
+  background: #f8f8f8
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d8d8d8;
+  color: #383838
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #b8b8b8 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #b8b8b8
+}
+/* base04 - #585858 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #585858
+}
+/* base05 - #383838 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #383838
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ab4642
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #dc9656
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f7ca88
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f7ca88
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a1b56c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #86c1b9
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7cafc2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ba8baf
+}
+.hljs-emphasis {
+  color: #ba8baf;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a16946
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/default-light.min.css b/snap-client/src/styles/base16/default-light.min.css
new file mode 100644
index 0000000..2b85d9c
--- /dev/null
+++ b/snap-client/src/styles/base16/default-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Default Light
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383838;background:#f8f8f8}.hljs ::selection,.hljs::selection{background-color:#d8d8d8;color:#383838}.hljs-comment{color:#b8b8b8}.hljs-tag{color:#585858}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#383838}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ab4642}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#dc9656}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f7ca88}.hljs-strong{font-weight:700;color:#f7ca88}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a1b56c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#86c1b9}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7cafc2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ba8baf}.hljs-emphasis{color:#ba8baf;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a16946}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/dirtysea.css b/snap-client/src/styles/base16/dirtysea.css
new file mode 100644
index 0000000..6011c9e
--- /dev/null
+++ b/snap-client/src/styles/base16/dirtysea.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: dirtysea
+  Author: Kahlil (Kal) Hodgson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme dirtysea
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #e0e0e0  Default Background
+base01  #d0dad0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d0d0d0  Selection Background
+base03  #707070  Comments, Invisibles, Line Highlighting
+base04  #202020  Dark Foreground (Used for status bars)
+base05  #000000  Default Foreground, Caret, Delimiters, Operators
+base06  #f8f8f8  Light Foreground (Not often used)
+base07  #c4d9c4  Light Background (Not often used)
+base08  #840000  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #006565  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #755B00  Classes, Markup Bold, Search Text Background
+base0B  #730073  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #755B00  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #007300  Functions, Methods, Attribute IDs, Headings
+base0E  #000090  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #755B00  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #000000;
+  background: #e0e0e0
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d0d0d0;
+  color: #000000
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #707070 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #707070
+}
+/* base04 - #202020 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #202020
+}
+/* base05 - #000000 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #000000
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #840000
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #006565
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #755B00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #755B00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #730073
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #755B00
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #007300
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #000090
+}
+.hljs-emphasis {
+  color: #000090;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #755B00
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/dirtysea.min.css b/snap-client/src/styles/base16/dirtysea.min.css
new file mode 100644
index 0000000..801a545
--- /dev/null
+++ b/snap-client/src/styles/base16/dirtysea.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: dirtysea
+  Author: Kahlil (Kal) Hodgson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#000;background:#e0e0e0}.hljs ::selection,.hljs::selection{background-color:#d0d0d0;color:#000}.hljs-comment{color:#707070}.hljs-tag{color:#202020}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#000}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#840000}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#006565}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#755b00}.hljs-strong{font-weight:700;color:#755b00}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#730073}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#755b00}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#007300}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#000090}.hljs-emphasis{color:#000090;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#755b00}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/dracula.css b/snap-client/src/styles/base16/dracula.css
new file mode 100644
index 0000000..d29e4b3
--- /dev/null
+++ b/snap-client/src/styles/base16/dracula.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Dracula
+  Author: Mike Barkmin (http://github.com/mikebarkmin) based on Dracula Theme (http://github.com/dracula)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme dracula
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #282936  Default Background
+base01  #3a3c4e  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4d4f68  Selection Background
+base03  #626483  Comments, Invisibles, Line Highlighting
+base04  #62d6e8  Dark Foreground (Used for status bars)
+base05  #e9e9f4  Default Foreground, Caret, Delimiters, Operators
+base06  #f1f2f8  Light Foreground (Not often used)
+base07  #f7f7fb  Light Background (Not often used)
+base08  #ea51b2  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b45bcf  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #00f769  Classes, Markup Bold, Search Text Background
+base0B  #ebff87  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #a1efe4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #62d6e8  Functions, Methods, Attribute IDs, Headings
+base0E  #b45bcf  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #00f769  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e9e9f4;
+  background: #282936
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4d4f68;
+  color: #e9e9f4
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #626483 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #626483
+}
+/* base04 - #62d6e8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #62d6e8
+}
+/* base05 - #e9e9f4 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e9e9f4
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ea51b2
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b45bcf
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #00f769
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #00f769
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #ebff87
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #a1efe4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #62d6e8
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b45bcf
+}
+.hljs-emphasis {
+  color: #b45bcf;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #00f769
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/dracula.min.css b/snap-client/src/styles/base16/dracula.min.css
new file mode 100644
index 0000000..729bbbf
--- /dev/null
+++ b/snap-client/src/styles/base16/dracula.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Dracula
+  Author: Mike Barkmin (http://github.com/mikebarkmin) based on Dracula Theme (http://github.com/dracula)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e9e9f4;background:#282936}.hljs ::selection,.hljs::selection{background-color:#4d4f68;color:#e9e9f4}.hljs-comment{color:#626483}.hljs-tag{color:#62d6e8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e9e9f4}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ea51b2}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b45bcf}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#00f769}.hljs-strong{font-weight:700;color:#00f769}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#ebff87}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#a1efe4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#62d6e8}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b45bcf}.hljs-emphasis{color:#b45bcf;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#00f769}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/edge-dark.css b/snap-client/src/styles/base16/edge-dark.css
new file mode 100644
index 0000000..76b650b
--- /dev/null
+++ b/snap-client/src/styles/base16/edge-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Edge Dark
+  Author: cjayross (https://github.com/cjayross)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme edge-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #262729  Default Background
+base01  #88909f  Lighter Background (Used for status bars, line number and folding marks)
+base02  #b7bec9  Selection Background
+base03  #3e4249  Comments, Invisibles, Line Highlighting
+base04  #73b3e7  Dark Foreground (Used for status bars)
+base05  #b7bec9  Default Foreground, Caret, Delimiters, Operators
+base06  #d390e7  Light Foreground (Not often used)
+base07  #3e4249  Light Background (Not often used)
+base08  #e77171  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #e77171  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #dbb774  Classes, Markup Bold, Search Text Background
+base0B  #a1bf78  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5ebaa5  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #73b3e7  Functions, Methods, Attribute IDs, Headings
+base0E  #d390e7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #5ebaa5  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #b7bec9;
+  background: #262729
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #b7bec9;
+  color: #b7bec9
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #3e4249 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #3e4249
+}
+/* base04 - #73b3e7 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #73b3e7
+}
+/* base05 - #b7bec9 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #b7bec9
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e77171
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #e77171
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #dbb774
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #dbb774
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a1bf78
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5ebaa5
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #73b3e7
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d390e7
+}
+.hljs-emphasis {
+  color: #d390e7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #5ebaa5
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/edge-dark.min.css b/snap-client/src/styles/base16/edge-dark.min.css
new file mode 100644
index 0000000..9e2ddb2
--- /dev/null
+++ b/snap-client/src/styles/base16/edge-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Edge Dark
+  Author: cjayross (https://github.com/cjayross)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b7bec9;background:#262729}.hljs ::selection,.hljs::selection{background-color:#b7bec9;color:#b7bec9}.hljs-comment{color:#3e4249}.hljs-tag{color:#73b3e7}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b7bec9}.hljs-operator{opacity:.7}.hljs-attr,.hljs-bullet,.hljs-deletion,.hljs-link,.hljs-literal,.hljs-name,.hljs-number,.hljs-selector-tag,.hljs-symbol,.hljs-template-variable,.hljs-variable,.hljs-variable.constant_{color:#e77171}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#dbb774}.hljs-strong{font-weight:700;color:#dbb774}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a1bf78}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5ebaa5}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#73b3e7}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d390e7}.hljs-emphasis{color:#d390e7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#5ebaa5}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/edge-light.css b/snap-client/src/styles/base16/edge-light.css
new file mode 100644
index 0000000..1f85ab2
--- /dev/null
+++ b/snap-client/src/styles/base16/edge-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Edge Light
+  Author: cjayross (https://github.com/cjayross)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme edge-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fafafa  Default Background
+base01  #7c9f4b  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d69822  Selection Background
+base03  #5e646f  Comments, Invisibles, Line Highlighting
+base04  #6587bf  Dark Foreground (Used for status bars)
+base05  #5e646f  Default Foreground, Caret, Delimiters, Operators
+base06  #b870ce  Light Foreground (Not often used)
+base07  #5e646f  Light Background (Not often used)
+base08  #db7070  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #db7070  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #d69822  Classes, Markup Bold, Search Text Background
+base0B  #7c9f4b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #509c93  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6587bf  Functions, Methods, Attribute IDs, Headings
+base0E  #b870ce  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #509c93  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #5e646f;
+  background: #fafafa
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d69822;
+  color: #5e646f
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5e646f -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5e646f
+}
+/* base04 - #6587bf -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #6587bf
+}
+/* base05 - #5e646f -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #5e646f
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #db7070
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #db7070
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #d69822
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #d69822
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7c9f4b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #509c93
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6587bf
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b870ce
+}
+.hljs-emphasis {
+  color: #b870ce;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #509c93
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/edge-light.min.css b/snap-client/src/styles/base16/edge-light.min.css
new file mode 100644
index 0000000..940401f
--- /dev/null
+++ b/snap-client/src/styles/base16/edge-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Edge Light
+  Author: cjayross (https://github.com/cjayross)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#5e646f;background:#fafafa}.hljs ::selection,.hljs::selection{background-color:#d69822;color:#5e646f}.hljs-comment{color:#5e646f}.hljs-tag{color:#6587bf}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#5e646f}.hljs-operator{opacity:.7}.hljs-attr,.hljs-bullet,.hljs-deletion,.hljs-link,.hljs-literal,.hljs-name,.hljs-number,.hljs-selector-tag,.hljs-symbol,.hljs-template-variable,.hljs-variable,.hljs-variable.constant_{color:#db7070}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#d69822}.hljs-strong{font-weight:700;color:#d69822}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7c9f4b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#509c93}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6587bf}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b870ce}.hljs-emphasis{color:#b870ce;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#509c93}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/eighties.css b/snap-client/src/styles/base16/eighties.css
new file mode 100644
index 0000000..149acef
--- /dev/null
+++ b/snap-client/src/styles/base16/eighties.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Eighties
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme eighties
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2d2d2d  Default Background
+base01  #393939  Lighter Background (Used for status bars, line number and folding marks)
+base02  #515151  Selection Background
+base03  #747369  Comments, Invisibles, Line Highlighting
+base04  #a09f93  Dark Foreground (Used for status bars)
+base05  #d3d0c8  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e6df  Light Foreground (Not often used)
+base07  #f2f0ec  Light Background (Not often used)
+base08  #f2777a  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f99157  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffcc66  Classes, Markup Bold, Search Text Background
+base0B  #99cc99  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #66cccc  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6699cc  Functions, Methods, Attribute IDs, Headings
+base0E  #cc99cc  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d27b53  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d3d0c8;
+  background: #2d2d2d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #515151;
+  color: #d3d0c8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #747369 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #747369
+}
+/* base04 - #a09f93 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a09f93
+}
+/* base05 - #d3d0c8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d3d0c8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f2777a
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f99157
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffcc66
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffcc66
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #99cc99
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #66cccc
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6699cc
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #cc99cc
+}
+.hljs-emphasis {
+  color: #cc99cc;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d27b53
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/eighties.min.css b/snap-client/src/styles/base16/eighties.min.css
new file mode 100644
index 0000000..0ef9e1e
--- /dev/null
+++ b/snap-client/src/styles/base16/eighties.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Eighties
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d3d0c8;background:#2d2d2d}.hljs ::selection,.hljs::selection{background-color:#515151;color:#d3d0c8}.hljs-comment{color:#747369}.hljs-tag{color:#a09f93}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d3d0c8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f2777a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f99157}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fc6}.hljs-strong{font-weight:700;color:#fc6}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#9c9}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#6cc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#69c}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c9c}.hljs-emphasis{color:#c9c;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d27b53}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/embers.css b/snap-client/src/styles/base16/embers.css
new file mode 100644
index 0000000..4172ef6
--- /dev/null
+++ b/snap-client/src/styles/base16/embers.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Embers
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme embers
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #16130F  Default Background
+base01  #2C2620  Lighter Background (Used for status bars, line number and folding marks)
+base02  #433B32  Selection Background
+base03  #5A5047  Comments, Invisibles, Line Highlighting
+base04  #8A8075  Dark Foreground (Used for status bars)
+base05  #A39A90  Default Foreground, Caret, Delimiters, Operators
+base06  #BEB6AE  Light Foreground (Not often used)
+base07  #DBD6D1  Light Background (Not often used)
+base08  #826D57  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #828257  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #6D8257  Classes, Markup Bold, Search Text Background
+base0B  #57826D  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #576D82  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6D5782  Functions, Methods, Attribute IDs, Headings
+base0E  #82576D  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #825757  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #A39A90;
+  background: #16130F
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #433B32;
+  color: #A39A90
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5A5047 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5A5047
+}
+/* base04 - #8A8075 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #8A8075
+}
+/* base05 - #A39A90 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #A39A90
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #826D57
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #828257
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #6D8257
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #6D8257
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #57826D
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #576D82
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6D5782
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #82576D
+}
+.hljs-emphasis {
+  color: #82576D;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #825757
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/embers.min.css b/snap-client/src/styles/base16/embers.min.css
new file mode 100644
index 0000000..eb5426c
--- /dev/null
+++ b/snap-client/src/styles/base16/embers.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Embers
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a39a90;background:#16130f}.hljs ::selection,.hljs::selection{background-color:#433b32;color:#a39a90}.hljs-comment{color:#5a5047}.hljs-tag{color:#8a8075}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a39a90}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#826d57}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#828257}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#6d8257}.hljs-strong{font-weight:700;color:#6d8257}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#57826d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#576d82}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6d5782}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#82576d}.hljs-emphasis{color:#82576d;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#825757}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/equilibrium-dark.css b/snap-client/src/styles/base16/equilibrium-dark.css
new file mode 100644
index 0000000..608a02e
--- /dev/null
+++ b/snap-client/src/styles/base16/equilibrium-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Equilibrium Dark
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme equilibrium-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #0c1118  Default Background
+base01  #181c22  Lighter Background (Used for status bars, line number and folding marks)
+base02  #22262d  Selection Background
+base03  #7b776e  Comments, Invisibles, Line Highlighting
+base04  #949088  Dark Foreground (Used for status bars)
+base05  #afaba2  Default Foreground, Caret, Delimiters, Operators
+base06  #cac6bd  Light Foreground (Not often used)
+base07  #e7e2d9  Light Background (Not often used)
+base08  #f04339  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #df5923  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #bb8801  Classes, Markup Bold, Search Text Background
+base0B  #7f8b00  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00948b  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #008dd1  Functions, Methods, Attribute IDs, Headings
+base0E  #6a7fd2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e3488e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #afaba2;
+  background: #0c1118
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #22262d;
+  color: #afaba2
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7b776e -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7b776e
+}
+/* base04 - #949088 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #949088
+}
+/* base05 - #afaba2 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #afaba2
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f04339
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #df5923
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #bb8801
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #bb8801
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7f8b00
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00948b
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #008dd1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6a7fd2
+}
+.hljs-emphasis {
+  color: #6a7fd2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e3488e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/equilibrium-dark.min.css b/snap-client/src/styles/base16/equilibrium-dark.min.css
new file mode 100644
index 0000000..e3fe3ae
--- /dev/null
+++ b/snap-client/src/styles/base16/equilibrium-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Equilibrium Dark
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#afaba2;background:#0c1118}.hljs ::selection,.hljs::selection{background-color:#22262d;color:#afaba2}.hljs-comment{color:#7b776e}.hljs-tag{color:#949088}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#afaba2}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f04339}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#df5923}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#bb8801}.hljs-strong{font-weight:700;color:#bb8801}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7f8b00}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#00948b}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#008dd1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6a7fd2}.hljs-emphasis{color:#6a7fd2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e3488e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/equilibrium-gray-dark.css b/snap-client/src/styles/base16/equilibrium-gray-dark.css
new file mode 100644
index 0000000..5e4b619
--- /dev/null
+++ b/snap-client/src/styles/base16/equilibrium-gray-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Equilibrium Gray Dark
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme equilibrium-gray-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #111111  Default Background
+base01  #1b1b1b  Lighter Background (Used for status bars, line number and folding marks)
+base02  #262626  Selection Background
+base03  #777777  Comments, Invisibles, Line Highlighting
+base04  #919191  Dark Foreground (Used for status bars)
+base05  #ababab  Default Foreground, Caret, Delimiters, Operators
+base06  #c6c6c6  Light Foreground (Not often used)
+base07  #e2e2e2  Light Background (Not often used)
+base08  #f04339  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #df5923  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #bb8801  Classes, Markup Bold, Search Text Background
+base0B  #7f8b00  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00948b  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #008dd1  Functions, Methods, Attribute IDs, Headings
+base0E  #6a7fd2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e3488e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #ababab;
+  background: #111111
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #262626;
+  color: #ababab
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #777777 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #777777
+}
+/* base04 - #919191 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #919191
+}
+/* base05 - #ababab -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #ababab
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f04339
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #df5923
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #bb8801
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #bb8801
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7f8b00
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00948b
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #008dd1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6a7fd2
+}
+.hljs-emphasis {
+  color: #6a7fd2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e3488e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/equilibrium-gray-dark.min.css b/snap-client/src/styles/base16/equilibrium-gray-dark.min.css
new file mode 100644
index 0000000..d3c2ff1
--- /dev/null
+++ b/snap-client/src/styles/base16/equilibrium-gray-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Equilibrium Gray Dark
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ababab;background:#111}.hljs ::selection,.hljs::selection{background-color:#262626;color:#ababab}.hljs-comment{color:#777}.hljs-tag{color:#919191}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ababab}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f04339}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#df5923}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#bb8801}.hljs-strong{font-weight:700;color:#bb8801}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7f8b00}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#00948b}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#008dd1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6a7fd2}.hljs-emphasis{color:#6a7fd2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e3488e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/equilibrium-gray-light.css b/snap-client/src/styles/base16/equilibrium-gray-light.css
new file mode 100644
index 0000000..6f50e3d
--- /dev/null
+++ b/snap-client/src/styles/base16/equilibrium-gray-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Equilibrium Gray Light
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme equilibrium-gray-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f1f1f1  Default Background
+base01  #e2e2e2  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d4d4d4  Selection Background
+base03  #777777  Comments, Invisibles, Line Highlighting
+base04  #5e5e5e  Dark Foreground (Used for status bars)
+base05  #474747  Default Foreground, Caret, Delimiters, Operators
+base06  #303030  Light Foreground (Not often used)
+base07  #1b1b1b  Light Background (Not often used)
+base08  #d02023  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #bf3e05  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #9d6f00  Classes, Markup Bold, Search Text Background
+base0B  #637200  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #007a72  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0073b5  Functions, Methods, Attribute IDs, Headings
+base0E  #4e66b6  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c42775  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #474747;
+  background: #f1f1f1
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d4d4d4;
+  color: #474747
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #777777 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #777777
+}
+/* base04 - #5e5e5e -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5e5e5e
+}
+/* base05 - #474747 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #474747
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d02023
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #bf3e05
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #9d6f00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #9d6f00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #637200
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #007a72
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0073b5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #4e66b6
+}
+.hljs-emphasis {
+  color: #4e66b6;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c42775
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/equilibrium-gray-light.min.css b/snap-client/src/styles/base16/equilibrium-gray-light.min.css
new file mode 100644
index 0000000..817269f
--- /dev/null
+++ b/snap-client/src/styles/base16/equilibrium-gray-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Equilibrium Gray Light
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#474747;background:#f1f1f1}.hljs ::selection,.hljs::selection{background-color:#d4d4d4;color:#474747}.hljs-comment{color:#777}.hljs-tag{color:#5e5e5e}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#474747}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d02023}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#bf3e05}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#9d6f00}.hljs-strong{font-weight:700;color:#9d6f00}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#637200}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#007a72}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0073b5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#4e66b6}.hljs-emphasis{color:#4e66b6;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c42775}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/equilibrium-light.css b/snap-client/src/styles/base16/equilibrium-light.css
new file mode 100644
index 0000000..23341cb
--- /dev/null
+++ b/snap-client/src/styles/base16/equilibrium-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Equilibrium Light
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme equilibrium-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f5f0e7  Default Background
+base01  #e7e2d9  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d8d4cb  Selection Background
+base03  #73777f  Comments, Invisibles, Line Highlighting
+base04  #5a5f66  Dark Foreground (Used for status bars)
+base05  #43474e  Default Foreground, Caret, Delimiters, Operators
+base06  #2c3138  Light Foreground (Not often used)
+base07  #181c22  Light Background (Not often used)
+base08  #d02023  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #bf3e05  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #9d6f00  Classes, Markup Bold, Search Text Background
+base0B  #637200  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #007a72  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0073b5  Functions, Methods, Attribute IDs, Headings
+base0E  #4e66b6  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c42775  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #43474e;
+  background: #f5f0e7
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d8d4cb;
+  color: #43474e
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #73777f -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #73777f
+}
+/* base04 - #5a5f66 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5a5f66
+}
+/* base05 - #43474e -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #43474e
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d02023
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #bf3e05
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #9d6f00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #9d6f00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #637200
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #007a72
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0073b5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #4e66b6
+}
+.hljs-emphasis {
+  color: #4e66b6;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c42775
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/equilibrium-light.min.css b/snap-client/src/styles/base16/equilibrium-light.min.css
new file mode 100644
index 0000000..38564e9
--- /dev/null
+++ b/snap-client/src/styles/base16/equilibrium-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Equilibrium Light
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#43474e;background:#f5f0e7}.hljs ::selection,.hljs::selection{background-color:#d8d4cb;color:#43474e}.hljs-comment{color:#73777f}.hljs-tag{color:#5a5f66}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#43474e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d02023}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#bf3e05}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#9d6f00}.hljs-strong{font-weight:700;color:#9d6f00}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#637200}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#007a72}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0073b5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#4e66b6}.hljs-emphasis{color:#4e66b6;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c42775}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/espresso.css b/snap-client/src/styles/base16/espresso.css
new file mode 100644
index 0000000..ca25f04
--- /dev/null
+++ b/snap-client/src/styles/base16/espresso.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Espresso
+  Author: Unknown. Maintained by Alex Mirrington (https://github.com/alexmirrington)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme espresso
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2d2d2d  Default Background
+base01  #393939  Lighter Background (Used for status bars, line number and folding marks)
+base02  #515151  Selection Background
+base03  #777777  Comments, Invisibles, Line Highlighting
+base04  #b4b7b4  Dark Foreground (Used for status bars)
+base05  #cccccc  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #d25252  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f9a959  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffc66d  Classes, Markup Bold, Search Text Background
+base0B  #a5c261  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #bed6ff  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6c99bb  Functions, Methods, Attribute IDs, Headings
+base0E  #d197d9  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #f97394  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cccccc;
+  background: #2d2d2d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #515151;
+  color: #cccccc
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #777777 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #777777
+}
+/* base04 - #b4b7b4 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b4b7b4
+}
+/* base05 - #cccccc -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cccccc
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d25252
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f9a959
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffc66d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffc66d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a5c261
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #bed6ff
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6c99bb
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d197d9
+}
+.hljs-emphasis {
+  color: #d197d9;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #f97394
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/espresso.min.css b/snap-client/src/styles/base16/espresso.min.css
new file mode 100644
index 0000000..9d9a0ae
--- /dev/null
+++ b/snap-client/src/styles/base16/espresso.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Espresso
+  Author: Unknown. Maintained by Alex Mirrington (https://github.com/alexmirrington)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ccc;background:#2d2d2d}.hljs ::selection,.hljs::selection{background-color:#515151;color:#ccc}.hljs-comment{color:#777}.hljs-tag{color:#b4b7b4}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d25252}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f9a959}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffc66d}.hljs-strong{font-weight:700;color:#ffc66d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a5c261}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#bed6ff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6c99bb}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d197d9}.hljs-emphasis{color:#d197d9;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#f97394}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/eva-dim.css b/snap-client/src/styles/base16/eva-dim.css
new file mode 100644
index 0000000..fca06f4
--- /dev/null
+++ b/snap-client/src/styles/base16/eva-dim.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Eva Dim
+  Author: kjakapat (https://github.com/kjakapat)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme eva-dim
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2a3b4d  Default Background
+base01  #3d566f  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4b6988  Selection Background
+base03  #55799c  Comments, Invisibles, Line Highlighting
+base04  #7e90a3  Dark Foreground (Used for status bars)
+base05  #9fa2a6  Default Foreground, Caret, Delimiters, Operators
+base06  #d6d7d9  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #c4676c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff9966  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #cfd05d  Classes, Markup Bold, Search Text Background
+base0B  #5de561  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #4b8f77  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #1ae1dc  Functions, Methods, Attribute IDs, Headings
+base0E  #9c6cd3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bb64a9  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #9fa2a6;
+  background: #2a3b4d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4b6988;
+  color: #9fa2a6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #55799c -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #55799c
+}
+/* base04 - #7e90a3 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7e90a3
+}
+/* base05 - #9fa2a6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #9fa2a6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c4676c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff9966
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #cfd05d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #cfd05d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #5de561
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #4b8f77
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #1ae1dc
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9c6cd3
+}
+.hljs-emphasis {
+  color: #9c6cd3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bb64a9
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/eva-dim.min.css b/snap-client/src/styles/base16/eva-dim.min.css
new file mode 100644
index 0000000..ab37158
--- /dev/null
+++ b/snap-client/src/styles/base16/eva-dim.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Eva Dim
+  Author: kjakapat (https://github.com/kjakapat)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#9fa2a6;background:#2a3b4d}.hljs ::selection,.hljs::selection{background-color:#4b6988;color:#9fa2a6}.hljs-comment{color:#55799c}.hljs-tag{color:#7e90a3}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#9fa2a6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c4676c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f96}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#cfd05d}.hljs-strong{font-weight:700;color:#cfd05d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#5de561}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#4b8f77}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#1ae1dc}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9c6cd3}.hljs-emphasis{color:#9c6cd3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bb64a9}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/eva.css b/snap-client/src/styles/base16/eva.css
new file mode 100644
index 0000000..46f1955
--- /dev/null
+++ b/snap-client/src/styles/base16/eva.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Eva
+  Author: kjakapat (https://github.com/kjakapat)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme eva
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2a3b4d  Default Background
+base01  #3d566f  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4b6988  Selection Background
+base03  #55799c  Comments, Invisibles, Line Highlighting
+base04  #7e90a3  Dark Foreground (Used for status bars)
+base05  #9fa2a6  Default Foreground, Caret, Delimiters, Operators
+base06  #d6d7d9  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #c4676c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff9966  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffff66  Classes, Markup Bold, Search Text Background
+base0B  #66ff66  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #4b8f77  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #15f4ee  Functions, Methods, Attribute IDs, Headings
+base0E  #9c6cd3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bb64a9  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #9fa2a6;
+  background: #2a3b4d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4b6988;
+  color: #9fa2a6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #55799c -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #55799c
+}
+/* base04 - #7e90a3 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7e90a3
+}
+/* base05 - #9fa2a6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #9fa2a6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c4676c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff9966
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffff66
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffff66
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #66ff66
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #4b8f77
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #15f4ee
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9c6cd3
+}
+.hljs-emphasis {
+  color: #9c6cd3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bb64a9
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/eva.min.css b/snap-client/src/styles/base16/eva.min.css
new file mode 100644
index 0000000..c4fb9cc
--- /dev/null
+++ b/snap-client/src/styles/base16/eva.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Eva
+  Author: kjakapat (https://github.com/kjakapat)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#9fa2a6;background:#2a3b4d}.hljs ::selection,.hljs::selection{background-color:#4b6988;color:#9fa2a6}.hljs-comment{color:#55799c}.hljs-tag{color:#7e90a3}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#9fa2a6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c4676c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f96}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ff6}.hljs-strong{font-weight:700;color:#ff6}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#6f6}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#4b8f77}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#15f4ee}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9c6cd3}.hljs-emphasis{color:#9c6cd3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bb64a9}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/flat.css b/snap-client/src/styles/base16/flat.css
new file mode 100644
index 0000000..0859bad
--- /dev/null
+++ b/snap-client/src/styles/base16/flat.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Flat
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme flat
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2C3E50  Default Background
+base01  #34495E  Lighter Background (Used for status bars, line number and folding marks)
+base02  #7F8C8D  Selection Background
+base03  #95A5A6  Comments, Invisibles, Line Highlighting
+base04  #BDC3C7  Dark Foreground (Used for status bars)
+base05  #e0e0e0  Default Foreground, Caret, Delimiters, Operators
+base06  #f5f5f5  Light Foreground (Not often used)
+base07  #ECF0F1  Light Background (Not often used)
+base08  #E74C3C  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #E67E22  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #F1C40F  Classes, Markup Bold, Search Text Background
+base0B  #2ECC71  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1ABC9C  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3498DB  Functions, Methods, Attribute IDs, Headings
+base0E  #9B59B6  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #be643c  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e0e0e0;
+  background: #2C3E50
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #7F8C8D;
+  color: #e0e0e0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #95A5A6 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #95A5A6
+}
+/* base04 - #BDC3C7 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #BDC3C7
+}
+/* base05 - #e0e0e0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e0e0e0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #E74C3C
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #E67E22
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #F1C40F
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #F1C40F
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #2ECC71
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1ABC9C
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3498DB
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9B59B6
+}
+.hljs-emphasis {
+  color: #9B59B6;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #be643c
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/flat.min.css b/snap-client/src/styles/base16/flat.min.css
new file mode 100644
index 0000000..7e6ece5
--- /dev/null
+++ b/snap-client/src/styles/base16/flat.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Flat
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e0e0e0;background:#2c3e50}.hljs ::selection,.hljs::selection{background-color:#7f8c8d;color:#e0e0e0}.hljs-comment{color:#95a5a6}.hljs-tag{color:#bdc3c7}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e0e0e0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e74c3c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e67e22}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f1c40f}.hljs-strong{font-weight:700;color:#f1c40f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#2ecc71}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1abc9c}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3498db}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9b59b6}.hljs-emphasis{color:#9b59b6;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#be643c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/framer.css b/snap-client/src/styles/base16/framer.css
new file mode 100644
index 0000000..3c90bf9
--- /dev/null
+++ b/snap-client/src/styles/base16/framer.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Framer
+  Author: Framer (Maintained by Jesse Hoyos)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme framer
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #181818  Default Background
+base01  #151515  Lighter Background (Used for status bars, line number and folding marks)
+base02  #464646  Selection Background
+base03  #747474  Comments, Invisibles, Line Highlighting
+base04  #B9B9B9  Dark Foreground (Used for status bars)
+base05  #D0D0D0  Default Foreground, Caret, Delimiters, Operators
+base06  #E8E8E8  Light Foreground (Not often used)
+base07  #EEEEEE  Light Background (Not often used)
+base08  #FD886B  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #FC4769  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FECB6E  Classes, Markup Bold, Search Text Background
+base0B  #32CCDC  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #ACDDFD  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #20BCFC  Functions, Methods, Attribute IDs, Headings
+base0E  #BA8CFC  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #B15F4A  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #D0D0D0;
+  background: #181818
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #464646;
+  color: #D0D0D0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #747474 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #747474
+}
+/* base04 - #B9B9B9 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #B9B9B9
+}
+/* base05 - #D0D0D0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #D0D0D0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #FD886B
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #FC4769
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FECB6E
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FECB6E
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #32CCDC
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #ACDDFD
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #20BCFC
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #BA8CFC
+}
+.hljs-emphasis {
+  color: #BA8CFC;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #B15F4A
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/framer.min.css b/snap-client/src/styles/base16/framer.min.css
new file mode 100644
index 0000000..3024b54
--- /dev/null
+++ b/snap-client/src/styles/base16/framer.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Framer
+  Author: Framer (Maintained by Jesse Hoyos)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0d0d0;background:#181818}.hljs ::selection,.hljs::selection{background-color:#464646;color:#d0d0d0}.hljs-comment{color:#747474}.hljs-tag{color:#b9b9b9}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0d0d0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fd886b}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fc4769}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fecb6e}.hljs-strong{font-weight:700;color:#fecb6e}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#32ccdc}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#acddfd}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#20bcfc}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ba8cfc}.hljs-emphasis{color:#ba8cfc;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b15f4a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/fruit-soda.css b/snap-client/src/styles/base16/fruit-soda.css
new file mode 100644
index 0000000..396faaa
--- /dev/null
+++ b/snap-client/src/styles/base16/fruit-soda.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Fruit Soda
+  Author: jozip
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme fruit-soda
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f1ecf1  Default Background
+base01  #e0dee0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d8d5d5  Selection Background
+base03  #b5b4b6  Comments, Invisibles, Line Highlighting
+base04  #979598  Dark Foreground (Used for status bars)
+base05  #515151  Default Foreground, Caret, Delimiters, Operators
+base06  #474545  Light Foreground (Not often used)
+base07  #2d2c2c  Light Background (Not often used)
+base08  #fe3e31  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fe6d08  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f7e203  Classes, Markup Bold, Search Text Background
+base0B  #47f74c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #0f9cfd  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #2931df  Functions, Methods, Attribute IDs, Headings
+base0E  #611fce  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b16f40  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #515151;
+  background: #f1ecf1
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d8d5d5;
+  color: #515151
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #b5b4b6 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #b5b4b6
+}
+/* base04 - #979598 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #979598
+}
+/* base05 - #515151 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #515151
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fe3e31
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fe6d08
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f7e203
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f7e203
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #47f74c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #0f9cfd
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #2931df
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #611fce
+}
+.hljs-emphasis {
+  color: #611fce;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b16f40
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/fruit-soda.min.css b/snap-client/src/styles/base16/fruit-soda.min.css
new file mode 100644
index 0000000..6e84fd7
--- /dev/null
+++ b/snap-client/src/styles/base16/fruit-soda.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Fruit Soda
+  Author: jozip
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#515151;background:#f1ecf1}.hljs ::selection,.hljs::selection{background-color:#d8d5d5;color:#515151}.hljs-comment{color:#b5b4b6}.hljs-tag{color:#979598}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#515151}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fe3e31}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fe6d08}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f7e203}.hljs-strong{font-weight:700;color:#f7e203}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#47f74c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#0f9cfd}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#2931df}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#611fce}.hljs-emphasis{color:#611fce;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b16f40}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gigavolt.css b/snap-client/src/styles/base16/gigavolt.css
new file mode 100644
index 0000000..89de247
--- /dev/null
+++ b/snap-client/src/styles/base16/gigavolt.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gigavolt
+  Author: Aidan Swope (http://github.com/Whillikers)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gigavolt
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #202126  Default Background
+base01  #2d303d  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5a576e  Selection Background
+base03  #a1d2e6  Comments, Invisibles, Line Highlighting
+base04  #cad3ff  Dark Foreground (Used for status bars)
+base05  #e9e7e1  Default Foreground, Caret, Delimiters, Operators
+base06  #eff0f9  Light Foreground (Not often used)
+base07  #f2fbff  Light Background (Not often used)
+base08  #ff661a  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #19f988  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffdc2d  Classes, Markup Bold, Search Text Background
+base0B  #f2e6a9  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #fb6acb  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #40bfff  Functions, Methods, Attribute IDs, Headings
+base0E  #ae94f9  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #6187ff  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e9e7e1;
+  background: #202126
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5a576e;
+  color: #e9e7e1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #a1d2e6 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #a1d2e6
+}
+/* base04 - #cad3ff -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #cad3ff
+}
+/* base05 - #e9e7e1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e9e7e1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff661a
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #19f988
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffdc2d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffdc2d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #f2e6a9
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #fb6acb
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #40bfff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ae94f9
+}
+.hljs-emphasis {
+  color: #ae94f9;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #6187ff
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gigavolt.min.css b/snap-client/src/styles/base16/gigavolt.min.css
new file mode 100644
index 0000000..9115b0c
--- /dev/null
+++ b/snap-client/src/styles/base16/gigavolt.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gigavolt
+  Author: Aidan Swope (http://github.com/Whillikers)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e9e7e1;background:#202126}.hljs ::selection,.hljs::selection{background-color:#5a576e;color:#e9e7e1}.hljs-comment{color:#a1d2e6}.hljs-tag{color:#cad3ff}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e9e7e1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff661a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#19f988}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffdc2d}.hljs-strong{font-weight:700;color:#ffdc2d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#f2e6a9}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#fb6acb}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#40bfff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ae94f9}.hljs-emphasis{color:#ae94f9;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#6187ff}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/github.css b/snap-client/src/styles/base16/github.css
new file mode 100644
index 0000000..b3aa5d0
--- /dev/null
+++ b/snap-client/src/styles/base16/github.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Github
+  Author: Defman21
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme github
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ffffff  Default Background
+base01  #f5f5f5  Lighter Background (Used for status bars, line number and folding marks)
+base02  #c8c8fa  Selection Background
+base03  #969896  Comments, Invisibles, Line Highlighting
+base04  #e8e8e8  Dark Foreground (Used for status bars)
+base05  #333333  Default Foreground, Caret, Delimiters, Operators
+base06  #ffffff  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #ed6a43  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #0086b3  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #795da3  Classes, Markup Bold, Search Text Background
+base0B  #183691  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #183691  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #795da3  Functions, Methods, Attribute IDs, Headings
+base0E  #a71d5d  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #333333  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #333333;
+  background: #ffffff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #c8c8fa;
+  color: #333333
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #969896 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #969896
+}
+/* base04 - #e8e8e8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #e8e8e8
+}
+/* base05 - #333333 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #333333
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ed6a43
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #0086b3
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #795da3
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #795da3
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #183691
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #183691
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #795da3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a71d5d
+}
+.hljs-emphasis {
+  color: #a71d5d;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #333333
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/github.min.css b/snap-client/src/styles/base16/github.min.css
new file mode 100644
index 0000000..188aaaa
--- /dev/null
+++ b/snap-client/src/styles/base16/github.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Github
+  Author: Defman21
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#333;background:#fff}.hljs ::selection,.hljs::selection{background-color:#c8c8fa;color:#333}.hljs-comment{color:#969896}.hljs-tag{color:#e8e8e8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#333}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ed6a43}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#0086b3}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#795da3}.hljs-strong{font-weight:700;color:#795da3}.hljs-addition,.hljs-built_in,.hljs-code,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp,.hljs-string,.hljs-title.class_.inherited__{color:#183691}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#795da3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a71d5d}.hljs-emphasis{color:#a71d5d;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#333}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/google-dark.css b/snap-client/src/styles/base16/google-dark.css
new file mode 100644
index 0000000..e43136f
--- /dev/null
+++ b/snap-client/src/styles/base16/google-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Google Dark
+  Author: Seth Wright (http://sethawright.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme google-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1d1f21  Default Background
+base01  #282a2e  Lighter Background (Used for status bars, line number and folding marks)
+base02  #373b41  Selection Background
+base03  #969896  Comments, Invisibles, Line Highlighting
+base04  #b4b7b4  Dark Foreground (Used for status bars)
+base05  #c5c8c6  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #CC342B  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F96A38  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FBA922  Classes, Markup Bold, Search Text Background
+base0B  #198844  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3971ED  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3971ED  Functions, Methods, Attribute IDs, Headings
+base0E  #A36AC7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #3971ED  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c5c8c6;
+  background: #1d1f21
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #373b41;
+  color: #c5c8c6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #969896 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #969896
+}
+/* base04 - #b4b7b4 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b4b7b4
+}
+/* base05 - #c5c8c6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c5c8c6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #CC342B
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F96A38
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FBA922
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FBA922
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #198844
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3971ED
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3971ED
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #A36AC7
+}
+.hljs-emphasis {
+  color: #A36AC7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #3971ED
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/google-dark.min.css b/snap-client/src/styles/base16/google-dark.min.css
new file mode 100644
index 0000000..bd2a2dc
--- /dev/null
+++ b/snap-client/src/styles/base16/google-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Google Dark
+  Author: Seth Wright (http://sethawright.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c5c8c6;background:#1d1f21}.hljs ::selection,.hljs::selection{background-color:#373b41;color:#c5c8c6}.hljs-comment{color:#969896}.hljs-tag{color:#b4b7b4}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c5c8c6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#cc342b}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f96a38}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fba922}.hljs-strong{font-weight:700;color:#fba922}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#198844}.hljs-attribute,.hljs-built_in,.hljs-doctag,.hljs-function .hljs-title,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3971ed}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a36ac7}.hljs-emphasis{color:#a36ac7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#3971ed}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/google-light.css b/snap-client/src/styles/base16/google-light.css
new file mode 100644
index 0000000..ff94198
--- /dev/null
+++ b/snap-client/src/styles/base16/google-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Google Light
+  Author: Seth Wright (http://sethawright.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme google-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ffffff  Default Background
+base01  #e0e0e0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #c5c8c6  Selection Background
+base03  #b4b7b4  Comments, Invisibles, Line Highlighting
+base04  #969896  Dark Foreground (Used for status bars)
+base05  #373b41  Default Foreground, Caret, Delimiters, Operators
+base06  #282a2e  Light Foreground (Not often used)
+base07  #1d1f21  Light Background (Not often used)
+base08  #CC342B  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F96A38  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FBA922  Classes, Markup Bold, Search Text Background
+base0B  #198844  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3971ED  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3971ED  Functions, Methods, Attribute IDs, Headings
+base0E  #A36AC7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #3971ED  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #373b41;
+  background: #ffffff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #c5c8c6;
+  color: #373b41
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #b4b7b4 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #b4b7b4
+}
+/* base04 - #969896 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #969896
+}
+/* base05 - #373b41 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #373b41
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #CC342B
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F96A38
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FBA922
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FBA922
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #198844
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3971ED
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3971ED
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #A36AC7
+}
+.hljs-emphasis {
+  color: #A36AC7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #3971ED
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/google-light.min.css b/snap-client/src/styles/base16/google-light.min.css
new file mode 100644
index 0000000..26e6ffb
--- /dev/null
+++ b/snap-client/src/styles/base16/google-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Google Light
+  Author: Seth Wright (http://sethawright.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#373b41;background:#fff}.hljs ::selection,.hljs::selection{background-color:#c5c8c6;color:#373b41}.hljs-comment{color:#b4b7b4}.hljs-tag{color:#969896}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#373b41}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#cc342b}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f96a38}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fba922}.hljs-strong{font-weight:700;color:#fba922}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#198844}.hljs-attribute,.hljs-built_in,.hljs-doctag,.hljs-function .hljs-title,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3971ed}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a36ac7}.hljs-emphasis{color:#a36ac7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#3971ed}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/grayscale-dark.css b/snap-client/src/styles/base16/grayscale-dark.css
new file mode 100644
index 0000000..c97e81e
--- /dev/null
+++ b/snap-client/src/styles/base16/grayscale-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Grayscale Dark
+  Author: Alexandre Gavioli (https://github.com/Alexx2/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme grayscale-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #101010  Default Background
+base01  #252525  Lighter Background (Used for status bars, line number and folding marks)
+base02  #464646  Selection Background
+base03  #525252  Comments, Invisibles, Line Highlighting
+base04  #ababab  Dark Foreground (Used for status bars)
+base05  #b9b9b9  Default Foreground, Caret, Delimiters, Operators
+base06  #e3e3e3  Light Foreground (Not often used)
+base07  #f7f7f7  Light Background (Not often used)
+base08  #7c7c7c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #999999  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a0a0a0  Classes, Markup Bold, Search Text Background
+base0B  #8e8e8e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #868686  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #686868  Functions, Methods, Attribute IDs, Headings
+base0E  #747474  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #5e5e5e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #b9b9b9;
+  background: #101010
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #464646;
+  color: #b9b9b9
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #525252 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #525252
+}
+/* base04 - #ababab -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #ababab
+}
+/* base05 - #b9b9b9 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #b9b9b9
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #7c7c7c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #999999
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a0a0a0
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a0a0a0
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #8e8e8e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #868686
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #686868
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #747474
+}
+.hljs-emphasis {
+  color: #747474;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #5e5e5e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/grayscale-dark.min.css b/snap-client/src/styles/base16/grayscale-dark.min.css
new file mode 100644
index 0000000..54c9a4c
--- /dev/null
+++ b/snap-client/src/styles/base16/grayscale-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Grayscale Dark
+  Author: Alexandre Gavioli (https://github.com/Alexx2/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b9b9b9;background:#101010}.hljs ::selection,.hljs::selection{background-color:#464646;color:#b9b9b9}.hljs-comment{color:#525252}.hljs-tag{color:#ababab}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b9b9b9}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#7c7c7c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#999}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a0a0a0}.hljs-strong{font-weight:700;color:#a0a0a0}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#8e8e8e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#868686}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#686868}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#747474}.hljs-emphasis{color:#747474;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#5e5e5e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/grayscale-light.css b/snap-client/src/styles/base16/grayscale-light.css
new file mode 100644
index 0000000..af0c2f5
--- /dev/null
+++ b/snap-client/src/styles/base16/grayscale-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Grayscale Light
+  Author: Alexandre Gavioli (https://github.com/Alexx2/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme grayscale-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f7f7f7  Default Background
+base01  #e3e3e3  Lighter Background (Used for status bars, line number and folding marks)
+base02  #b9b9b9  Selection Background
+base03  #ababab  Comments, Invisibles, Line Highlighting
+base04  #525252  Dark Foreground (Used for status bars)
+base05  #464646  Default Foreground, Caret, Delimiters, Operators
+base06  #252525  Light Foreground (Not often used)
+base07  #101010  Light Background (Not often used)
+base08  #7c7c7c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #999999  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a0a0a0  Classes, Markup Bold, Search Text Background
+base0B  #8e8e8e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #868686  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #686868  Functions, Methods, Attribute IDs, Headings
+base0E  #747474  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #5e5e5e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #464646;
+  background: #f7f7f7
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #b9b9b9;
+  color: #464646
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #ababab -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #ababab
+}
+/* base04 - #525252 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #525252
+}
+/* base05 - #464646 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #464646
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #7c7c7c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #999999
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a0a0a0
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a0a0a0
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #8e8e8e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #868686
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #686868
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #747474
+}
+.hljs-emphasis {
+  color: #747474;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #5e5e5e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/grayscale-light.min.css b/snap-client/src/styles/base16/grayscale-light.min.css
new file mode 100644
index 0000000..3d85f2c
--- /dev/null
+++ b/snap-client/src/styles/base16/grayscale-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Grayscale Light
+  Author: Alexandre Gavioli (https://github.com/Alexx2/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#464646;background:#f7f7f7}.hljs ::selection,.hljs::selection{background-color:#b9b9b9;color:#464646}.hljs-comment{color:#ababab}.hljs-tag{color:#525252}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#464646}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#7c7c7c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#999}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a0a0a0}.hljs-strong{font-weight:700;color:#a0a0a0}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#8e8e8e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#868686}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#686868}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#747474}.hljs-emphasis{color:#747474;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#5e5e5e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/green-screen.css b/snap-client/src/styles/base16/green-screen.css
new file mode 100644
index 0000000..884ee20
--- /dev/null
+++ b/snap-client/src/styles/base16/green-screen.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Green Screen
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme green-screen
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #001100  Default Background
+base01  #003300  Lighter Background (Used for status bars, line number and folding marks)
+base02  #005500  Selection Background
+base03  #007700  Comments, Invisibles, Line Highlighting
+base04  #009900  Dark Foreground (Used for status bars)
+base05  #00bb00  Default Foreground, Caret, Delimiters, Operators
+base06  #00dd00  Light Foreground (Not often used)
+base07  #00ff00  Light Background (Not often used)
+base08  #007700  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #009900  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #007700  Classes, Markup Bold, Search Text Background
+base0B  #00bb00  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #005500  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #009900  Functions, Methods, Attribute IDs, Headings
+base0E  #00bb00  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #005500  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #00bb00;
+  background: #001100
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #005500;
+  color: #00bb00
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #007700 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #007700
+}
+/* base04 - #009900 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #009900
+}
+/* base05 - #00bb00 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #00bb00
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #007700
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #009900
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #007700
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #007700
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00bb00
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #005500
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #009900
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #00bb00
+}
+.hljs-emphasis {
+  color: #00bb00;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #005500
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/green-screen.min.css b/snap-client/src/styles/base16/green-screen.min.css
new file mode 100644
index 0000000..8f66630
--- /dev/null
+++ b/snap-client/src/styles/base16/green-screen.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Green Screen
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#0b0;background:#010}.hljs ::selection,.hljs::selection{background-color:#050;color:#0b0}.hljs-comment{color:#070}.hljs-tag{color:#090}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#0b0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#070}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#090}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#070}.hljs-strong{font-weight:700;color:#070}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#0b0}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#050}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#090}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#0b0}.hljs-emphasis{color:#0b0;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#050}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gruvbox-dark-hard.css b/snap-client/src/styles/base16/gruvbox-dark-hard.css
new file mode 100644
index 0000000..0c3e7e6
--- /dev/null
+++ b/snap-client/src/styles/base16/gruvbox-dark-hard.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gruvbox dark, hard
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gruvbox-dark-hard
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1d2021  Default Background
+base01  #3c3836  Lighter Background (Used for status bars, line number and folding marks)
+base02  #504945  Selection Background
+base03  #665c54  Comments, Invisibles, Line Highlighting
+base04  #bdae93  Dark Foreground (Used for status bars)
+base05  #d5c4a1  Default Foreground, Caret, Delimiters, Operators
+base06  #ebdbb2  Light Foreground (Not often used)
+base07  #fbf1c7  Light Background (Not often used)
+base08  #fb4934  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fe8019  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fabd2f  Classes, Markup Bold, Search Text Background
+base0B  #b8bb26  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #8ec07c  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #83a598  Functions, Methods, Attribute IDs, Headings
+base0E  #d3869b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d65d0e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d5c4a1;
+  background: #1d2021
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #504945;
+  color: #d5c4a1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #665c54 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #665c54
+}
+/* base04 - #bdae93 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #bdae93
+}
+/* base05 - #d5c4a1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d5c4a1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fb4934
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fe8019
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fabd2f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fabd2f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #b8bb26
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #8ec07c
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #83a598
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d3869b
+}
+.hljs-emphasis {
+  color: #d3869b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d65d0e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gruvbox-dark-hard.min.css b/snap-client/src/styles/base16/gruvbox-dark-hard.min.css
new file mode 100644
index 0000000..d82083e
--- /dev/null
+++ b/snap-client/src/styles/base16/gruvbox-dark-hard.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gruvbox dark, hard
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d5c4a1;background:#1d2021}.hljs ::selection,.hljs::selection{background-color:#504945;color:#d5c4a1}.hljs-comment{color:#665c54}.hljs-tag{color:#bdae93}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d5c4a1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fb4934}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fe8019}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fabd2f}.hljs-strong{font-weight:700;color:#fabd2f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#b8bb26}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#8ec07c}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#83a598}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d3869b}.hljs-emphasis{color:#d3869b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d65d0e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gruvbox-dark-medium.css b/snap-client/src/styles/base16/gruvbox-dark-medium.css
new file mode 100644
index 0000000..9e76d5a
--- /dev/null
+++ b/snap-client/src/styles/base16/gruvbox-dark-medium.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gruvbox dark, medium
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gruvbox-dark-medium
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #282828  Default Background
+base01  #3c3836  Lighter Background (Used for status bars, line number and folding marks)
+base02  #504945  Selection Background
+base03  #665c54  Comments, Invisibles, Line Highlighting
+base04  #bdae93  Dark Foreground (Used for status bars)
+base05  #d5c4a1  Default Foreground, Caret, Delimiters, Operators
+base06  #ebdbb2  Light Foreground (Not often used)
+base07  #fbf1c7  Light Background (Not often used)
+base08  #fb4934  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fe8019  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fabd2f  Classes, Markup Bold, Search Text Background
+base0B  #b8bb26  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #8ec07c  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #83a598  Functions, Methods, Attribute IDs, Headings
+base0E  #d3869b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d65d0e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d5c4a1;
+  background: #282828
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #504945;
+  color: #d5c4a1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #665c54 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #665c54
+}
+/* base04 - #bdae93 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #bdae93
+}
+/* base05 - #d5c4a1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d5c4a1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fb4934
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fe8019
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fabd2f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fabd2f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #b8bb26
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #8ec07c
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #83a598
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d3869b
+}
+.hljs-emphasis {
+  color: #d3869b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d65d0e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gruvbox-dark-medium.min.css b/snap-client/src/styles/base16/gruvbox-dark-medium.min.css
new file mode 100644
index 0000000..1fc5e3a
--- /dev/null
+++ b/snap-client/src/styles/base16/gruvbox-dark-medium.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gruvbox dark, medium
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d5c4a1;background:#282828}.hljs ::selection,.hljs::selection{background-color:#504945;color:#d5c4a1}.hljs-comment{color:#665c54}.hljs-tag{color:#bdae93}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d5c4a1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fb4934}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fe8019}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fabd2f}.hljs-strong{font-weight:700;color:#fabd2f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#b8bb26}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#8ec07c}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#83a598}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d3869b}.hljs-emphasis{color:#d3869b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d65d0e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gruvbox-dark-pale.css b/snap-client/src/styles/base16/gruvbox-dark-pale.css
new file mode 100644
index 0000000..4377322
--- /dev/null
+++ b/snap-client/src/styles/base16/gruvbox-dark-pale.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gruvbox dark, pale
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gruvbox-dark-pale
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #262626  Default Background
+base01  #3a3a3a  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4e4e4e  Selection Background
+base03  #8a8a8a  Comments, Invisibles, Line Highlighting
+base04  #949494  Dark Foreground (Used for status bars)
+base05  #dab997  Default Foreground, Caret, Delimiters, Operators
+base06  #d5c4a1  Light Foreground (Not often used)
+base07  #ebdbb2  Light Background (Not often used)
+base08  #d75f5f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff8700  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffaf00  Classes, Markup Bold, Search Text Background
+base0B  #afaf00  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #85ad85  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #83adad  Functions, Methods, Attribute IDs, Headings
+base0E  #d485ad  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d65d0e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #dab997;
+  background: #262626
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4e4e4e;
+  color: #dab997
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #8a8a8a -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #8a8a8a
+}
+/* base04 - #949494 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #949494
+}
+/* base05 - #dab997 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #dab997
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d75f5f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff8700
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffaf00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffaf00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #afaf00
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #85ad85
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #83adad
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d485ad
+}
+.hljs-emphasis {
+  color: #d485ad;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d65d0e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gruvbox-dark-pale.min.css b/snap-client/src/styles/base16/gruvbox-dark-pale.min.css
new file mode 100644
index 0000000..293b4bc
--- /dev/null
+++ b/snap-client/src/styles/base16/gruvbox-dark-pale.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gruvbox dark, pale
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#dab997;background:#262626}.hljs ::selection,.hljs::selection{background-color:#4e4e4e;color:#dab997}.hljs-comment{color:#8a8a8a}.hljs-tag{color:#949494}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#dab997}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d75f5f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff8700}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffaf00}.hljs-strong{font-weight:700;color:#ffaf00}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#afaf00}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#85ad85}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#83adad}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d485ad}.hljs-emphasis{color:#d485ad;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d65d0e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gruvbox-dark-soft.css b/snap-client/src/styles/base16/gruvbox-dark-soft.css
new file mode 100644
index 0000000..d56d820
--- /dev/null
+++ b/snap-client/src/styles/base16/gruvbox-dark-soft.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gruvbox dark, soft
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gruvbox-dark-soft
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #32302f  Default Background
+base01  #3c3836  Lighter Background (Used for status bars, line number and folding marks)
+base02  #504945  Selection Background
+base03  #665c54  Comments, Invisibles, Line Highlighting
+base04  #bdae93  Dark Foreground (Used for status bars)
+base05  #d5c4a1  Default Foreground, Caret, Delimiters, Operators
+base06  #ebdbb2  Light Foreground (Not often used)
+base07  #fbf1c7  Light Background (Not often used)
+base08  #fb4934  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fe8019  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fabd2f  Classes, Markup Bold, Search Text Background
+base0B  #b8bb26  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #8ec07c  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #83a598  Functions, Methods, Attribute IDs, Headings
+base0E  #d3869b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d65d0e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d5c4a1;
+  background: #32302f
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #504945;
+  color: #d5c4a1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #665c54 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #665c54
+}
+/* base04 - #bdae93 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #bdae93
+}
+/* base05 - #d5c4a1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d5c4a1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fb4934
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fe8019
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fabd2f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fabd2f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #b8bb26
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #8ec07c
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #83a598
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d3869b
+}
+.hljs-emphasis {
+  color: #d3869b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d65d0e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gruvbox-dark-soft.min.css b/snap-client/src/styles/base16/gruvbox-dark-soft.min.css
new file mode 100644
index 0000000..c327bbc
--- /dev/null
+++ b/snap-client/src/styles/base16/gruvbox-dark-soft.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gruvbox dark, soft
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d5c4a1;background:#32302f}.hljs ::selection,.hljs::selection{background-color:#504945;color:#d5c4a1}.hljs-comment{color:#665c54}.hljs-tag{color:#bdae93}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d5c4a1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fb4934}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fe8019}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fabd2f}.hljs-strong{font-weight:700;color:#fabd2f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#b8bb26}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#8ec07c}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#83a598}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d3869b}.hljs-emphasis{color:#d3869b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d65d0e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gruvbox-light-hard.css b/snap-client/src/styles/base16/gruvbox-light-hard.css
new file mode 100644
index 0000000..4bcf047
--- /dev/null
+++ b/snap-client/src/styles/base16/gruvbox-light-hard.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gruvbox light, hard
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gruvbox-light-hard
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f9f5d7  Default Background
+base01  #ebdbb2  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d5c4a1  Selection Background
+base03  #bdae93  Comments, Invisibles, Line Highlighting
+base04  #665c54  Dark Foreground (Used for status bars)
+base05  #504945  Default Foreground, Caret, Delimiters, Operators
+base06  #3c3836  Light Foreground (Not often used)
+base07  #282828  Light Background (Not often used)
+base08  #9d0006  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #af3a03  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #b57614  Classes, Markup Bold, Search Text Background
+base0B  #79740e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #427b58  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #076678  Functions, Methods, Attribute IDs, Headings
+base0E  #8f3f71  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d65d0e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #504945;
+  background: #f9f5d7
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d5c4a1;
+  color: #504945
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #bdae93 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #bdae93
+}
+/* base04 - #665c54 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #665c54
+}
+/* base05 - #504945 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #504945
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #9d0006
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #af3a03
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #b57614
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #b57614
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #79740e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #427b58
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #076678
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8f3f71
+}
+.hljs-emphasis {
+  color: #8f3f71;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d65d0e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gruvbox-light-hard.min.css b/snap-client/src/styles/base16/gruvbox-light-hard.min.css
new file mode 100644
index 0000000..34d5cb7
--- /dev/null
+++ b/snap-client/src/styles/base16/gruvbox-light-hard.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gruvbox light, hard
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#504945;background:#f9f5d7}.hljs ::selection,.hljs::selection{background-color:#d5c4a1;color:#504945}.hljs-comment{color:#bdae93}.hljs-tag{color:#665c54}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#504945}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#9d0006}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#af3a03}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#b57614}.hljs-strong{font-weight:700;color:#b57614}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#79740e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#427b58}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#076678}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8f3f71}.hljs-emphasis{color:#8f3f71;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d65d0e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gruvbox-light-medium.css b/snap-client/src/styles/base16/gruvbox-light-medium.css
new file mode 100644
index 0000000..f9ef0b5
--- /dev/null
+++ b/snap-client/src/styles/base16/gruvbox-light-medium.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gruvbox light, medium
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gruvbox-light-medium
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fbf1c7  Default Background
+base01  #ebdbb2  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d5c4a1  Selection Background
+base03  #bdae93  Comments, Invisibles, Line Highlighting
+base04  #665c54  Dark Foreground (Used for status bars)
+base05  #504945  Default Foreground, Caret, Delimiters, Operators
+base06  #3c3836  Light Foreground (Not often used)
+base07  #282828  Light Background (Not often used)
+base08  #9d0006  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #af3a03  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #b57614  Classes, Markup Bold, Search Text Background
+base0B  #79740e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #427b58  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #076678  Functions, Methods, Attribute IDs, Headings
+base0E  #8f3f71  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d65d0e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #504945;
+  background: #fbf1c7
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d5c4a1;
+  color: #504945
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #bdae93 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #bdae93
+}
+/* base04 - #665c54 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #665c54
+}
+/* base05 - #504945 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #504945
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #9d0006
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #af3a03
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #b57614
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #b57614
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #79740e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #427b58
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #076678
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8f3f71
+}
+.hljs-emphasis {
+  color: #8f3f71;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d65d0e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gruvbox-light-medium.min.css b/snap-client/src/styles/base16/gruvbox-light-medium.min.css
new file mode 100644
index 0000000..e866687
--- /dev/null
+++ b/snap-client/src/styles/base16/gruvbox-light-medium.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gruvbox light, medium
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#504945;background:#fbf1c7}.hljs ::selection,.hljs::selection{background-color:#d5c4a1;color:#504945}.hljs-comment{color:#bdae93}.hljs-tag{color:#665c54}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#504945}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#9d0006}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#af3a03}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#b57614}.hljs-strong{font-weight:700;color:#b57614}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#79740e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#427b58}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#076678}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8f3f71}.hljs-emphasis{color:#8f3f71;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d65d0e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gruvbox-light-soft.css b/snap-client/src/styles/base16/gruvbox-light-soft.css
new file mode 100644
index 0000000..35a6aed
--- /dev/null
+++ b/snap-client/src/styles/base16/gruvbox-light-soft.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gruvbox light, soft
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gruvbox-light-soft
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f2e5bc  Default Background
+base01  #ebdbb2  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d5c4a1  Selection Background
+base03  #bdae93  Comments, Invisibles, Line Highlighting
+base04  #665c54  Dark Foreground (Used for status bars)
+base05  #504945  Default Foreground, Caret, Delimiters, Operators
+base06  #3c3836  Light Foreground (Not often used)
+base07  #282828  Light Background (Not often used)
+base08  #9d0006  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #af3a03  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #b57614  Classes, Markup Bold, Search Text Background
+base0B  #79740e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #427b58  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #076678  Functions, Methods, Attribute IDs, Headings
+base0E  #8f3f71  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d65d0e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #504945;
+  background: #f2e5bc
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d5c4a1;
+  color: #504945
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #bdae93 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #bdae93
+}
+/* base04 - #665c54 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #665c54
+}
+/* base05 - #504945 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #504945
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #9d0006
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #af3a03
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #b57614
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #b57614
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #79740e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #427b58
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #076678
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8f3f71
+}
+.hljs-emphasis {
+  color: #8f3f71;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d65d0e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/gruvbox-light-soft.min.css b/snap-client/src/styles/base16/gruvbox-light-soft.min.css
new file mode 100644
index 0000000..32ad2bd
--- /dev/null
+++ b/snap-client/src/styles/base16/gruvbox-light-soft.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gruvbox light, soft
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#504945;background:#f2e5bc}.hljs ::selection,.hljs::selection{background-color:#d5c4a1;color:#504945}.hljs-comment{color:#bdae93}.hljs-tag{color:#665c54}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#504945}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#9d0006}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#af3a03}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#b57614}.hljs-strong{font-weight:700;color:#b57614}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#79740e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#427b58}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#076678}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8f3f71}.hljs-emphasis{color:#8f3f71;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d65d0e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/hardcore.css b/snap-client/src/styles/base16/hardcore.css
new file mode 100644
index 0000000..666d145
--- /dev/null
+++ b/snap-client/src/styles/base16/hardcore.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Hardcore
+  Author: Chris Caller
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme hardcore
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #212121  Default Background
+base01  #303030  Lighter Background (Used for status bars, line number and folding marks)
+base02  #353535  Selection Background
+base03  #4A4A4A  Comments, Invisibles, Line Highlighting
+base04  #707070  Dark Foreground (Used for status bars)
+base05  #cdcdcd  Default Foreground, Caret, Delimiters, Operators
+base06  #e5e5e5  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #f92672  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fd971f  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #e6db74  Classes, Markup Bold, Search Text Background
+base0B  #a6e22e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #708387  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #66d9ef  Functions, Methods, Attribute IDs, Headings
+base0E  #9e6ffe  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e8b882  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cdcdcd;
+  background: #212121
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #353535;
+  color: #cdcdcd
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #4A4A4A -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #4A4A4A
+}
+/* base04 - #707070 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #707070
+}
+/* base05 - #cdcdcd -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cdcdcd
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f92672
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fd971f
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #e6db74
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #e6db74
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a6e22e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #708387
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #66d9ef
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9e6ffe
+}
+.hljs-emphasis {
+  color: #9e6ffe;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e8b882
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/hardcore.min.css b/snap-client/src/styles/base16/hardcore.min.css
new file mode 100644
index 0000000..ce0a615
--- /dev/null
+++ b/snap-client/src/styles/base16/hardcore.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Hardcore
+  Author: Chris Caller
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#cdcdcd;background:#212121}.hljs ::selection,.hljs::selection{background-color:#353535;color:#cdcdcd}.hljs-comment{color:#4a4a4a}.hljs-tag{color:#707070}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#cdcdcd}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f92672}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fd971f}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e6db74}.hljs-strong{font-weight:700;color:#e6db74}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a6e22e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#708387}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#66d9ef}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9e6ffe}.hljs-emphasis{color:#9e6ffe;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e8b882}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/harmonic16-dark.css b/snap-client/src/styles/base16/harmonic16-dark.css
new file mode 100644
index 0000000..7f194a0
--- /dev/null
+++ b/snap-client/src/styles/base16/harmonic16-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Harmonic16 Dark
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme harmonic16-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #0b1c2c  Default Background
+base01  #223b54  Lighter Background (Used for status bars, line number and folding marks)
+base02  #405c79  Selection Background
+base03  #627e99  Comments, Invisibles, Line Highlighting
+base04  #aabcce  Dark Foreground (Used for status bars)
+base05  #cbd6e2  Default Foreground, Caret, Delimiters, Operators
+base06  #e5ebf1  Light Foreground (Not often used)
+base07  #f7f9fb  Light Background (Not often used)
+base08  #bf8b56  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #bfbf56  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #8bbf56  Classes, Markup Bold, Search Text Background
+base0B  #56bf8b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #568bbf  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #8b56bf  Functions, Methods, Attribute IDs, Headings
+base0E  #bf568b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bf5656  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cbd6e2;
+  background: #0b1c2c
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #405c79;
+  color: #cbd6e2
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #627e99 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #627e99
+}
+/* base04 - #aabcce -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #aabcce
+}
+/* base05 - #cbd6e2 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cbd6e2
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #bf8b56
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #bfbf56
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #8bbf56
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #8bbf56
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #56bf8b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #568bbf
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #8b56bf
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #bf568b
+}
+.hljs-emphasis {
+  color: #bf568b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bf5656
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/harmonic16-dark.min.css b/snap-client/src/styles/base16/harmonic16-dark.min.css
new file mode 100644
index 0000000..497ad03
--- /dev/null
+++ b/snap-client/src/styles/base16/harmonic16-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Harmonic16 Dark
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#cbd6e2;background:#0b1c2c}.hljs ::selection,.hljs::selection{background-color:#405c79;color:#cbd6e2}.hljs-comment{color:#627e99}.hljs-tag{color:#aabcce}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#cbd6e2}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#bf8b56}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#bfbf56}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#8bbf56}.hljs-strong{font-weight:700;color:#8bbf56}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#56bf8b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#568bbf}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#8b56bf}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#bf568b}.hljs-emphasis{color:#bf568b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bf5656}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/harmonic16-light.css b/snap-client/src/styles/base16/harmonic16-light.css
new file mode 100644
index 0000000..71bd4b6
--- /dev/null
+++ b/snap-client/src/styles/base16/harmonic16-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Harmonic16 Light
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme harmonic16-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f7f9fb  Default Background
+base01  #e5ebf1  Lighter Background (Used for status bars, line number and folding marks)
+base02  #cbd6e2  Selection Background
+base03  #aabcce  Comments, Invisibles, Line Highlighting
+base04  #627e99  Dark Foreground (Used for status bars)
+base05  #405c79  Default Foreground, Caret, Delimiters, Operators
+base06  #223b54  Light Foreground (Not often used)
+base07  #0b1c2c  Light Background (Not often used)
+base08  #bf8b56  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #bfbf56  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #8bbf56  Classes, Markup Bold, Search Text Background
+base0B  #56bf8b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #568bbf  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #8b56bf  Functions, Methods, Attribute IDs, Headings
+base0E  #bf568b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bf5656  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #405c79;
+  background: #f7f9fb
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #cbd6e2;
+  color: #405c79
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #aabcce -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #aabcce
+}
+/* base04 - #627e99 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #627e99
+}
+/* base05 - #405c79 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #405c79
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #bf8b56
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #bfbf56
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #8bbf56
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #8bbf56
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #56bf8b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #568bbf
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #8b56bf
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #bf568b
+}
+.hljs-emphasis {
+  color: #bf568b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bf5656
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/harmonic16-light.min.css b/snap-client/src/styles/base16/harmonic16-light.min.css
new file mode 100644
index 0000000..72ab06a
--- /dev/null
+++ b/snap-client/src/styles/base16/harmonic16-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Harmonic16 Light
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#405c79;background:#f7f9fb}.hljs ::selection,.hljs::selection{background-color:#cbd6e2;color:#405c79}.hljs-comment{color:#aabcce}.hljs-tag{color:#627e99}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#405c79}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#bf8b56}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#bfbf56}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#8bbf56}.hljs-strong{font-weight:700;color:#8bbf56}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#56bf8b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#568bbf}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#8b56bf}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#bf568b}.hljs-emphasis{color:#bf568b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bf5656}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/heetch-dark.css b/snap-client/src/styles/base16/heetch-dark.css
new file mode 100644
index 0000000..628c66f
--- /dev/null
+++ b/snap-client/src/styles/base16/heetch-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Heetch Dark
+  Author: Geoffrey Teale (tealeg@gmail.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme heetch-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #190134  Default Background
+base01  #392551  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5A496E  Selection Background
+base03  #7B6D8B  Comments, Invisibles, Line Highlighting
+base04  #9C92A8  Dark Foreground (Used for status bars)
+base05  #BDB6C5  Default Foreground, Caret, Delimiters, Operators
+base06  #DEDAE2  Light Foreground (Not often used)
+base07  #FEFFFF  Light Background (Not often used)
+base08  #27D9D5  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #5BA2B6  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #8F6C97  Classes, Markup Bold, Search Text Background
+base0B  #C33678  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #F80059  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #BD0152  Functions, Methods, Attribute IDs, Headings
+base0E  #82034C  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #470546  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #BDB6C5;
+  background: #190134
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5A496E;
+  color: #BDB6C5
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7B6D8B -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7B6D8B
+}
+/* base04 - #9C92A8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #9C92A8
+}
+/* base05 - #BDB6C5 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #BDB6C5
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #27D9D5
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #5BA2B6
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #8F6C97
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #8F6C97
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #C33678
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #F80059
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #BD0152
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #82034C
+}
+.hljs-emphasis {
+  color: #82034C;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #470546
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/heetch-dark.min.css b/snap-client/src/styles/base16/heetch-dark.min.css
new file mode 100644
index 0000000..66cb473
--- /dev/null
+++ b/snap-client/src/styles/base16/heetch-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Heetch Dark
+  Author: Geoffrey Teale (tealeg@gmail.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#bdb6c5;background:#190134}.hljs ::selection,.hljs::selection{background-color:#5a496e;color:#bdb6c5}.hljs-comment{color:#7b6d8b}.hljs-tag{color:#9c92a8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#bdb6c5}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#27d9d5}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#5ba2b6}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#8f6c97}.hljs-strong{font-weight:700;color:#8f6c97}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#c33678}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#f80059}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#bd0152}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#82034c}.hljs-emphasis{color:#82034c;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#470546}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/heetch-light.css b/snap-client/src/styles/base16/heetch-light.css
new file mode 100644
index 0000000..b41d5e9
--- /dev/null
+++ b/snap-client/src/styles/base16/heetch-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Heetch Light
+  Author: Geoffrey Teale (tealeg@gmail.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme heetch-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #feffff  Default Background
+base01  #392551  Lighter Background (Used for status bars, line number and folding marks)
+base02  #7b6d8b  Selection Background
+base03  #9c92a8  Comments, Invisibles, Line Highlighting
+base04  #ddd6e5  Dark Foreground (Used for status bars)
+base05  #5a496e  Default Foreground, Caret, Delimiters, Operators
+base06  #470546  Light Foreground (Not often used)
+base07  #190134  Light Background (Not often used)
+base08  #27d9d5  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #bdb6c5  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #5ba2b6  Classes, Markup Bold, Search Text Background
+base0B  #f80059  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #c33678  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #47f9f5  Functions, Methods, Attribute IDs, Headings
+base0E  #bd0152  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #dedae2  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #5a496e;
+  background: #feffff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #7b6d8b;
+  color: #5a496e
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #9c92a8 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #9c92a8
+}
+/* base04 - #ddd6e5 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #ddd6e5
+}
+/* base05 - #5a496e -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #5a496e
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #27d9d5
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #bdb6c5
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #5ba2b6
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #5ba2b6
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #f80059
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #c33678
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #47f9f5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #bd0152
+}
+.hljs-emphasis {
+  color: #bd0152;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #dedae2
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/heetch-light.min.css b/snap-client/src/styles/base16/heetch-light.min.css
new file mode 100644
index 0000000..576538f
--- /dev/null
+++ b/snap-client/src/styles/base16/heetch-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Heetch Light
+  Author: Geoffrey Teale (tealeg@gmail.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#5a496e;background:#feffff}.hljs ::selection,.hljs::selection{background-color:#7b6d8b;color:#5a496e}.hljs-comment{color:#9c92a8}.hljs-tag{color:#ddd6e5}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#5a496e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#27d9d5}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#bdb6c5}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#5ba2b6}.hljs-strong{font-weight:700;color:#5ba2b6}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#f80059}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#c33678}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#47f9f5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#bd0152}.hljs-emphasis{color:#bd0152;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#dedae2}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/helios.css b/snap-client/src/styles/base16/helios.css
new file mode 100644
index 0000000..572dc41
--- /dev/null
+++ b/snap-client/src/styles/base16/helios.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Helios
+  Author: Alex Meyer (https://github.com/reyemxela)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme helios
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1d2021  Default Background
+base01  #383c3e  Lighter Background (Used for status bars, line number and folding marks)
+base02  #53585b  Selection Background
+base03  #6f7579  Comments, Invisibles, Line Highlighting
+base04  #cdcdcd  Dark Foreground (Used for status bars)
+base05  #d5d5d5  Default Foreground, Caret, Delimiters, Operators
+base06  #dddddd  Light Foreground (Not often used)
+base07  #e5e5e5  Light Background (Not often used)
+base08  #d72638  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #eb8413  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f19d1a  Classes, Markup Bold, Search Text Background
+base0B  #88b92d  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1ba595  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #1e8bac  Functions, Methods, Attribute IDs, Headings
+base0E  #be4264  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c85e0d  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d5d5d5;
+  background: #1d2021
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #53585b;
+  color: #d5d5d5
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6f7579 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6f7579
+}
+/* base04 - #cdcdcd -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #cdcdcd
+}
+/* base05 - #d5d5d5 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d5d5d5
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d72638
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #eb8413
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f19d1a
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f19d1a
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #88b92d
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1ba595
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #1e8bac
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #be4264
+}
+.hljs-emphasis {
+  color: #be4264;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c85e0d
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/helios.min.css b/snap-client/src/styles/base16/helios.min.css
new file mode 100644
index 0000000..fe2574a
--- /dev/null
+++ b/snap-client/src/styles/base16/helios.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Helios
+  Author: Alex Meyer (https://github.com/reyemxela)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d5d5d5;background:#1d2021}.hljs ::selection,.hljs::selection{background-color:#53585b;color:#d5d5d5}.hljs-comment{color:#6f7579}.hljs-tag{color:#cdcdcd}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d5d5d5}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d72638}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#eb8413}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f19d1a}.hljs-strong{font-weight:700;color:#f19d1a}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#88b92d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1ba595}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#1e8bac}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#be4264}.hljs-emphasis{color:#be4264;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c85e0d}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/hopscotch.css b/snap-client/src/styles/base16/hopscotch.css
new file mode 100644
index 0000000..6742d89
--- /dev/null
+++ b/snap-client/src/styles/base16/hopscotch.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Hopscotch
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme hopscotch
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #322931  Default Background
+base01  #433b42  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5c545b  Selection Background
+base03  #797379  Comments, Invisibles, Line Highlighting
+base04  #989498  Dark Foreground (Used for status bars)
+base05  #b9b5b8  Default Foreground, Caret, Delimiters, Operators
+base06  #d5d3d5  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #dd464c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fd8b19  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fdcc59  Classes, Markup Bold, Search Text Background
+base0B  #8fc13e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #149b93  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #1290bf  Functions, Methods, Attribute IDs, Headings
+base0E  #c85e7c  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b33508  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #b9b5b8;
+  background: #322931
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5c545b;
+  color: #b9b5b8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #797379 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #797379
+}
+/* base04 - #989498 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #989498
+}
+/* base05 - #b9b5b8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #b9b5b8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #dd464c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fd8b19
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fdcc59
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fdcc59
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #8fc13e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #149b93
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #1290bf
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #c85e7c
+}
+.hljs-emphasis {
+  color: #c85e7c;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b33508
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/hopscotch.min.css b/snap-client/src/styles/base16/hopscotch.min.css
new file mode 100644
index 0000000..908ae4c
--- /dev/null
+++ b/snap-client/src/styles/base16/hopscotch.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Hopscotch
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b9b5b8;background:#322931}.hljs ::selection,.hljs::selection{background-color:#5c545b;color:#b9b5b8}.hljs-comment{color:#797379}.hljs-tag{color:#989498}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b9b5b8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#dd464c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fd8b19}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fdcc59}.hljs-strong{font-weight:700;color:#fdcc59}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#8fc13e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#149b93}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#1290bf}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c85e7c}.hljs-emphasis{color:#c85e7c;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b33508}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/horizon-dark.css b/snap-client/src/styles/base16/horizon-dark.css
new file mode 100644
index 0000000..c4c77f7
--- /dev/null
+++ b/snap-client/src/styles/base16/horizon-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Horizon Dark
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme horizon-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1C1E26  Default Background
+base01  #232530  Lighter Background (Used for status bars, line number and folding marks)
+base02  #2E303E  Selection Background
+base03  #6F6F70  Comments, Invisibles, Line Highlighting
+base04  #9DA0A2  Dark Foreground (Used for status bars)
+base05  #CBCED0  Default Foreground, Caret, Delimiters, Operators
+base06  #DCDFE4  Light Foreground (Not often used)
+base07  #E3E6EE  Light Background (Not often used)
+base08  #E93C58  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #E58D7D  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #EFB993  Classes, Markup Bold, Search Text Background
+base0B  #EFAF8E  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #24A8B4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #DF5273  Functions, Methods, Attribute IDs, Headings
+base0E  #B072D1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #E4A382  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #CBCED0;
+  background: #1C1E26
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #2E303E;
+  color: #CBCED0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6F6F70 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6F6F70
+}
+/* base04 - #9DA0A2 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #9DA0A2
+}
+/* base05 - #CBCED0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #CBCED0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #E93C58
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #E58D7D
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #EFB993
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #EFB993
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #EFAF8E
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #24A8B4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #DF5273
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #B072D1
+}
+.hljs-emphasis {
+  color: #B072D1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #E4A382
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/horizon-dark.min.css b/snap-client/src/styles/base16/horizon-dark.min.css
new file mode 100644
index 0000000..a6fad3e
--- /dev/null
+++ b/snap-client/src/styles/base16/horizon-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Horizon Dark
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#cbced0;background:#1c1e26}.hljs ::selection,.hljs::selection{background-color:#2e303e;color:#cbced0}.hljs-comment{color:#6f6f70}.hljs-tag{color:#9da0a2}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#cbced0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e93c58}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e58d7d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#efb993}.hljs-strong{font-weight:700;color:#efb993}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#efaf8e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#24a8b4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#df5273}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b072d1}.hljs-emphasis{color:#b072d1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e4a382}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/horizon-light.css b/snap-client/src/styles/base16/horizon-light.css
new file mode 100644
index 0000000..91b6c4a
--- /dev/null
+++ b/snap-client/src/styles/base16/horizon-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Horizon Light
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme horizon-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #FDF0ED  Default Background
+base01  #FADAD1  Lighter Background (Used for status bars, line number and folding marks)
+base02  #F9CBBE  Selection Background
+base03  #BDB3B1  Comments, Invisibles, Line Highlighting
+base04  #948C8A  Dark Foreground (Used for status bars)
+base05  #403C3D  Default Foreground, Caret, Delimiters, Operators
+base06  #302C2D  Light Foreground (Not often used)
+base07  #201C1D  Light Background (Not often used)
+base08  #E95678  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F9CEC3  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FADAD1  Classes, Markup Bold, Search Text Background
+base0B  #29D398  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #59E1E3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #26BBD9  Functions, Methods, Attribute IDs, Headings
+base0E  #EE64AC  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #F9CBBE  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #403C3D;
+  background: #FDF0ED
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #F9CBBE;
+  color: #403C3D
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #BDB3B1 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #BDB3B1
+}
+/* base04 - #948C8A -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #948C8A
+}
+/* base05 - #403C3D -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #403C3D
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #E95678
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F9CEC3
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FADAD1
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FADAD1
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #29D398
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #59E1E3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #26BBD9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #EE64AC
+}
+.hljs-emphasis {
+  color: #EE64AC;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #F9CBBE
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/horizon-light.min.css b/snap-client/src/styles/base16/horizon-light.min.css
new file mode 100644
index 0000000..ae33a6e
--- /dev/null
+++ b/snap-client/src/styles/base16/horizon-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Horizon Light
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#403c3d;background:#fdf0ed}.hljs ::selection,.hljs::selection{background-color:#f9cbbe;color:#403c3d}.hljs-comment{color:#bdb3b1}.hljs-tag{color:#948c8a}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#403c3d}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e95678}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f9cec3}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fadad1}.hljs-strong{font-weight:700;color:#fadad1}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#29d398}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#59e1e3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#26bbd9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ee64ac}.hljs-emphasis{color:#ee64ac;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#f9cbbe}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/humanoid-dark.css b/snap-client/src/styles/base16/humanoid-dark.css
new file mode 100644
index 0000000..6fc6bcf
--- /dev/null
+++ b/snap-client/src/styles/base16/humanoid-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Humanoid dark
+  Author: Thomas (tasmo) Friese
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme humanoid-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #232629  Default Background
+base01  #333b3d  Lighter Background (Used for status bars, line number and folding marks)
+base02  #484e54  Selection Background
+base03  #60615d  Comments, Invisibles, Line Highlighting
+base04  #c0c0bd  Dark Foreground (Used for status bars)
+base05  #f8f8f2  Default Foreground, Caret, Delimiters, Operators
+base06  #fcfcf6  Light Foreground (Not often used)
+base07  #fcfcfc  Light Background (Not often used)
+base08  #f11235  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff9505  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffb627  Classes, Markup Bold, Search Text Background
+base0B  #02d849  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #0dd9d6  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #00a6fb  Functions, Methods, Attribute IDs, Headings
+base0E  #f15ee3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b27701  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #f8f8f2;
+  background: #232629
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #484e54;
+  color: #f8f8f2
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #60615d -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #60615d
+}
+/* base04 - #c0c0bd -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #c0c0bd
+}
+/* base05 - #f8f8f2 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #f8f8f2
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f11235
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff9505
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffb627
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffb627
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #02d849
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #0dd9d6
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #00a6fb
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #f15ee3
+}
+.hljs-emphasis {
+  color: #f15ee3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b27701
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/humanoid-dark.min.css b/snap-client/src/styles/base16/humanoid-dark.min.css
new file mode 100644
index 0000000..a87c147
--- /dev/null
+++ b/snap-client/src/styles/base16/humanoid-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Humanoid dark
+  Author: Thomas (tasmo) Friese
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#f8f8f2;background:#232629}.hljs ::selection,.hljs::selection{background-color:#484e54;color:#f8f8f2}.hljs-comment{color:#60615d}.hljs-tag{color:#c0c0bd}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#f8f8f2}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f11235}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff9505}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffb627}.hljs-strong{font-weight:700;color:#ffb627}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#02d849}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#0dd9d6}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#00a6fb}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#f15ee3}.hljs-emphasis{color:#f15ee3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b27701}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/humanoid-light.css b/snap-client/src/styles/base16/humanoid-light.css
new file mode 100644
index 0000000..c702d22
--- /dev/null
+++ b/snap-client/src/styles/base16/humanoid-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Humanoid light
+  Author: Thomas (tasmo) Friese
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme humanoid-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f8f8f2  Default Background
+base01  #efefe9  Lighter Background (Used for status bars, line number and folding marks)
+base02  #deded8  Selection Background
+base03  #c0c0bd  Comments, Invisibles, Line Highlighting
+base04  #60615d  Dark Foreground (Used for status bars)
+base05  #232629  Default Foreground, Caret, Delimiters, Operators
+base06  #2f3337  Light Foreground (Not often used)
+base07  #070708  Light Background (Not often used)
+base08  #b0151a  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff3d00  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffb627  Classes, Markup Bold, Search Text Background
+base0B  #388e3c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #008e8e  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0082c9  Functions, Methods, Attribute IDs, Headings
+base0E  #700f98  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b27701  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #232629;
+  background: #f8f8f2
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #deded8;
+  color: #232629
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #c0c0bd -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #c0c0bd
+}
+/* base04 - #60615d -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #60615d
+}
+/* base05 - #232629 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #232629
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #b0151a
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff3d00
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffb627
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffb627
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #388e3c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #008e8e
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0082c9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #700f98
+}
+.hljs-emphasis {
+  color: #700f98;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b27701
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/humanoid-light.min.css b/snap-client/src/styles/base16/humanoid-light.min.css
new file mode 100644
index 0000000..4e3b7ca
--- /dev/null
+++ b/snap-client/src/styles/base16/humanoid-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Humanoid light
+  Author: Thomas (tasmo) Friese
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#232629;background:#f8f8f2}.hljs ::selection,.hljs::selection{background-color:#deded8;color:#232629}.hljs-comment{color:#c0c0bd}.hljs-tag{color:#60615d}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#232629}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b0151a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff3d00}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffb627}.hljs-strong{font-weight:700;color:#ffb627}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#388e3c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#008e8e}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0082c9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#700f98}.hljs-emphasis{color:#700f98;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b27701}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ia-dark.css b/snap-client/src/styles/base16/ia-dark.css
new file mode 100644
index 0000000..77014c2
--- /dev/null
+++ b/snap-client/src/styles/base16/ia-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: iA Dark
+  Author: iA Inc. (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ia-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1a1a1a  Default Background
+base01  #222222  Lighter Background (Used for status bars, line number and folding marks)
+base02  #1d414d  Selection Background
+base03  #767676  Comments, Invisibles, Line Highlighting
+base04  #b8b8b8  Dark Foreground (Used for status bars)
+base05  #cccccc  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e8e8  Light Foreground (Not often used)
+base07  #f8f8f8  Light Background (Not often used)
+base08  #d88568  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d86868  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #b99353  Classes, Markup Bold, Search Text Background
+base0B  #83a471  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #7c9cae  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #8eccdd  Functions, Methods, Attribute IDs, Headings
+base0E  #b98eb2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #8b6c37  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cccccc;
+  background: #1a1a1a
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #1d414d;
+  color: #cccccc
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #767676 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #767676
+}
+/* base04 - #b8b8b8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b8b8b8
+}
+/* base05 - #cccccc -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cccccc
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d88568
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d86868
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #b99353
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #b99353
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #83a471
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #7c9cae
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #8eccdd
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b98eb2
+}
+.hljs-emphasis {
+  color: #b98eb2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #8b6c37
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ia-dark.min.css b/snap-client/src/styles/base16/ia-dark.min.css
new file mode 100644
index 0000000..b80fad4
--- /dev/null
+++ b/snap-client/src/styles/base16/ia-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: iA Dark
+  Author: iA Inc. (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ccc;background:#1a1a1a}.hljs ::selection,.hljs::selection{background-color:#1d414d;color:#ccc}.hljs-comment{color:#767676}.hljs-tag{color:#b8b8b8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d88568}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d86868}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#b99353}.hljs-strong{font-weight:700;color:#b99353}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#83a471}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#7c9cae}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#8eccdd}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b98eb2}.hljs-emphasis{color:#b98eb2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#8b6c37}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ia-light.css b/snap-client/src/styles/base16/ia-light.css
new file mode 100644
index 0000000..d39fff4
--- /dev/null
+++ b/snap-client/src/styles/base16/ia-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: iA Light
+  Author: iA Inc. (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ia-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f6f6f6  Default Background
+base01  #dedede  Lighter Background (Used for status bars, line number and folding marks)
+base02  #bde5f2  Selection Background
+base03  #898989  Comments, Invisibles, Line Highlighting
+base04  #767676  Dark Foreground (Used for status bars)
+base05  #181818  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e8e8  Light Foreground (Not often used)
+base07  #f8f8f8  Light Background (Not often used)
+base08  #9c5a02  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #c43e18  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c48218  Classes, Markup Bold, Search Text Background
+base0B  #38781c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #2d6bb1  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #48bac2  Functions, Methods, Attribute IDs, Headings
+base0E  #a94598  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #8b6c37  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #181818;
+  background: #f6f6f6
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #bde5f2;
+  color: #181818
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #898989 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #898989
+}
+/* base04 - #767676 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #767676
+}
+/* base05 - #181818 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #181818
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #9c5a02
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #c43e18
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c48218
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c48218
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #38781c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #2d6bb1
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #48bac2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a94598
+}
+.hljs-emphasis {
+  color: #a94598;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #8b6c37
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ia-light.min.css b/snap-client/src/styles/base16/ia-light.min.css
new file mode 100644
index 0000000..8a33ab7
--- /dev/null
+++ b/snap-client/src/styles/base16/ia-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: iA Light
+  Author: iA Inc. (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#181818;background:#f6f6f6}.hljs ::selection,.hljs::selection{background-color:#bde5f2;color:#181818}.hljs-comment{color:#898989}.hljs-tag{color:#767676}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#181818}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#9c5a02}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#c43e18}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c48218}.hljs-strong{font-weight:700;color:#c48218}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#38781c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#2d6bb1}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#48bac2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a94598}.hljs-emphasis{color:#a94598;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#8b6c37}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/icy-dark.css b/snap-client/src/styles/base16/icy-dark.css
new file mode 100644
index 0000000..491cfd4
--- /dev/null
+++ b/snap-client/src/styles/base16/icy-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Icy Dark
+  Author: icyphox (https://icyphox.ga)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme icy-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #021012  Default Background
+base01  #031619  Lighter Background (Used for status bars, line number and folding marks)
+base02  #041f23  Selection Background
+base03  #052e34  Comments, Invisibles, Line Highlighting
+base04  #064048  Dark Foreground (Used for status bars)
+base05  #095b67  Default Foreground, Caret, Delimiters, Operators
+base06  #0c7c8c  Light Foreground (Not often used)
+base07  #109cb0  Light Background (Not often used)
+base08  #16c1d9  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b3ebf2  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #80deea  Classes, Markup Bold, Search Text Background
+base0B  #4dd0e1  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #26c6da  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #00bcd4  Functions, Methods, Attribute IDs, Headings
+base0E  #00acc1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #0097a7  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #095b67;
+  background: #021012
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #041f23;
+  color: #095b67
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #052e34 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #052e34
+}
+/* base04 - #064048 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #064048
+}
+/* base05 - #095b67 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #095b67
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #16c1d9
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b3ebf2
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #80deea
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #80deea
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #4dd0e1
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #26c6da
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #00bcd4
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #00acc1
+}
+.hljs-emphasis {
+  color: #00acc1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #0097a7
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/icy-dark.min.css b/snap-client/src/styles/base16/icy-dark.min.css
new file mode 100644
index 0000000..25cf077
--- /dev/null
+++ b/snap-client/src/styles/base16/icy-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Icy Dark
+  Author: icyphox (https://icyphox.ga)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#095b67;background:#021012}.hljs ::selection,.hljs::selection{background-color:#041f23;color:#095b67}.hljs-comment{color:#052e34}.hljs-tag{color:#064048}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#095b67}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#16c1d9}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b3ebf2}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#80deea}.hljs-strong{font-weight:700;color:#80deea}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#4dd0e1}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#26c6da}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#00bcd4}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#00acc1}.hljs-emphasis{color:#00acc1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#0097a7}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ir-black.css b/snap-client/src/styles/base16/ir-black.css
new file mode 100644
index 0000000..65653e5
--- /dev/null
+++ b/snap-client/src/styles/base16/ir-black.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: IR Black
+  Author: Timothée Poisot (http://timotheepoisot.fr)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ir-black
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #242422  Lighter Background (Used for status bars, line number and folding marks)
+base02  #484844  Selection Background
+base03  #6c6c66  Comments, Invisibles, Line Highlighting
+base04  #918f88  Dark Foreground (Used for status bars)
+base05  #b5b3aa  Default Foreground, Caret, Delimiters, Operators
+base06  #d9d7cc  Light Foreground (Not often used)
+base07  #fdfbee  Light Background (Not often used)
+base08  #ff6c60  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #e9c062  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffffb6  Classes, Markup Bold, Search Text Background
+base0B  #a8ff60  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #c6c5fe  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #96cbfe  Functions, Methods, Attribute IDs, Headings
+base0E  #ff73fd  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b18a3d  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #b5b3aa;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #484844;
+  color: #b5b3aa
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6c6c66 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6c6c66
+}
+/* base04 - #918f88 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #918f88
+}
+/* base05 - #b5b3aa -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #b5b3aa
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff6c60
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #e9c062
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffffb6
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffffb6
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a8ff60
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #c6c5fe
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #96cbfe
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ff73fd
+}
+.hljs-emphasis {
+  color: #ff73fd;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b18a3d
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ir-black.min.css b/snap-client/src/styles/base16/ir-black.min.css
new file mode 100644
index 0000000..54afa45
--- /dev/null
+++ b/snap-client/src/styles/base16/ir-black.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: IR Black
+  Author: Timothée Poisot (http://timotheepoisot.fr)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b5b3aa;background:#000}.hljs ::selection,.hljs::selection{background-color:#484844;color:#b5b3aa}.hljs-comment{color:#6c6c66}.hljs-tag{color:#918f88}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b5b3aa}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff6c60}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e9c062}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffffb6}.hljs-strong{font-weight:700;color:#ffffb6}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a8ff60}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#c6c5fe}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#96cbfe}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ff73fd}.hljs-emphasis{color:#ff73fd;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b18a3d}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/isotope.css b/snap-client/src/styles/base16/isotope.css
new file mode 100644
index 0000000..0bad052
--- /dev/null
+++ b/snap-client/src/styles/base16/isotope.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Isotope
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme isotope
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #404040  Lighter Background (Used for status bars, line number and folding marks)
+base02  #606060  Selection Background
+base03  #808080  Comments, Invisibles, Line Highlighting
+base04  #c0c0c0  Dark Foreground (Used for status bars)
+base05  #d0d0d0  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #ff0000  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff9900  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ff0099  Classes, Markup Bold, Search Text Background
+base0B  #33ff00  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00ffff  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0066ff  Functions, Methods, Attribute IDs, Headings
+base0E  #cc00ff  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #3300ff  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d0d0d0;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #606060;
+  color: #d0d0d0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #808080 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #808080
+}
+/* base04 - #c0c0c0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #c0c0c0
+}
+/* base05 - #d0d0d0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d0d0d0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff0000
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff9900
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ff0099
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ff0099
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #33ff00
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00ffff
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0066ff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #cc00ff
+}
+.hljs-emphasis {
+  color: #cc00ff;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #3300ff
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/isotope.min.css b/snap-client/src/styles/base16/isotope.min.css
new file mode 100644
index 0000000..ef27862
--- /dev/null
+++ b/snap-client/src/styles/base16/isotope.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Isotope
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0d0d0;background:#000}.hljs ::selection,.hljs::selection{background-color:#606060;color:#d0d0d0}.hljs-comment{color:grey}.hljs-tag{color:silver}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0d0d0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:red}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f90}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f09}.hljs-strong{font-weight:700;color:#f09}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#3f0}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#0ff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#06f}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c0f}.hljs-emphasis{color:#c0f;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#30f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/kimber.css b/snap-client/src/styles/base16/kimber.css
new file mode 100644
index 0000000..9a8d97d
--- /dev/null
+++ b/snap-client/src/styles/base16/kimber.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Kimber
+  Author: Mishka Nguyen (https://github.com/akhsiM)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme kimber
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #222222  Default Background
+base01  #313131  Lighter Background (Used for status bars, line number and folding marks)
+base02  #555D55  Selection Background
+base03  #644646  Comments, Invisibles, Line Highlighting
+base04  #5A5A5A  Dark Foreground (Used for status bars)
+base05  #DEDEE7  Default Foreground, Caret, Delimiters, Operators
+base06  #C3C3B4  Light Foreground (Not often used)
+base07  #FFFFE6  Light Background (Not often used)
+base08  #C88C8C  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #476C88  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #D8B56D  Classes, Markup Bold, Search Text Background
+base0B  #99C899  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #78B4B4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #537C9C  Functions, Methods, Attribute IDs, Headings
+base0E  #86CACD  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #704F4F  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #DEDEE7;
+  background: #222222
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #555D55;
+  color: #DEDEE7
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #644646 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #644646
+}
+/* base04 - #5A5A5A -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5A5A5A
+}
+/* base05 - #DEDEE7 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #DEDEE7
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #C88C8C
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #476C88
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #D8B56D
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #D8B56D
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #99C899
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #78B4B4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #537C9C
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #86CACD
+}
+.hljs-emphasis {
+  color: #86CACD;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #704F4F
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/kimber.min.css b/snap-client/src/styles/base16/kimber.min.css
new file mode 100644
index 0000000..f2c29f4
--- /dev/null
+++ b/snap-client/src/styles/base16/kimber.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Kimber
+  Author: Mishka Nguyen (https://github.com/akhsiM)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#dedee7;background:#222}.hljs ::selection,.hljs::selection{background-color:#555d55;color:#dedee7}.hljs-comment{color:#644646}.hljs-tag{color:#5a5a5a}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#dedee7}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c88c8c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#476c88}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#d8b56d}.hljs-strong{font-weight:700;color:#d8b56d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#99c899}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#78b4b4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#537c9c}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#86cacd}.hljs-emphasis{color:#86cacd;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#704f4f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/london-tube.css b/snap-client/src/styles/base16/london-tube.css
new file mode 100644
index 0000000..2b285b2
--- /dev/null
+++ b/snap-client/src/styles/base16/london-tube.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: London Tube
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme london-tube
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #231f20  Default Background
+base01  #1c3f95  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5a5758  Selection Background
+base03  #737171  Comments, Invisibles, Line Highlighting
+base04  #959ca1  Dark Foreground (Used for status bars)
+base05  #d9d8d8  Default Foreground, Caret, Delimiters, Operators
+base06  #e7e7e8  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #ee2e24  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f386a1  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffd204  Classes, Markup Bold, Search Text Background
+base0B  #00853e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #85cebc  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #009ddc  Functions, Methods, Attribute IDs, Headings
+base0E  #98005d  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b06110  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d9d8d8;
+  background: #231f20
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5a5758;
+  color: #d9d8d8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #737171 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #737171
+}
+/* base04 - #959ca1 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #959ca1
+}
+/* base05 - #d9d8d8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d9d8d8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ee2e24
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f386a1
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffd204
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffd204
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00853e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #85cebc
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #009ddc
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #98005d
+}
+.hljs-emphasis {
+  color: #98005d;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b06110
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/london-tube.min.css b/snap-client/src/styles/base16/london-tube.min.css
new file mode 100644
index 0000000..613ed64
--- /dev/null
+++ b/snap-client/src/styles/base16/london-tube.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: London Tube
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d9d8d8;background:#231f20}.hljs ::selection,.hljs::selection{background-color:#5a5758;color:#d9d8d8}.hljs-comment{color:#737171}.hljs-tag{color:#959ca1}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d9d8d8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ee2e24}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f386a1}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffd204}.hljs-strong{font-weight:700;color:#ffd204}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#00853e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#85cebc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#009ddc}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#98005d}.hljs-emphasis{color:#98005d;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b06110}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/macintosh.css b/snap-client/src/styles/base16/macintosh.css
new file mode 100644
index 0000000..9895b7b
--- /dev/null
+++ b/snap-client/src/styles/base16/macintosh.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Macintosh
+  Author: Rebecca Bettencourt (http://www.kreativekorp.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme macintosh
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #404040  Lighter Background (Used for status bars, line number and folding marks)
+base02  #404040  Selection Background
+base03  #808080  Comments, Invisibles, Line Highlighting
+base04  #808080  Dark Foreground (Used for status bars)
+base05  #c0c0c0  Default Foreground, Caret, Delimiters, Operators
+base06  #c0c0c0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #dd0907  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff6403  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fbf305  Classes, Markup Bold, Search Text Background
+base0B  #1fb714  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #02abea  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0000d3  Functions, Methods, Attribute IDs, Headings
+base0E  #4700a5  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #90713a  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c0c0c0;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #404040;
+  color: #c0c0c0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #808080 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #808080
+}
+/* base04 - #808080 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #808080
+}
+/* base05 - #c0c0c0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c0c0c0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #dd0907
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff6403
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fbf305
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fbf305
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #1fb714
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #02abea
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0000d3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #4700a5
+}
+.hljs-emphasis {
+  color: #4700a5;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #90713a
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/macintosh.min.css b/snap-client/src/styles/base16/macintosh.min.css
new file mode 100644
index 0000000..a947f9c
--- /dev/null
+++ b/snap-client/src/styles/base16/macintosh.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Macintosh
+  Author: Rebecca Bettencourt (http://www.kreativekorp.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:silver;background:#000}.hljs ::selection,.hljs::selection{background-color:#404040;color:silver}.hljs-comment,.hljs-tag{color:grey}.hljs-operator,.hljs-punctuation,.hljs-subst{color:silver}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#dd0907}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff6403}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fbf305}.hljs-strong{font-weight:700;color:#fbf305}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#1fb714}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#02abea}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0000d3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#4700a5}.hljs-emphasis{color:#4700a5;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#90713a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/marrakesh.css b/snap-client/src/styles/base16/marrakesh.css
new file mode 100644
index 0000000..5f86b58
--- /dev/null
+++ b/snap-client/src/styles/base16/marrakesh.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Marrakesh
+  Author: Alexandre Gavioli (http://github.com/Alexx2/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme marrakesh
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #201602  Default Background
+base01  #302e00  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5f5b17  Selection Background
+base03  #6c6823  Comments, Invisibles, Line Highlighting
+base04  #86813b  Dark Foreground (Used for status bars)
+base05  #948e48  Default Foreground, Caret, Delimiters, Operators
+base06  #ccc37a  Light Foreground (Not often used)
+base07  #faf0a5  Light Background (Not often used)
+base08  #c35359  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b36144  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a88339  Classes, Markup Bold, Search Text Background
+base0B  #18974e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #75a738  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #477ca1  Functions, Methods, Attribute IDs, Headings
+base0E  #8868b3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b3588e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #948e48;
+  background: #201602
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5f5b17;
+  color: #948e48
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6c6823 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6c6823
+}
+/* base04 - #86813b -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #86813b
+}
+/* base05 - #948e48 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #948e48
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c35359
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b36144
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a88339
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a88339
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #18974e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #75a738
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #477ca1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8868b3
+}
+.hljs-emphasis {
+  color: #8868b3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b3588e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/marrakesh.min.css b/snap-client/src/styles/base16/marrakesh.min.css
new file mode 100644
index 0000000..3940e22
--- /dev/null
+++ b/snap-client/src/styles/base16/marrakesh.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Marrakesh
+  Author: Alexandre Gavioli (http://github.com/Alexx2/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#948e48;background:#201602}.hljs ::selection,.hljs::selection{background-color:#5f5b17;color:#948e48}.hljs-comment{color:#6c6823}.hljs-tag{color:#86813b}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#948e48}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c35359}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b36144}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a88339}.hljs-strong{font-weight:700;color:#a88339}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#18974e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#75a738}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#477ca1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8868b3}.hljs-emphasis{color:#8868b3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b3588e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/materia.css b/snap-client/src/styles/base16/materia.css
new file mode 100644
index 0000000..1a24854
--- /dev/null
+++ b/snap-client/src/styles/base16/materia.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Materia
+  Author: Defman21
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme materia
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #263238  Default Background
+base01  #2C393F  Lighter Background (Used for status bars, line number and folding marks)
+base02  #37474F  Selection Background
+base03  #707880  Comments, Invisibles, Line Highlighting
+base04  #C9CCD3  Dark Foreground (Used for status bars)
+base05  #CDD3DE  Default Foreground, Caret, Delimiters, Operators
+base06  #D5DBE5  Light Foreground (Not often used)
+base07  #FFFFFF  Light Background (Not often used)
+base08  #EC5F67  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #EA9560  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FFCC00  Classes, Markup Bold, Search Text Background
+base0B  #8BD649  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #80CBC4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #89DDFF  Functions, Methods, Attribute IDs, Headings
+base0E  #82AAFF  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #EC5F67  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #CDD3DE;
+  background: #263238
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #37474F;
+  color: #CDD3DE
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #707880 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #707880
+}
+/* base04 - #C9CCD3 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #C9CCD3
+}
+/* base05 - #CDD3DE -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #CDD3DE
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #EC5F67
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #EA9560
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FFCC00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FFCC00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #8BD649
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #80CBC4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #89DDFF
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #82AAFF
+}
+.hljs-emphasis {
+  color: #82AAFF;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #EC5F67
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/materia.min.css b/snap-client/src/styles/base16/materia.min.css
new file mode 100644
index 0000000..ceb7c0c
--- /dev/null
+++ b/snap-client/src/styles/base16/materia.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Materia
+  Author: Defman21
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#cdd3de;background:#263238}.hljs ::selection,.hljs::selection{background-color:#37474f;color:#cdd3de}.hljs-comment{color:#707880}.hljs-tag{color:#c9ccd3}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#cdd3de}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ec5f67}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ea9560}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fc0}.hljs-strong{font-weight:700;color:#fc0}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#8bd649}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#80cbc4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#89ddff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#82aaff}.hljs-emphasis{color:#82aaff;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ec5f67}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/material-darker.css b/snap-client/src/styles/base16/material-darker.css
new file mode 100644
index 0000000..95c9063
--- /dev/null
+++ b/snap-client/src/styles/base16/material-darker.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Material Darker
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme material-darker
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #212121  Default Background
+base01  #303030  Lighter Background (Used for status bars, line number and folding marks)
+base02  #353535  Selection Background
+base03  #4A4A4A  Comments, Invisibles, Line Highlighting
+base04  #B2CCD6  Dark Foreground (Used for status bars)
+base05  #EEFFFF  Default Foreground, Caret, Delimiters, Operators
+base06  #EEFFFF  Light Foreground (Not often used)
+base07  #FFFFFF  Light Background (Not often used)
+base08  #F07178  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F78C6C  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FFCB6B  Classes, Markup Bold, Search Text Background
+base0B  #C3E88D  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #89DDFF  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #82AAFF  Functions, Methods, Attribute IDs, Headings
+base0E  #C792EA  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #FF5370  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #EEFFFF;
+  background: #212121
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #353535;
+  color: #EEFFFF
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #4A4A4A -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #4A4A4A
+}
+/* base04 - #B2CCD6 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #B2CCD6
+}
+/* base05 - #EEFFFF -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #EEFFFF
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #F07178
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F78C6C
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FFCB6B
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FFCB6B
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #C3E88D
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #89DDFF
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #82AAFF
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #C792EA
+}
+.hljs-emphasis {
+  color: #C792EA;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #FF5370
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/material-darker.min.css b/snap-client/src/styles/base16/material-darker.min.css
new file mode 100644
index 0000000..8e32102
--- /dev/null
+++ b/snap-client/src/styles/base16/material-darker.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Material Darker
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#eff;background:#212121}.hljs ::selection,.hljs::selection{background-color:#353535;color:#eff}.hljs-comment{color:#4a4a4a}.hljs-tag{color:#b2ccd6}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#eff}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f07178}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f78c6c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffcb6b}.hljs-strong{font-weight:700;color:#ffcb6b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#c3e88d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#89ddff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#82aaff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c792ea}.hljs-emphasis{color:#c792ea;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ff5370}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/material-lighter.css b/snap-client/src/styles/base16/material-lighter.css
new file mode 100644
index 0000000..548688c
--- /dev/null
+++ b/snap-client/src/styles/base16/material-lighter.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Material Lighter
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme material-lighter
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #FAFAFA  Default Background
+base01  #E7EAEC  Lighter Background (Used for status bars, line number and folding marks)
+base02  #CCEAE7  Selection Background
+base03  #CCD7DA  Comments, Invisibles, Line Highlighting
+base04  #8796B0  Dark Foreground (Used for status bars)
+base05  #80CBC4  Default Foreground, Caret, Delimiters, Operators
+base06  #80CBC4  Light Foreground (Not often used)
+base07  #FFFFFF  Light Background (Not often used)
+base08  #FF5370  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F76D47  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FFB62C  Classes, Markup Bold, Search Text Background
+base0B  #91B859  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #39ADB5  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6182B8  Functions, Methods, Attribute IDs, Headings
+base0E  #7C4DFF  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #E53935  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #80CBC4;
+  background: #FAFAFA
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #CCEAE7;
+  color: #80CBC4
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #CCD7DA -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #CCD7DA
+}
+/* base04 - #8796B0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #8796B0
+}
+/* base05 - #80CBC4 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #80CBC4
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #FF5370
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F76D47
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FFB62C
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FFB62C
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #91B859
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #39ADB5
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6182B8
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #7C4DFF
+}
+.hljs-emphasis {
+  color: #7C4DFF;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #E53935
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/material-lighter.min.css b/snap-client/src/styles/base16/material-lighter.min.css
new file mode 100644
index 0000000..bf84b5e
--- /dev/null
+++ b/snap-client/src/styles/base16/material-lighter.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Material Lighter
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#80cbc4;background:#fafafa}.hljs ::selection,.hljs::selection{background-color:#cceae7;color:#80cbc4}.hljs-comment{color:#ccd7da}.hljs-tag{color:#8796b0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#80cbc4}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff5370}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f76d47}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffb62c}.hljs-strong{font-weight:700;color:#ffb62c}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#91b859}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#39adb5}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6182b8}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#7c4dff}.hljs-emphasis{color:#7c4dff;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e53935}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/material-palenight.css b/snap-client/src/styles/base16/material-palenight.css
new file mode 100644
index 0000000..53177cb
--- /dev/null
+++ b/snap-client/src/styles/base16/material-palenight.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Material Palenight
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme material-palenight
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #292D3E  Default Background
+base01  #444267  Lighter Background (Used for status bars, line number and folding marks)
+base02  #32374D  Selection Background
+base03  #676E95  Comments, Invisibles, Line Highlighting
+base04  #8796B0  Dark Foreground (Used for status bars)
+base05  #959DCB  Default Foreground, Caret, Delimiters, Operators
+base06  #959DCB  Light Foreground (Not often used)
+base07  #FFFFFF  Light Background (Not often used)
+base08  #F07178  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F78C6C  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FFCB6B  Classes, Markup Bold, Search Text Background
+base0B  #C3E88D  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #89DDFF  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #82AAFF  Functions, Methods, Attribute IDs, Headings
+base0E  #C792EA  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #FF5370  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #959DCB;
+  background: #292D3E
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #32374D;
+  color: #959DCB
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #676E95 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #676E95
+}
+/* base04 - #8796B0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #8796B0
+}
+/* base05 - #959DCB -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #959DCB
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #F07178
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F78C6C
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FFCB6B
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FFCB6B
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #C3E88D
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #89DDFF
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #82AAFF
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #C792EA
+}
+.hljs-emphasis {
+  color: #C792EA;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #FF5370
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/material-palenight.min.css b/snap-client/src/styles/base16/material-palenight.min.css
new file mode 100644
index 0000000..901eb09
--- /dev/null
+++ b/snap-client/src/styles/base16/material-palenight.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Material Palenight
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#959dcb;background:#292d3e}.hljs ::selection,.hljs::selection{background-color:#32374d;color:#959dcb}.hljs-comment{color:#676e95}.hljs-tag{color:#8796b0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#959dcb}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f07178}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f78c6c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffcb6b}.hljs-strong{font-weight:700;color:#ffcb6b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#c3e88d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#89ddff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#82aaff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c792ea}.hljs-emphasis{color:#c792ea;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ff5370}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/material-vivid.css b/snap-client/src/styles/base16/material-vivid.css
new file mode 100644
index 0000000..002917e
--- /dev/null
+++ b/snap-client/src/styles/base16/material-vivid.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Material Vivid
+  Author: joshyrobot
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme material-vivid
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #202124  Default Background
+base01  #27292c  Lighter Background (Used for status bars, line number and folding marks)
+base02  #323639  Selection Background
+base03  #44464d  Comments, Invisibles, Line Highlighting
+base04  #676c71  Dark Foreground (Used for status bars)
+base05  #80868b  Default Foreground, Caret, Delimiters, Operators
+base06  #9e9e9e  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #f44336  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff9800  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffeb3b  Classes, Markup Bold, Search Text Background
+base0B  #00e676  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00bcd4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #2196f3  Functions, Methods, Attribute IDs, Headings
+base0E  #673ab7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #8d6e63  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #80868b;
+  background: #202124
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #323639;
+  color: #80868b
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #44464d -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #44464d
+}
+/* base04 - #676c71 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #676c71
+}
+/* base05 - #80868b -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #80868b
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f44336
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff9800
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffeb3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffeb3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00e676
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00bcd4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #2196f3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #673ab7
+}
+.hljs-emphasis {
+  color: #673ab7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #8d6e63
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/material-vivid.min.css b/snap-client/src/styles/base16/material-vivid.min.css
new file mode 100644
index 0000000..cadaf26
--- /dev/null
+++ b/snap-client/src/styles/base16/material-vivid.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Material Vivid
+  Author: joshyrobot
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#80868b;background:#202124}.hljs ::selection,.hljs::selection{background-color:#323639;color:#80868b}.hljs-comment{color:#44464d}.hljs-tag{color:#676c71}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#80868b}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f44336}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff9800}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffeb3b}.hljs-strong{font-weight:700;color:#ffeb3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#00e676}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#00bcd4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#2196f3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#673ab7}.hljs-emphasis{color:#673ab7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#8d6e63}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/material.css b/snap-client/src/styles/base16/material.css
new file mode 100644
index 0000000..ae72cfc
--- /dev/null
+++ b/snap-client/src/styles/base16/material.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Material
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme material
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #263238  Default Background
+base01  #2E3C43  Lighter Background (Used for status bars, line number and folding marks)
+base02  #314549  Selection Background
+base03  #546E7A  Comments, Invisibles, Line Highlighting
+base04  #B2CCD6  Dark Foreground (Used for status bars)
+base05  #EEFFFF  Default Foreground, Caret, Delimiters, Operators
+base06  #EEFFFF  Light Foreground (Not often used)
+base07  #FFFFFF  Light Background (Not often used)
+base08  #F07178  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F78C6C  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FFCB6B  Classes, Markup Bold, Search Text Background
+base0B  #C3E88D  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #89DDFF  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #82AAFF  Functions, Methods, Attribute IDs, Headings
+base0E  #C792EA  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #FF5370  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #EEFFFF;
+  background: #263238
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #314549;
+  color: #EEFFFF
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #546E7A -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #546E7A
+}
+/* base04 - #B2CCD6 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #B2CCD6
+}
+/* base05 - #EEFFFF -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #EEFFFF
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #F07178
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F78C6C
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FFCB6B
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FFCB6B
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #C3E88D
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #89DDFF
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #82AAFF
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #C792EA
+}
+.hljs-emphasis {
+  color: #C792EA;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #FF5370
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/material.min.css b/snap-client/src/styles/base16/material.min.css
new file mode 100644
index 0000000..90c3de9
--- /dev/null
+++ b/snap-client/src/styles/base16/material.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Material
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#eff;background:#263238}.hljs ::selection,.hljs::selection{background-color:#314549;color:#eff}.hljs-comment{color:#546e7a}.hljs-tag{color:#b2ccd6}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#eff}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f07178}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f78c6c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffcb6b}.hljs-strong{font-weight:700;color:#ffcb6b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#c3e88d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#89ddff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#82aaff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c792ea}.hljs-emphasis{color:#c792ea;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ff5370}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/mellow-purple.css b/snap-client/src/styles/base16/mellow-purple.css
new file mode 100644
index 0000000..41f3706
--- /dev/null
+++ b/snap-client/src/styles/base16/mellow-purple.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Mellow Purple
+  Author: gidsi
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme mellow-purple
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1e0528  Default Background
+base01  #1A092D  Lighter Background (Used for status bars, line number and folding marks)
+base02  #331354  Selection Background
+base03  #320f55  Comments, Invisibles, Line Highlighting
+base04  #873582  Dark Foreground (Used for status bars)
+base05  #ffeeff  Default Foreground, Caret, Delimiters, Operators
+base06  #ffeeff  Light Foreground (Not often used)
+base07  #f8c0ff  Light Background (Not often used)
+base08  #00d9e9  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aa00a3  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #955ae7  Classes, Markup Bold, Search Text Background
+base0B  #05cb0d  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #b900b1  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #550068  Functions, Methods, Attribute IDs, Headings
+base0E  #8991bb  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #4d6fff  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #ffeeff;
+  background: #1e0528
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #331354;
+  color: #ffeeff
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #320f55 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #320f55
+}
+/* base04 - #873582 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #873582
+}
+/* base05 - #ffeeff -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #ffeeff
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #00d9e9
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aa00a3
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #955ae7
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #955ae7
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #05cb0d
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #b900b1
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #550068
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8991bb
+}
+.hljs-emphasis {
+  color: #8991bb;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #4d6fff
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/mellow-purple.min.css b/snap-client/src/styles/base16/mellow-purple.min.css
new file mode 100644
index 0000000..be9fd92
--- /dev/null
+++ b/snap-client/src/styles/base16/mellow-purple.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Mellow Purple
+  Author: gidsi
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#fef;background:#1e0528}.hljs ::selection,.hljs::selection{background-color:#331354;color:#fef}.hljs-comment{color:#320f55}.hljs-tag{color:#873582}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#fef}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#00d9e9}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aa00a3}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#955ae7}.hljs-strong{font-weight:700;color:#955ae7}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#05cb0d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#b900b1}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#550068}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8991bb}.hljs-emphasis{color:#8991bb;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#4d6fff}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/mexico-light.css b/snap-client/src/styles/base16/mexico-light.css
new file mode 100644
index 0000000..8560231
--- /dev/null
+++ b/snap-client/src/styles/base16/mexico-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Mexico Light
+  Author: Sheldon Johnson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme mexico-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f8f8f8  Default Background
+base01  #e8e8e8  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d8d8d8  Selection Background
+base03  #b8b8b8  Comments, Invisibles, Line Highlighting
+base04  #585858  Dark Foreground (Used for status bars)
+base05  #383838  Default Foreground, Caret, Delimiters, Operators
+base06  #282828  Light Foreground (Not often used)
+base07  #181818  Light Background (Not often used)
+base08  #ab4642  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #dc9656  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f79a0e  Classes, Markup Bold, Search Text Background
+base0B  #538947  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #4b8093  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7cafc2  Functions, Methods, Attribute IDs, Headings
+base0E  #96609e  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a16946  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #383838;
+  background: #f8f8f8
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d8d8d8;
+  color: #383838
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #b8b8b8 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #b8b8b8
+}
+/* base04 - #585858 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #585858
+}
+/* base05 - #383838 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #383838
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ab4642
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #dc9656
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f79a0e
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f79a0e
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #538947
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #4b8093
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7cafc2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #96609e
+}
+.hljs-emphasis {
+  color: #96609e;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a16946
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/mexico-light.min.css b/snap-client/src/styles/base16/mexico-light.min.css
new file mode 100644
index 0000000..13747e5
--- /dev/null
+++ b/snap-client/src/styles/base16/mexico-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Mexico Light
+  Author: Sheldon Johnson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383838;background:#f8f8f8}.hljs ::selection,.hljs::selection{background-color:#d8d8d8;color:#383838}.hljs-comment{color:#b8b8b8}.hljs-tag{color:#585858}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#383838}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ab4642}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#dc9656}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f79a0e}.hljs-strong{font-weight:700;color:#f79a0e}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#538947}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#4b8093}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7cafc2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#96609e}.hljs-emphasis{color:#96609e;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a16946}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/mocha.css b/snap-client/src/styles/base16/mocha.css
new file mode 100644
index 0000000..908f3bb
--- /dev/null
+++ b/snap-client/src/styles/base16/mocha.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Mocha
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme mocha
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #3B3228  Default Background
+base01  #534636  Lighter Background (Used for status bars, line number and folding marks)
+base02  #645240  Selection Background
+base03  #7e705a  Comments, Invisibles, Line Highlighting
+base04  #b8afad  Dark Foreground (Used for status bars)
+base05  #d0c8c6  Default Foreground, Caret, Delimiters, Operators
+base06  #e9e1dd  Light Foreground (Not often used)
+base07  #f5eeeb  Light Background (Not often used)
+base08  #cb6077  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d28b71  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f4bc87  Classes, Markup Bold, Search Text Background
+base0B  #beb55b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #7bbda4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #8ab3b5  Functions, Methods, Attribute IDs, Headings
+base0E  #a89bb9  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bb9584  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d0c8c6;
+  background: #3B3228
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #645240;
+  color: #d0c8c6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7e705a -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7e705a
+}
+/* base04 - #b8afad -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b8afad
+}
+/* base05 - #d0c8c6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d0c8c6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #cb6077
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d28b71
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f4bc87
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f4bc87
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #beb55b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #7bbda4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #8ab3b5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a89bb9
+}
+.hljs-emphasis {
+  color: #a89bb9;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bb9584
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/mocha.min.css b/snap-client/src/styles/base16/mocha.min.css
new file mode 100644
index 0000000..bc1f3bf
--- /dev/null
+++ b/snap-client/src/styles/base16/mocha.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Mocha
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0c8c6;background:#3b3228}.hljs ::selection,.hljs::selection{background-color:#645240;color:#d0c8c6}.hljs-comment{color:#7e705a}.hljs-tag{color:#b8afad}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0c8c6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#cb6077}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d28b71}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f4bc87}.hljs-strong{font-weight:700;color:#f4bc87}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#beb55b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#7bbda4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#8ab3b5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a89bb9}.hljs-emphasis{color:#a89bb9;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bb9584}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/monokai.css b/snap-client/src/styles/base16/monokai.css
new file mode 100644
index 0000000..097ce34
--- /dev/null
+++ b/snap-client/src/styles/base16/monokai.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Monokai
+  Author: Wimer Hazenberg (http://www.monokai.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme monokai
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #272822  Default Background
+base01  #383830  Lighter Background (Used for status bars, line number and folding marks)
+base02  #49483e  Selection Background
+base03  #75715e  Comments, Invisibles, Line Highlighting
+base04  #a59f85  Dark Foreground (Used for status bars)
+base05  #f8f8f2  Default Foreground, Caret, Delimiters, Operators
+base06  #f5f4f1  Light Foreground (Not often used)
+base07  #f9f8f5  Light Background (Not often used)
+base08  #f92672  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fd971f  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f4bf75  Classes, Markup Bold, Search Text Background
+base0B  #a6e22e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #a1efe4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #66d9ef  Functions, Methods, Attribute IDs, Headings
+base0E  #ae81ff  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #cc6633  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #f8f8f2;
+  background: #272822
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #49483e;
+  color: #f8f8f2
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #75715e -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #75715e
+}
+/* base04 - #a59f85 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a59f85
+}
+/* base05 - #f8f8f2 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #f8f8f2
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f92672
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fd971f
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f4bf75
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f4bf75
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a6e22e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #a1efe4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #66d9ef
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ae81ff
+}
+.hljs-emphasis {
+  color: #ae81ff;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #cc6633
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/monokai.min.css b/snap-client/src/styles/base16/monokai.min.css
new file mode 100644
index 0000000..8aacf00
--- /dev/null
+++ b/snap-client/src/styles/base16/monokai.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Monokai
+  Author: Wimer Hazenberg (http://www.monokai.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#f8f8f2;background:#272822}.hljs ::selection,.hljs::selection{background-color:#49483e;color:#f8f8f2}.hljs-comment{color:#75715e}.hljs-tag{color:#a59f85}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#f8f8f2}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f92672}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fd971f}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f4bf75}.hljs-strong{font-weight:700;color:#f4bf75}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a6e22e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#a1efe4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#66d9ef}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ae81ff}.hljs-emphasis{color:#ae81ff;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c63}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/nebula.css b/snap-client/src/styles/base16/nebula.css
new file mode 100644
index 0000000..eb04d2b
--- /dev/null
+++ b/snap-client/src/styles/base16/nebula.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Nebula
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme nebula
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #22273b  Default Background
+base01  #414f60  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5a8380  Selection Background
+base03  #6e6f72  Comments, Invisibles, Line Highlighting
+base04  #87888b  Dark Foreground (Used for status bars)
+base05  #a4a6a9  Default Foreground, Caret, Delimiters, Operators
+base06  #c7c9cd  Light Foreground (Not often used)
+base07  #8dbdaa  Light Background (Not often used)
+base08  #777abc  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #94929e  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #4f9062  Classes, Markup Bold, Search Text Background
+base0B  #6562a8  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #226f68  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #4d6bb6  Functions, Methods, Attribute IDs, Headings
+base0E  #716cae  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #8c70a7  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a4a6a9;
+  background: #22273b
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5a8380;
+  color: #a4a6a9
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6e6f72 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6e6f72
+}
+/* base04 - #87888b -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #87888b
+}
+/* base05 - #a4a6a9 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a4a6a9
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #777abc
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #94929e
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #4f9062
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #4f9062
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #6562a8
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #226f68
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #4d6bb6
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #716cae
+}
+.hljs-emphasis {
+  color: #716cae;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #8c70a7
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/nebula.min.css b/snap-client/src/styles/base16/nebula.min.css
new file mode 100644
index 0000000..17de036
--- /dev/null
+++ b/snap-client/src/styles/base16/nebula.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Nebula
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a4a6a9;background:#22273b}.hljs ::selection,.hljs::selection{background-color:#5a8380;color:#a4a6a9}.hljs-comment{color:#6e6f72}.hljs-tag{color:#87888b}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a4a6a9}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#777abc}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#94929e}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#4f9062}.hljs-strong{font-weight:700;color:#4f9062}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#6562a8}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#226f68}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#4d6bb6}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#716cae}.hljs-emphasis{color:#716cae;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#8c70a7}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/nord.css b/snap-client/src/styles/base16/nord.css
new file mode 100644
index 0000000..6227706
--- /dev/null
+++ b/snap-client/src/styles/base16/nord.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Nord
+  Author: arcticicestudio
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme nord
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2E3440  Default Background
+base01  #3B4252  Lighter Background (Used for status bars, line number and folding marks)
+base02  #434C5E  Selection Background
+base03  #4C566A  Comments, Invisibles, Line Highlighting
+base04  #D8DEE9  Dark Foreground (Used for status bars)
+base05  #E5E9F0  Default Foreground, Caret, Delimiters, Operators
+base06  #ECEFF4  Light Foreground (Not often used)
+base07  #8FBCBB  Light Background (Not often used)
+base08  #BF616A  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #D08770  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #EBCB8B  Classes, Markup Bold, Search Text Background
+base0B  #A3BE8C  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #88C0D0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #81A1C1  Functions, Methods, Attribute IDs, Headings
+base0E  #B48EAD  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #5E81AC  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #E5E9F0;
+  background: #2E3440
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #434C5E;
+  color: #E5E9F0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #4C566A -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #4C566A
+}
+/* base04 - #D8DEE9 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #D8DEE9
+}
+/* base05 - #E5E9F0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #E5E9F0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #BF616A
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #D08770
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #EBCB8B
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #EBCB8B
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #A3BE8C
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #88C0D0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #81A1C1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #B48EAD
+}
+.hljs-emphasis {
+  color: #B48EAD;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #5E81AC
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/nord.min.css b/snap-client/src/styles/base16/nord.min.css
new file mode 100644
index 0000000..508ae85
--- /dev/null
+++ b/snap-client/src/styles/base16/nord.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Nord
+  Author: arcticicestudio
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e5e9f0;background:#2e3440}.hljs ::selection,.hljs::selection{background-color:#434c5e;color:#e5e9f0}.hljs-comment{color:#4c566a}.hljs-tag{color:#d8dee9}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e5e9f0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#bf616a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d08770}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ebcb8b}.hljs-strong{font-weight:700;color:#ebcb8b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a3be8c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#88c0d0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#81a1c1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b48ead}.hljs-emphasis{color:#b48ead;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#5e81ac}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/nova.css b/snap-client/src/styles/base16/nova.css
new file mode 100644
index 0000000..3343e9f
--- /dev/null
+++ b/snap-client/src/styles/base16/nova.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Nova
+  Author: George Essig (https://github.com/gessig), Trevor D. Miller (https://trevordmiller.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme nova
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #3C4C55  Default Background
+base01  #556873  Lighter Background (Used for status bars, line number and folding marks)
+base02  #6A7D89  Selection Background
+base03  #899BA6  Comments, Invisibles, Line Highlighting
+base04  #899BA6  Dark Foreground (Used for status bars)
+base05  #C5D4DD  Default Foreground, Caret, Delimiters, Operators
+base06  #899BA6  Light Foreground (Not often used)
+base07  #556873  Light Background (Not often used)
+base08  #83AFE5  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #7FC1CA  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #A8CE93  Classes, Markup Bold, Search Text Background
+base0B  #7FC1CA  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #F2C38F  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #83AFE5  Functions, Methods, Attribute IDs, Headings
+base0E  #9A93E1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #F2C38F  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #C5D4DD;
+  background: #3C4C55
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #6A7D89;
+  color: #C5D4DD
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #899BA6 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #899BA6
+}
+/* base04 - #899BA6 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #899BA6
+}
+/* base05 - #C5D4DD -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #C5D4DD
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #83AFE5
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #7FC1CA
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #A8CE93
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #A8CE93
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7FC1CA
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #F2C38F
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #83AFE5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9A93E1
+}
+.hljs-emphasis {
+  color: #9A93E1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #F2C38F
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/nova.min.css b/snap-client/src/styles/base16/nova.min.css
new file mode 100644
index 0000000..5b9a408
--- /dev/null
+++ b/snap-client/src/styles/base16/nova.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Nova
+  Author: George Essig (https://github.com/gessig), Trevor D. Miller (https://trevordmiller.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c5d4dd;background:#3c4c55}.hljs ::selection,.hljs::selection{background-color:#6a7d89;color:#c5d4dd}.hljs-comment,.hljs-tag{color:#899ba6}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c5d4dd}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#83afe5}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#7fc1ca}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a8ce93}.hljs-strong{font-weight:700;color:#a8ce93}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7fc1ca}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#f2c38f}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#83afe5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9a93e1}.hljs-emphasis{color:#9a93e1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#f2c38f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ocean.css b/snap-client/src/styles/base16/ocean.css
new file mode 100644
index 0000000..5ed9f6c
--- /dev/null
+++ b/snap-client/src/styles/base16/ocean.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Ocean
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ocean
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2b303b  Default Background
+base01  #343d46  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4f5b66  Selection Background
+base03  #65737e  Comments, Invisibles, Line Highlighting
+base04  #a7adba  Dark Foreground (Used for status bars)
+base05  #c0c5ce  Default Foreground, Caret, Delimiters, Operators
+base06  #dfe1e8  Light Foreground (Not often used)
+base07  #eff1f5  Light Background (Not often used)
+base08  #bf616a  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d08770  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ebcb8b  Classes, Markup Bold, Search Text Background
+base0B  #a3be8c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #96b5b4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #8fa1b3  Functions, Methods, Attribute IDs, Headings
+base0E  #b48ead  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #ab7967  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c0c5ce;
+  background: #2b303b
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4f5b66;
+  color: #c0c5ce
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #65737e -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #65737e
+}
+/* base04 - #a7adba -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a7adba
+}
+/* base05 - #c0c5ce -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c0c5ce
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #bf616a
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d08770
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ebcb8b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ebcb8b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a3be8c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #96b5b4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #8fa1b3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b48ead
+}
+.hljs-emphasis {
+  color: #b48ead;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #ab7967
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ocean.min.css b/snap-client/src/styles/base16/ocean.min.css
new file mode 100644
index 0000000..9127e53
--- /dev/null
+++ b/snap-client/src/styles/base16/ocean.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Ocean
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c0c5ce;background:#2b303b}.hljs ::selection,.hljs::selection{background-color:#4f5b66;color:#c0c5ce}.hljs-comment{color:#65737e}.hljs-tag{color:#a7adba}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c0c5ce}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#bf616a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d08770}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ebcb8b}.hljs-strong{font-weight:700;color:#ebcb8b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a3be8c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#96b5b4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#8fa1b3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b48ead}.hljs-emphasis{color:#b48ead;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ab7967}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/oceanicnext.css b/snap-client/src/styles/base16/oceanicnext.css
new file mode 100644
index 0000000..a2f8214
--- /dev/null
+++ b/snap-client/src/styles/base16/oceanicnext.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: OceanicNext
+  Author: https://github.com/voronianski/oceanic-next-color-scheme
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme oceanicnext
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1B2B34  Default Background
+base01  #343D46  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4F5B66  Selection Background
+base03  #65737E  Comments, Invisibles, Line Highlighting
+base04  #A7ADBA  Dark Foreground (Used for status bars)
+base05  #C0C5CE  Default Foreground, Caret, Delimiters, Operators
+base06  #CDD3DE  Light Foreground (Not often used)
+base07  #D8DEE9  Light Background (Not often used)
+base08  #EC5f67  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F99157  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FAC863  Classes, Markup Bold, Search Text Background
+base0B  #99C794  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5FB3B3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6699CC  Functions, Methods, Attribute IDs, Headings
+base0E  #C594C5  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #AB7967  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #C0C5CE;
+  background: #1B2B34
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4F5B66;
+  color: #C0C5CE
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #65737E -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #65737E
+}
+/* base04 - #A7ADBA -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #A7ADBA
+}
+/* base05 - #C0C5CE -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #C0C5CE
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #EC5f67
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F99157
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FAC863
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FAC863
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #99C794
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5FB3B3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6699CC
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #C594C5
+}
+.hljs-emphasis {
+  color: #C594C5;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #AB7967
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/oceanicnext.min.css b/snap-client/src/styles/base16/oceanicnext.min.css
new file mode 100644
index 0000000..627c14b
--- /dev/null
+++ b/snap-client/src/styles/base16/oceanicnext.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: OceanicNext
+  Author: https://github.com/voronianski/oceanic-next-color-scheme
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c0c5ce;background:#1b2b34}.hljs ::selection,.hljs::selection{background-color:#4f5b66;color:#c0c5ce}.hljs-comment{color:#65737e}.hljs-tag{color:#a7adba}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c0c5ce}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ec5f67}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f99157}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fac863}.hljs-strong{font-weight:700;color:#fac863}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#99c794}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5fb3b3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#69c}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c594c5}.hljs-emphasis{color:#c594c5;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ab7967}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/one-light.css b/snap-client/src/styles/base16/one-light.css
new file mode 100644
index 0000000..a7241d0
--- /dev/null
+++ b/snap-client/src/styles/base16/one-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: One Light
+  Author: Daniel Pfeifer (http://github.com/purpleKarrot)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme one-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fafafa  Default Background
+base01  #f0f0f1  Lighter Background (Used for status bars, line number and folding marks)
+base02  #e5e5e6  Selection Background
+base03  #a0a1a7  Comments, Invisibles, Line Highlighting
+base04  #696c77  Dark Foreground (Used for status bars)
+base05  #383a42  Default Foreground, Caret, Delimiters, Operators
+base06  #202227  Light Foreground (Not often used)
+base07  #090a0b  Light Background (Not often used)
+base08  #ca1243  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d75f00  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c18401  Classes, Markup Bold, Search Text Background
+base0B  #50a14f  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #0184bc  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #4078f2  Functions, Methods, Attribute IDs, Headings
+base0E  #a626a4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #986801  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #383a42;
+  background: #fafafa
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #e5e5e6;
+  color: #383a42
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #a0a1a7 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #a0a1a7
+}
+/* base04 - #696c77 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #696c77
+}
+/* base05 - #383a42 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #383a42
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ca1243
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d75f00
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c18401
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c18401
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #50a14f
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #0184bc
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #4078f2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a626a4
+}
+.hljs-emphasis {
+  color: #a626a4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #986801
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/one-light.min.css b/snap-client/src/styles/base16/one-light.min.css
new file mode 100644
index 0000000..63f57cb
--- /dev/null
+++ b/snap-client/src/styles/base16/one-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: One Light
+  Author: Daniel Pfeifer (http://github.com/purpleKarrot)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383a42;background:#fafafa}.hljs ::selection,.hljs::selection{background-color:#e5e5e6;color:#383a42}.hljs-comment{color:#a0a1a7}.hljs-tag{color:#696c77}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#383a42}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ca1243}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d75f00}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c18401}.hljs-strong{font-weight:700;color:#c18401}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#50a14f}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#0184bc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#4078f2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a626a4}.hljs-emphasis{color:#a626a4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#986801}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/onedark.css b/snap-client/src/styles/base16/onedark.css
new file mode 100644
index 0000000..58a8a16
--- /dev/null
+++ b/snap-client/src/styles/base16/onedark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: OneDark
+  Author: Lalit Magant (http://github.com/tilal6991)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme onedark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #282c34  Default Background
+base01  #353b45  Lighter Background (Used for status bars, line number and folding marks)
+base02  #3e4451  Selection Background
+base03  #545862  Comments, Invisibles, Line Highlighting
+base04  #565c64  Dark Foreground (Used for status bars)
+base05  #abb2bf  Default Foreground, Caret, Delimiters, Operators
+base06  #b6bdca  Light Foreground (Not often used)
+base07  #c8ccd4  Light Background (Not often used)
+base08  #e06c75  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d19a66  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #e5c07b  Classes, Markup Bold, Search Text Background
+base0B  #98c379  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #56b6c2  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #61afef  Functions, Methods, Attribute IDs, Headings
+base0E  #c678dd  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #be5046  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #abb2bf;
+  background: #282c34
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #3e4451;
+  color: #abb2bf
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #545862 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #545862
+}
+/* base04 - #565c64 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #565c64
+}
+/* base05 - #abb2bf -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #abb2bf
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e06c75
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d19a66
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #e5c07b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #e5c07b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #98c379
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #56b6c2
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #61afef
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #c678dd
+}
+.hljs-emphasis {
+  color: #c678dd;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #be5046
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/onedark.min.css b/snap-client/src/styles/base16/onedark.min.css
new file mode 100644
index 0000000..1b8c6b7
--- /dev/null
+++ b/snap-client/src/styles/base16/onedark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: OneDark
+  Author: Lalit Magant (http://github.com/tilal6991)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs ::selection,.hljs::selection{background-color:#3e4451;color:#abb2bf}.hljs-comment{color:#545862}.hljs-tag{color:#565c64}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#abb2bf}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e06c75}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d19a66}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e5c07b}.hljs-strong{font-weight:700;color:#e5c07b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#98c379}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#56b6c2}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#61afef}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c678dd}.hljs-emphasis{color:#c678dd;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#be5046}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/outrun-dark.css b/snap-client/src/styles/base16/outrun-dark.css
new file mode 100644
index 0000000..ab941ef
--- /dev/null
+++ b/snap-client/src/styles/base16/outrun-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Outrun Dark
+  Author: Hugo Delahousse (http://github.com/hugodelahousse/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme outrun-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #00002A  Default Background
+base01  #20204A  Lighter Background (Used for status bars, line number and folding marks)
+base02  #30305A  Selection Background
+base03  #50507A  Comments, Invisibles, Line Highlighting
+base04  #B0B0DA  Dark Foreground (Used for status bars)
+base05  #D0D0FA  Default Foreground, Caret, Delimiters, Operators
+base06  #E0E0FF  Light Foreground (Not often used)
+base07  #F5F5FF  Light Background (Not often used)
+base08  #FF4242  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #FC8D28  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #F3E877  Classes, Markup Bold, Search Text Background
+base0B  #59F176  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #0EF0F0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #66B0FF  Functions, Methods, Attribute IDs, Headings
+base0E  #F10596  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #F003EF  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #D0D0FA;
+  background: #00002A
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #30305A;
+  color: #D0D0FA
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #50507A -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #50507A
+}
+/* base04 - #B0B0DA -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #B0B0DA
+}
+/* base05 - #D0D0FA -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #D0D0FA
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #FF4242
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #FC8D28
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #F3E877
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #F3E877
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #59F176
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #0EF0F0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #66B0FF
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #F10596
+}
+.hljs-emphasis {
+  color: #F10596;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #F003EF
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/outrun-dark.min.css b/snap-client/src/styles/base16/outrun-dark.min.css
new file mode 100644
index 0000000..22995a1
--- /dev/null
+++ b/snap-client/src/styles/base16/outrun-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Outrun Dark
+  Author: Hugo Delahousse (http://github.com/hugodelahousse/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0d0fa;background:#00002a}.hljs ::selection,.hljs::selection{background-color:#30305a;color:#d0d0fa}.hljs-comment{color:#50507a}.hljs-tag{color:#b0b0da}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0d0fa}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff4242}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fc8d28}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f3e877}.hljs-strong{font-weight:700;color:#f3e877}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#59f176}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#0ef0f0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#66b0ff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#f10596}.hljs-emphasis{color:#f10596;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#f003ef}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/papercolor-dark.css b/snap-client/src/styles/base16/papercolor-dark.css
new file mode 100644
index 0000000..3b84413
--- /dev/null
+++ b/snap-client/src/styles/base16/papercolor-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: PaperColor Dark
+  Author: Jon Leopard (http://github.com/jonleopard) based on PaperColor Theme (https://github.com/NLKNguyen/papercolor-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme papercolor-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1c1c1c  Default Background
+base01  #af005f  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5faf00  Selection Background
+base03  #d7af5f  Comments, Invisibles, Line Highlighting
+base04  #5fafd7  Dark Foreground (Used for status bars)
+base05  #808080  Default Foreground, Caret, Delimiters, Operators
+base06  #d7875f  Light Foreground (Not often used)
+base07  #d0d0d0  Light Background (Not often used)
+base08  #585858  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #5faf5f  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #afd700  Classes, Markup Bold, Search Text Background
+base0B  #af87d7  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #ffaf00  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #ff5faf  Functions, Methods, Attribute IDs, Headings
+base0E  #00afaf  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #5f8787  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #808080;
+  background: #1c1c1c
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5faf00;
+  color: #808080
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #d7af5f -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #d7af5f
+}
+/* base04 - #5fafd7 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5fafd7
+}
+/* base05 - #808080 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #808080
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #585858
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #5faf5f
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #afd700
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #afd700
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #af87d7
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #ffaf00
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #ff5faf
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #00afaf
+}
+.hljs-emphasis {
+  color: #00afaf;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #5f8787
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/papercolor-dark.min.css b/snap-client/src/styles/base16/papercolor-dark.min.css
new file mode 100644
index 0000000..c35d7c7
--- /dev/null
+++ b/snap-client/src/styles/base16/papercolor-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: PaperColor Dark
+  Author: Jon Leopard (http://github.com/jonleopard) based on PaperColor Theme (https://github.com/NLKNguyen/papercolor-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:grey;background:#1c1c1c}.hljs ::selection,.hljs::selection{background-color:#5faf00;color:grey}.hljs-comment{color:#d7af5f}.hljs-tag{color:#5fafd7}.hljs-operator,.hljs-punctuation,.hljs-subst{color:grey}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#585858}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#5faf5f}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#afd700}.hljs-strong{font-weight:700;color:#afd700}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#af87d7}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#ffaf00}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#ff5faf}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#00afaf}.hljs-emphasis{color:#00afaf;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#5f8787}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/papercolor-light.css b/snap-client/src/styles/base16/papercolor-light.css
new file mode 100644
index 0000000..6fe0125
--- /dev/null
+++ b/snap-client/src/styles/base16/papercolor-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: PaperColor Light
+  Author: Jon Leopard (http://github.com/jonleopard) based on PaperColor Theme (https://github.com/NLKNguyen/papercolor-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme papercolor-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #eeeeee  Default Background
+base01  #af0000  Lighter Background (Used for status bars, line number and folding marks)
+base02  #008700  Selection Background
+base03  #5f8700  Comments, Invisibles, Line Highlighting
+base04  #0087af  Dark Foreground (Used for status bars)
+base05  #444444  Default Foreground, Caret, Delimiters, Operators
+base06  #005f87  Light Foreground (Not often used)
+base07  #878787  Light Background (Not often used)
+base08  #bcbcbc  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d70000  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #d70087  Classes, Markup Bold, Search Text Background
+base0B  #8700af  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #d75f00  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #d75f00  Functions, Methods, Attribute IDs, Headings
+base0E  #005faf  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #005f87  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #444444;
+  background: #eeeeee
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #008700;
+  color: #444444
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5f8700 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5f8700
+}
+/* base04 - #0087af -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #0087af
+}
+/* base05 - #444444 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #444444
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #bcbcbc
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d70000
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #d70087
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #d70087
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #8700af
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #d75f00
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #d75f00
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #005faf
+}
+.hljs-emphasis {
+  color: #005faf;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #005f87
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/papercolor-light.min.css b/snap-client/src/styles/base16/papercolor-light.min.css
new file mode 100644
index 0000000..e23b616
--- /dev/null
+++ b/snap-client/src/styles/base16/papercolor-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: PaperColor Light
+  Author: Jon Leopard (http://github.com/jonleopard) based on PaperColor Theme (https://github.com/NLKNguyen/papercolor-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#444;background:#eee}.hljs ::selection,.hljs::selection{background-color:#008700;color:#444}.hljs-comment{color:#5f8700}.hljs-tag{color:#0087af}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#444}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#bcbcbc}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d70000}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#d70087}.hljs-strong{font-weight:700;color:#d70087}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#8700af}.hljs-attribute,.hljs-built_in,.hljs-doctag,.hljs-function .hljs-title,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#d75f00}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#005faf}.hljs-emphasis{color:#005faf;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#005f87}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/paraiso.css b/snap-client/src/styles/base16/paraiso.css
new file mode 100644
index 0000000..962104e
--- /dev/null
+++ b/snap-client/src/styles/base16/paraiso.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Paraiso
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme paraiso
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2f1e2e  Default Background
+base01  #41323f  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4f424c  Selection Background
+base03  #776e71  Comments, Invisibles, Line Highlighting
+base04  #8d8687  Dark Foreground (Used for status bars)
+base05  #a39e9b  Default Foreground, Caret, Delimiters, Operators
+base06  #b9b6b0  Light Foreground (Not often used)
+base07  #e7e9db  Light Background (Not often used)
+base08  #ef6155  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f99b15  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fec418  Classes, Markup Bold, Search Text Background
+base0B  #48b685  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5bc4bf  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #06b6ef  Functions, Methods, Attribute IDs, Headings
+base0E  #815ba4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e96ba8  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a39e9b;
+  background: #2f1e2e
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4f424c;
+  color: #a39e9b
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #776e71 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #776e71
+}
+/* base04 - #8d8687 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #8d8687
+}
+/* base05 - #a39e9b -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a39e9b
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ef6155
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f99b15
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fec418
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fec418
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #48b685
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5bc4bf
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #06b6ef
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #815ba4
+}
+.hljs-emphasis {
+  color: #815ba4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e96ba8
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/paraiso.min.css b/snap-client/src/styles/base16/paraiso.min.css
new file mode 100644
index 0000000..135fcd2
--- /dev/null
+++ b/snap-client/src/styles/base16/paraiso.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Paraiso
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a39e9b;background:#2f1e2e}.hljs ::selection,.hljs::selection{background-color:#4f424c;color:#a39e9b}.hljs-comment{color:#776e71}.hljs-tag{color:#8d8687}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a39e9b}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ef6155}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f99b15}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fec418}.hljs-strong{font-weight:700;color:#fec418}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#48b685}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5bc4bf}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#06b6ef}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#815ba4}.hljs-emphasis{color:#815ba4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e96ba8}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/pasque.css b/snap-client/src/styles/base16/pasque.css
new file mode 100644
index 0000000..92f5c18
--- /dev/null
+++ b/snap-client/src/styles/base16/pasque.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Pasque
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme pasque
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #271C3A  Default Background
+base01  #100323  Lighter Background (Used for status bars, line number and folding marks)
+base02  #3E2D5C  Selection Background
+base03  #5D5766  Comments, Invisibles, Line Highlighting
+base04  #BEBCBF  Dark Foreground (Used for status bars)
+base05  #DEDCDF  Default Foreground, Caret, Delimiters, Operators
+base06  #EDEAEF  Light Foreground (Not often used)
+base07  #BBAADD  Light Background (Not often used)
+base08  #A92258  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #918889  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #804ead  Classes, Markup Bold, Search Text Background
+base0B  #C6914B  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #7263AA  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #8E7DC6  Functions, Methods, Attribute IDs, Headings
+base0E  #953B9D  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #59325C  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #DEDCDF;
+  background: #271C3A
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #3E2D5C;
+  color: #DEDCDF
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5D5766 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5D5766
+}
+/* base04 - #BEBCBF -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #BEBCBF
+}
+/* base05 - #DEDCDF -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #DEDCDF
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #A92258
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #918889
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #804ead
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #804ead
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #C6914B
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #7263AA
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #8E7DC6
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #953B9D
+}
+.hljs-emphasis {
+  color: #953B9D;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #59325C
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/pasque.min.css b/snap-client/src/styles/base16/pasque.min.css
new file mode 100644
index 0000000..e4c2672
--- /dev/null
+++ b/snap-client/src/styles/base16/pasque.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Pasque
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#dedcdf;background:#271c3a}.hljs ::selection,.hljs::selection{background-color:#3e2d5c;color:#dedcdf}.hljs-comment{color:#5d5766}.hljs-tag{color:#bebcbf}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#dedcdf}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#a92258}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#918889}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#804ead}.hljs-strong{font-weight:700;color:#804ead}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#c6914b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#7263aa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#8e7dc6}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#953b9d}.hljs-emphasis{color:#953b9d;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#59325c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/phd.css b/snap-client/src/styles/base16/phd.css
new file mode 100644
index 0000000..4bcdde9
--- /dev/null
+++ b/snap-client/src/styles/base16/phd.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: PhD
+  Author: Hennig Hasemann (http://leetless.de/vim.html)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme phd
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #061229  Default Background
+base01  #2a3448  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4d5666  Selection Background
+base03  #717885  Comments, Invisibles, Line Highlighting
+base04  #9a99a3  Dark Foreground (Used for status bars)
+base05  #b8bbc2  Default Foreground, Caret, Delimiters, Operators
+base06  #dbdde0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #d07346  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f0a000  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fbd461  Classes, Markup Bold, Search Text Background
+base0B  #99bf52  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #72b9bf  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #5299bf  Functions, Methods, Attribute IDs, Headings
+base0E  #9989cc  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b08060  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #b8bbc2;
+  background: #061229
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4d5666;
+  color: #b8bbc2
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #717885 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #717885
+}
+/* base04 - #9a99a3 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #9a99a3
+}
+/* base05 - #b8bbc2 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #b8bbc2
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d07346
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f0a000
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fbd461
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fbd461
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #99bf52
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #72b9bf
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #5299bf
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9989cc
+}
+.hljs-emphasis {
+  color: #9989cc;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b08060
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/phd.min.css b/snap-client/src/styles/base16/phd.min.css
new file mode 100644
index 0000000..b5f9fea
--- /dev/null
+++ b/snap-client/src/styles/base16/phd.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: PhD
+  Author: Hennig Hasemann (http://leetless.de/vim.html)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b8bbc2;background:#061229}.hljs ::selection,.hljs::selection{background-color:#4d5666;color:#b8bbc2}.hljs-comment{color:#717885}.hljs-tag{color:#9a99a3}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b8bbc2}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d07346}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f0a000}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fbd461}.hljs-strong{font-weight:700;color:#fbd461}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#99bf52}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#72b9bf}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#5299bf}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9989cc}.hljs-emphasis{color:#9989cc;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b08060}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/pico.css b/snap-client/src/styles/base16/pico.css
new file mode 100644
index 0000000..42aec9d
--- /dev/null
+++ b/snap-client/src/styles/base16/pico.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Pico
+  Author: PICO-8 (http://www.lexaloffle.com/pico-8.php)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme pico
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #1d2b53  Lighter Background (Used for status bars, line number and folding marks)
+base02  #7e2553  Selection Background
+base03  #008751  Comments, Invisibles, Line Highlighting
+base04  #ab5236  Dark Foreground (Used for status bars)
+base05  #5f574f  Default Foreground, Caret, Delimiters, Operators
+base06  #c2c3c7  Light Foreground (Not often used)
+base07  #fff1e8  Light Background (Not often used)
+base08  #ff004d  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ffa300  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fff024  Classes, Markup Bold, Search Text Background
+base0B  #00e756  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #29adff  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #83769c  Functions, Methods, Attribute IDs, Headings
+base0E  #ff77a8  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #ffccaa  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #5f574f;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #7e2553;
+  color: #5f574f
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #008751 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #008751
+}
+/* base04 - #ab5236 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #ab5236
+}
+/* base05 - #5f574f -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #5f574f
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff004d
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ffa300
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fff024
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fff024
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00e756
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #29adff
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #83769c
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ff77a8
+}
+.hljs-emphasis {
+  color: #ff77a8;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #ffccaa
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/pico.min.css b/snap-client/src/styles/base16/pico.min.css
new file mode 100644
index 0000000..3765998
--- /dev/null
+++ b/snap-client/src/styles/base16/pico.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Pico
+  Author: PICO-8 (http://www.lexaloffle.com/pico-8.php)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#5f574f;background:#000}.hljs ::selection,.hljs::selection{background-color:#7e2553;color:#5f574f}.hljs-comment{color:#008751}.hljs-tag{color:#ab5236}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#5f574f}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff004d}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ffa300}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fff024}.hljs-strong{font-weight:700;color:#fff024}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#00e756}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#29adff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#83769c}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ff77a8}.hljs-emphasis{color:#ff77a8;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#fca}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/pop.css b/snap-client/src/styles/base16/pop.css
new file mode 100644
index 0000000..d8b2cb7
--- /dev/null
+++ b/snap-client/src/styles/base16/pop.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Pop
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme pop
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #202020  Lighter Background (Used for status bars, line number and folding marks)
+base02  #303030  Selection Background
+base03  #505050  Comments, Invisibles, Line Highlighting
+base04  #b0b0b0  Dark Foreground (Used for status bars)
+base05  #d0d0d0  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #eb008a  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f29333  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f8ca12  Classes, Markup Bold, Search Text Background
+base0B  #37b349  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00aabb  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0e5a94  Functions, Methods, Attribute IDs, Headings
+base0E  #b31e8d  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #7a2d00  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d0d0d0;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #303030;
+  color: #d0d0d0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #505050 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #505050
+}
+/* base04 - #b0b0b0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b0b0b0
+}
+/* base05 - #d0d0d0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d0d0d0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #eb008a
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f29333
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f8ca12
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f8ca12
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #37b349
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00aabb
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0e5a94
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b31e8d
+}
+.hljs-emphasis {
+  color: #b31e8d;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #7a2d00
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/pop.min.css b/snap-client/src/styles/base16/pop.min.css
new file mode 100644
index 0000000..22b488a
--- /dev/null
+++ b/snap-client/src/styles/base16/pop.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Pop
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0d0d0;background:#000}.hljs ::selection,.hljs::selection{background-color:#303030;color:#d0d0d0}.hljs-comment{color:#505050}.hljs-tag{color:#b0b0b0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0d0d0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#eb008a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f29333}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f8ca12}.hljs-strong{font-weight:700;color:#f8ca12}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#37b349}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#0ab}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0e5a94}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b31e8d}.hljs-emphasis{color:#b31e8d;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#7a2d00}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/porple.css b/snap-client/src/styles/base16/porple.css
new file mode 100644
index 0000000..59d319c
--- /dev/null
+++ b/snap-client/src/styles/base16/porple.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Porple
+  Author: Niek den Breeje (https://github.com/AuditeMarlow)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme porple
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #292c36  Default Background
+base01  #333344  Lighter Background (Used for status bars, line number and folding marks)
+base02  #474160  Selection Background
+base03  #65568a  Comments, Invisibles, Line Highlighting
+base04  #b8b8b8  Dark Foreground (Used for status bars)
+base05  #d8d8d8  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e8e8  Light Foreground (Not often used)
+base07  #f8f8f8  Light Background (Not often used)
+base08  #f84547  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d28e5d  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #efa16b  Classes, Markup Bold, Search Text Background
+base0B  #95c76f  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #64878f  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #8485ce  Functions, Methods, Attribute IDs, Headings
+base0E  #b74989  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #986841  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d8d8d8;
+  background: #292c36
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #474160;
+  color: #d8d8d8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #65568a -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #65568a
+}
+/* base04 - #b8b8b8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b8b8b8
+}
+/* base05 - #d8d8d8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d8d8d8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f84547
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d28e5d
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #efa16b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #efa16b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #95c76f
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #64878f
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #8485ce
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b74989
+}
+.hljs-emphasis {
+  color: #b74989;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #986841
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/porple.min.css b/snap-client/src/styles/base16/porple.min.css
new file mode 100644
index 0000000..77aac4c
--- /dev/null
+++ b/snap-client/src/styles/base16/porple.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Porple
+  Author: Niek den Breeje (https://github.com/AuditeMarlow)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d8d8d8;background:#292c36}.hljs ::selection,.hljs::selection{background-color:#474160;color:#d8d8d8}.hljs-comment{color:#65568a}.hljs-tag{color:#b8b8b8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d8d8d8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f84547}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d28e5d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#efa16b}.hljs-strong{font-weight:700;color:#efa16b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#95c76f}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#64878f}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#8485ce}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b74989}.hljs-emphasis{color:#b74989;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#986841}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/qualia.css b/snap-client/src/styles/base16/qualia.css
new file mode 100644
index 0000000..f518a3e
--- /dev/null
+++ b/snap-client/src/styles/base16/qualia.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Qualia
+  Author: isaacwhanson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme qualia
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #101010  Default Background
+base01  #454545  Lighter Background (Used for status bars, line number and folding marks)
+base02  #454545  Selection Background
+base03  #454545  Comments, Invisibles, Line Highlighting
+base04  #808080  Dark Foreground (Used for status bars)
+base05  #C0C0C0  Default Foreground, Caret, Delimiters, Operators
+base06  #C0C0C0  Light Foreground (Not often used)
+base07  #454545  Light Background (Not often used)
+base08  #EFA6A2  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #A3B8EF  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #E6A3DC  Classes, Markup Bold, Search Text Background
+base0B  #80C990  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #C8C874  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #50CACD  Functions, Methods, Attribute IDs, Headings
+base0E  #E0AF85  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #808080  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #C0C0C0;
+  background: #101010
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #454545;
+  color: #C0C0C0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #454545 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #454545
+}
+/* base04 - #808080 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #808080
+}
+/* base05 - #C0C0C0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #C0C0C0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #EFA6A2
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #A3B8EF
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #E6A3DC
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #E6A3DC
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #80C990
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #C8C874
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #50CACD
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #E0AF85
+}
+.hljs-emphasis {
+  color: #E0AF85;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #808080
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/qualia.min.css b/snap-client/src/styles/base16/qualia.min.css
new file mode 100644
index 0000000..6b333ba
--- /dev/null
+++ b/snap-client/src/styles/base16/qualia.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Qualia
+  Author: isaacwhanson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:silver;background:#101010}.hljs ::selection,.hljs::selection{background-color:#454545;color:silver}.hljs-comment{color:#454545}.hljs-tag{color:grey}.hljs-operator,.hljs-punctuation,.hljs-subst{color:silver}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#efa6a2}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#a3b8ef}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e6a3dc}.hljs-strong{font-weight:700;color:#e6a3dc}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#80c990}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#c8c874}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#50cacd}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#e0af85}.hljs-emphasis{color:#e0af85;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:grey}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/railscasts.css b/snap-client/src/styles/base16/railscasts.css
new file mode 100644
index 0000000..00c7c61
--- /dev/null
+++ b/snap-client/src/styles/base16/railscasts.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Railscasts
+  Author: Ryan Bates (http://railscasts.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme railscasts
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2b2b2b  Default Background
+base01  #272935  Lighter Background (Used for status bars, line number and folding marks)
+base02  #3a4055  Selection Background
+base03  #5a647e  Comments, Invisibles, Line Highlighting
+base04  #d4cfc9  Dark Foreground (Used for status bars)
+base05  #e6e1dc  Default Foreground, Caret, Delimiters, Operators
+base06  #f4f1ed  Light Foreground (Not often used)
+base07  #f9f7f3  Light Background (Not often used)
+base08  #da4939  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #cc7833  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffc66d  Classes, Markup Bold, Search Text Background
+base0B  #a5c261  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #519f50  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6d9cbe  Functions, Methods, Attribute IDs, Headings
+base0E  #b6b3eb  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bc9458  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e6e1dc;
+  background: #2b2b2b
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #3a4055;
+  color: #e6e1dc
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5a647e -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5a647e
+}
+/* base04 - #d4cfc9 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #d4cfc9
+}
+/* base05 - #e6e1dc -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e6e1dc
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #da4939
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #cc7833
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffc66d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffc66d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a5c261
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #519f50
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6d9cbe
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b6b3eb
+}
+.hljs-emphasis {
+  color: #b6b3eb;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bc9458
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/railscasts.min.css b/snap-client/src/styles/base16/railscasts.min.css
new file mode 100644
index 0000000..835bace
--- /dev/null
+++ b/snap-client/src/styles/base16/railscasts.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Railscasts
+  Author: Ryan Bates (http://railscasts.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e6e1dc;background:#2b2b2b}.hljs ::selection,.hljs::selection{background-color:#3a4055;color:#e6e1dc}.hljs-comment{color:#5a647e}.hljs-tag{color:#d4cfc9}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e6e1dc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#da4939}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#cc7833}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffc66d}.hljs-strong{font-weight:700;color:#ffc66d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a5c261}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#519f50}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6d9cbe}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b6b3eb}.hljs-emphasis{color:#b6b3eb;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bc9458}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/rebecca.css b/snap-client/src/styles/base16/rebecca.css
new file mode 100644
index 0000000..c9ac8d3
--- /dev/null
+++ b/snap-client/src/styles/base16/rebecca.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Rebecca
+  Author: Victor Borja (http://github.com/vic) based on Rebecca Theme (http://github.com/vic/rebecca-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme rebecca
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #292a44  Default Background
+base01  #663399  Lighter Background (Used for status bars, line number and folding marks)
+base02  #383a62  Selection Background
+base03  #666699  Comments, Invisibles, Line Highlighting
+base04  #a0a0c5  Dark Foreground (Used for status bars)
+base05  #f1eff8  Default Foreground, Caret, Delimiters, Operators
+base06  #ccccff  Light Foreground (Not often used)
+base07  #53495d  Light Background (Not often used)
+base08  #a0a0c5  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #efe4a1  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ae81ff  Classes, Markup Bold, Search Text Background
+base0B  #6dfedf  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #8eaee0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #2de0a7  Functions, Methods, Attribute IDs, Headings
+base0E  #7aa5ff  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #ff79c6  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #f1eff8;
+  background: #292a44
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #383a62;
+  color: #f1eff8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #666699 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #666699
+}
+/* base04 - #a0a0c5 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a0a0c5
+}
+/* base05 - #f1eff8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #f1eff8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #a0a0c5
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #efe4a1
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ae81ff
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ae81ff
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #6dfedf
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #8eaee0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #2de0a7
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #7aa5ff
+}
+.hljs-emphasis {
+  color: #7aa5ff;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #ff79c6
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/rebecca.min.css b/snap-client/src/styles/base16/rebecca.min.css
new file mode 100644
index 0000000..c7c3d77
--- /dev/null
+++ b/snap-client/src/styles/base16/rebecca.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Rebecca
+  Author: Victor Borja (http://github.com/vic) based on Rebecca Theme (http://github.com/vic/rebecca-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#f1eff8;background:#292a44}.hljs ::selection,.hljs::selection{background-color:#383a62;color:#f1eff8}.hljs-comment{color:#669}.hljs-tag{color:#a0a0c5}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#f1eff8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#a0a0c5}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#efe4a1}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ae81ff}.hljs-strong{font-weight:700;color:#ae81ff}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#6dfedf}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#8eaee0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#2de0a7}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#7aa5ff}.hljs-emphasis{color:#7aa5ff;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ff79c6}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ros-pine-dawn.css b/snap-client/src/styles/base16/ros-pine-dawn.css
new file mode 100644
index 0000000..7509d0b
--- /dev/null
+++ b/snap-client/src/styles/base16/ros-pine-dawn.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Rosé Pine Dawn
+  Author: Emilia Dunfelt <sayhi@dunfelt.se>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ros-pine-dawn
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #faf4ed  Default Background
+base01  #fffaf3  Lighter Background (Used for status bars, line number and folding marks)
+base02  #f2e9de  Selection Background
+base03  #9893a5  Comments, Invisibles, Line Highlighting
+base04  #6e6a86  Dark Foreground (Used for status bars)
+base05  #575279  Default Foreground, Caret, Delimiters, Operators
+base06  #555169  Light Foreground (Not often used)
+base07  #26233a  Light Background (Not often used)
+base08  #1f1d2e  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b4637a  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ea9d34  Classes, Markup Bold, Search Text Background
+base0B  #d7827e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #286983  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #56949f  Functions, Methods, Attribute IDs, Headings
+base0E  #907aa9  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c5c3ce  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #575279;
+  background: #faf4ed
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #f2e9de;
+  color: #575279
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #9893a5 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #9893a5
+}
+/* base04 - #6e6a86 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #6e6a86
+}
+/* base05 - #575279 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #575279
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #1f1d2e
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b4637a
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ea9d34
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ea9d34
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #d7827e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #286983
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #56949f
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #907aa9
+}
+.hljs-emphasis {
+  color: #907aa9;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c5c3ce
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ros-pine-dawn.min.css b/snap-client/src/styles/base16/ros-pine-dawn.min.css
new file mode 100644
index 0000000..a877d23
--- /dev/null
+++ b/snap-client/src/styles/base16/ros-pine-dawn.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Rosé Pine Dawn
+  Author: Emilia Dunfelt <sayhi@dunfelt.se>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#575279;background:#faf4ed}.hljs ::selection,.hljs::selection{background-color:#f2e9de;color:#575279}.hljs-comment{color:#9893a5}.hljs-tag{color:#6e6a86}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#575279}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#1f1d2e}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b4637a}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ea9d34}.hljs-strong{font-weight:700;color:#ea9d34}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#d7827e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#286983}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#56949f}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#907aa9}.hljs-emphasis{color:#907aa9;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c5c3ce}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ros-pine-moon.css b/snap-client/src/styles/base16/ros-pine-moon.css
new file mode 100644
index 0000000..57e81ac
--- /dev/null
+++ b/snap-client/src/styles/base16/ros-pine-moon.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Rosé Pine Moon
+  Author: Emilia Dunfelt <sayhi@dunfelt.se>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ros-pine-moon
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #232136  Default Background
+base01  #2a273f  Lighter Background (Used for status bars, line number and folding marks)
+base02  #393552  Selection Background
+base03  #59546d  Comments, Invisibles, Line Highlighting
+base04  #817c9c  Dark Foreground (Used for status bars)
+base05  #e0def4  Default Foreground, Caret, Delimiters, Operators
+base06  #f5f5f7  Light Foreground (Not often used)
+base07  #d9d7e1  Light Background (Not often used)
+base08  #ecebf0  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #eb6f92  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f6c177  Classes, Markup Bold, Search Text Background
+base0B  #ea9a97  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3e8fb0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #9ccfd8  Functions, Methods, Attribute IDs, Headings
+base0E  #c4a7e7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b9b9bc  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e0def4;
+  background: #232136
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #393552;
+  color: #e0def4
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #59546d -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #59546d
+}
+/* base04 - #817c9c -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #817c9c
+}
+/* base05 - #e0def4 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e0def4
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ecebf0
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #eb6f92
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f6c177
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f6c177
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #ea9a97
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3e8fb0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #9ccfd8
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #c4a7e7
+}
+.hljs-emphasis {
+  color: #c4a7e7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b9b9bc
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ros-pine-moon.min.css b/snap-client/src/styles/base16/ros-pine-moon.min.css
new file mode 100644
index 0000000..eab4a50
--- /dev/null
+++ b/snap-client/src/styles/base16/ros-pine-moon.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Rosé Pine Moon
+  Author: Emilia Dunfelt <sayhi@dunfelt.se>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e0def4;background:#232136}.hljs ::selection,.hljs::selection{background-color:#393552;color:#e0def4}.hljs-comment{color:#59546d}.hljs-tag{color:#817c9c}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e0def4}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ecebf0}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#eb6f92}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f6c177}.hljs-strong{font-weight:700;color:#f6c177}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#ea9a97}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#3e8fb0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#9ccfd8}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c4a7e7}.hljs-emphasis{color:#c4a7e7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b9b9bc}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ros-pine.css b/snap-client/src/styles/base16/ros-pine.css
new file mode 100644
index 0000000..da0e230
--- /dev/null
+++ b/snap-client/src/styles/base16/ros-pine.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Rosé Pine
+  Author: Emilia Dunfelt <sayhi@dunfelt.se>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ros-pine
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #191724  Default Background
+base01  #1f1d2e  Lighter Background (Used for status bars, line number and folding marks)
+base02  #26233a  Selection Background
+base03  #555169  Comments, Invisibles, Line Highlighting
+base04  #6e6a86  Dark Foreground (Used for status bars)
+base05  #e0def4  Default Foreground, Caret, Delimiters, Operators
+base06  #f0f0f3  Light Foreground (Not often used)
+base07  #c5c3ce  Light Background (Not often used)
+base08  #e2e1e7  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #eb6f92  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f6c177  Classes, Markup Bold, Search Text Background
+base0B  #ebbcba  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #31748f  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #9ccfd8  Functions, Methods, Attribute IDs, Headings
+base0E  #c4a7e7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e5e5e5  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e0def4;
+  background: #191724
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #26233a;
+  color: #e0def4
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #555169 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #555169
+}
+/* base04 - #6e6a86 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #6e6a86
+}
+/* base05 - #e0def4 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e0def4
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e2e1e7
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #eb6f92
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f6c177
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f6c177
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #ebbcba
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #31748f
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #9ccfd8
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #c4a7e7
+}
+.hljs-emphasis {
+  color: #c4a7e7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e5e5e5
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/ros-pine.min.css b/snap-client/src/styles/base16/ros-pine.min.css
new file mode 100644
index 0000000..ddc4e69
--- /dev/null
+++ b/snap-client/src/styles/base16/ros-pine.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Rosé Pine
+  Author: Emilia Dunfelt <sayhi@dunfelt.se>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e0def4;background:#191724}.hljs ::selection,.hljs::selection{background-color:#26233a;color:#e0def4}.hljs-comment{color:#555169}.hljs-tag{color:#6e6a86}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e0def4}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e2e1e7}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#eb6f92}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f6c177}.hljs-strong{font-weight:700;color:#f6c177}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#ebbcba}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#31748f}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#9ccfd8}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c4a7e7}.hljs-emphasis{color:#c4a7e7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e5e5e5}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/sagelight.css b/snap-client/src/styles/base16/sagelight.css
new file mode 100644
index 0000000..0baedb9
--- /dev/null
+++ b/snap-client/src/styles/base16/sagelight.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Sagelight
+  Author: Carter Veldhuizen
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme sagelight
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f8f8f8  Default Background
+base01  #e8e8e8  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d8d8d8  Selection Background
+base03  #b8b8b8  Comments, Invisibles, Line Highlighting
+base04  #585858  Dark Foreground (Used for status bars)
+base05  #383838  Default Foreground, Caret, Delimiters, Operators
+base06  #282828  Light Foreground (Not often used)
+base07  #181818  Light Background (Not often used)
+base08  #fa8480  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ffaa61  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffdc61  Classes, Markup Bold, Search Text Background
+base0B  #a0d2c8  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #a2d6f5  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #a0a7d2  Functions, Methods, Attribute IDs, Headings
+base0E  #c8a0d2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d2b2a0  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #383838;
+  background: #f8f8f8
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d8d8d8;
+  color: #383838
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #b8b8b8 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #b8b8b8
+}
+/* base04 - #585858 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #585858
+}
+/* base05 - #383838 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #383838
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fa8480
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ffaa61
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffdc61
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffdc61
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a0d2c8
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #a2d6f5
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #a0a7d2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #c8a0d2
+}
+.hljs-emphasis {
+  color: #c8a0d2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d2b2a0
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/sagelight.min.css b/snap-client/src/styles/base16/sagelight.min.css
new file mode 100644
index 0000000..f0dc927
--- /dev/null
+++ b/snap-client/src/styles/base16/sagelight.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Sagelight
+  Author: Carter Veldhuizen
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383838;background:#f8f8f8}.hljs ::selection,.hljs::selection{background-color:#d8d8d8;color:#383838}.hljs-comment{color:#b8b8b8}.hljs-tag{color:#585858}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#383838}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fa8480}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ffaa61}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffdc61}.hljs-strong{font-weight:700;color:#ffdc61}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a0d2c8}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#a2d6f5}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#a0a7d2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c8a0d2}.hljs-emphasis{color:#c8a0d2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d2b2a0}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/sandcastle.css b/snap-client/src/styles/base16/sandcastle.css
new file mode 100644
index 0000000..eba306d
--- /dev/null
+++ b/snap-client/src/styles/base16/sandcastle.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Sandcastle
+  Author: George Essig (https://github.com/gessig)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme sandcastle
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #282c34  Default Background
+base01  #2c323b  Lighter Background (Used for status bars, line number and folding marks)
+base02  #3e4451  Selection Background
+base03  #665c54  Comments, Invisibles, Line Highlighting
+base04  #928374  Dark Foreground (Used for status bars)
+base05  #a89984  Default Foreground, Caret, Delimiters, Operators
+base06  #d5c4a1  Light Foreground (Not often used)
+base07  #fdf4c1  Light Background (Not often used)
+base08  #83a598  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #a07e3b  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a07e3b  Classes, Markup Bold, Search Text Background
+base0B  #528b8b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #83a598  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #83a598  Functions, Methods, Attribute IDs, Headings
+base0E  #d75f5f  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a87322  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a89984;
+  background: #282c34
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #3e4451;
+  color: #a89984
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #665c54 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #665c54
+}
+/* base04 - #928374 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #928374
+}
+/* base05 - #a89984 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a89984
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #83a598
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #a07e3b
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a07e3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a07e3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #528b8b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #83a598
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #83a598
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d75f5f
+}
+.hljs-emphasis {
+  color: #d75f5f;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a87322
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/sandcastle.min.css b/snap-client/src/styles/base16/sandcastle.min.css
new file mode 100644
index 0000000..601dc21
--- /dev/null
+++ b/snap-client/src/styles/base16/sandcastle.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Sandcastle
+  Author: George Essig (https://github.com/gessig)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a89984;background:#282c34}.hljs ::selection,.hljs::selection{background-color:#3e4451;color:#a89984}.hljs-comment{color:#665c54}.hljs-tag{color:#928374}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a89984}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#83a598}.hljs-attr,.hljs-class .hljs-title,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-title,.hljs-title.class_,.hljs-variable.constant_{color:#a07e3b}.hljs-strong{font-weight:700;color:#a07e3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#528b8b}.hljs-attribute,.hljs-built_in,.hljs-doctag,.hljs-function .hljs-title,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#83a598}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d75f5f}.hljs-emphasis{color:#d75f5f;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a87322}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/seti-ui.css b/snap-client/src/styles/base16/seti-ui.css
new file mode 100644
index 0000000..ed897ce
--- /dev/null
+++ b/snap-client/src/styles/base16/seti-ui.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Seti UI
+  Author: 
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme seti-ui
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #151718  Default Background
+base01  #282a2b  Lighter Background (Used for status bars, line number and folding marks)
+base02  #3B758C  Selection Background
+base03  #41535B  Comments, Invisibles, Line Highlighting
+base04  #43a5d5  Dark Foreground (Used for status bars)
+base05  #d6d6d6  Default Foreground, Caret, Delimiters, Operators
+base06  #eeeeee  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #Cd3f45  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #db7b55  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #e6cd69  Classes, Markup Bold, Search Text Background
+base0B  #9fca56  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #55dbbe  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #55b5db  Functions, Methods, Attribute IDs, Headings
+base0E  #a074c4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #8a553f  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d6d6d6;
+  background: #151718
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #3B758C;
+  color: #d6d6d6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #41535B -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #41535B
+}
+/* base04 - #43a5d5 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #43a5d5
+}
+/* base05 - #d6d6d6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d6d6d6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #Cd3f45
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #db7b55
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #e6cd69
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #e6cd69
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #9fca56
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #55dbbe
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #55b5db
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a074c4
+}
+.hljs-emphasis {
+  color: #a074c4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #8a553f
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/seti-ui.min.css b/snap-client/src/styles/base16/seti-ui.min.css
new file mode 100644
index 0000000..fa3347e
--- /dev/null
+++ b/snap-client/src/styles/base16/seti-ui.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Seti UI
+  Author: 
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d6d6d6;background:#151718}.hljs ::selection,.hljs::selection{background-color:#3b758c;color:#d6d6d6}.hljs-comment{color:#41535b}.hljs-tag{color:#43a5d5}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d6d6d6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#cd3f45}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#db7b55}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e6cd69}.hljs-strong{font-weight:700;color:#e6cd69}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#9fca56}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#55dbbe}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#55b5db}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a074c4}.hljs-emphasis{color:#a074c4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#8a553f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/shapeshifter.css b/snap-client/src/styles/base16/shapeshifter.css
new file mode 100644
index 0000000..ab56c01
--- /dev/null
+++ b/snap-client/src/styles/base16/shapeshifter.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Shapeshifter
+  Author: Tyler Benziger (http://tybenz.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme shapeshifter
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f9f9f9  Default Background
+base01  #e0e0e0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #ababab  Selection Background
+base03  #555555  Comments, Invisibles, Line Highlighting
+base04  #343434  Dark Foreground (Used for status bars)
+base05  #102015  Default Foreground, Caret, Delimiters, Operators
+base06  #040404  Light Foreground (Not often used)
+base07  #000000  Light Background (Not often used)
+base08  #e92f2f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #e09448  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #dddd13  Classes, Markup Bold, Search Text Background
+base0B  #0ed839  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #23edda  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3b48e3  Functions, Methods, Attribute IDs, Headings
+base0E  #f996e2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #69542d  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #102015;
+  background: #f9f9f9
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #ababab;
+  color: #102015
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #555555 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #555555
+}
+/* base04 - #343434 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #343434
+}
+/* base05 - #102015 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #102015
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e92f2f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #e09448
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #dddd13
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #dddd13
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #0ed839
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #23edda
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3b48e3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #f996e2
+}
+.hljs-emphasis {
+  color: #f996e2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #69542d
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/shapeshifter.min.css b/snap-client/src/styles/base16/shapeshifter.min.css
new file mode 100644
index 0000000..a3e83b5
--- /dev/null
+++ b/snap-client/src/styles/base16/shapeshifter.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Shapeshifter
+  Author: Tyler Benziger (http://tybenz.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#102015;background:#f9f9f9}.hljs ::selection,.hljs::selection{background-color:#ababab;color:#102015}.hljs-comment{color:#555}.hljs-tag{color:#343434}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#102015}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e92f2f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e09448}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#dddd13}.hljs-strong{font-weight:700;color:#dddd13}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#0ed839}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#23edda}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3b48e3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#f996e2}.hljs-emphasis{color:#f996e2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#69542d}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/silk-dark.css b/snap-client/src/styles/base16/silk-dark.css
new file mode 100644
index 0000000..a008a7b
--- /dev/null
+++ b/snap-client/src/styles/base16/silk-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Silk Dark
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme silk-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #0e3c46  Default Background
+base01  #1D494E  Lighter Background (Used for status bars, line number and folding marks)
+base02  #2A5054  Selection Background
+base03  #587073  Comments, Invisibles, Line Highlighting
+base04  #9DC8CD  Dark Foreground (Used for status bars)
+base05  #C7DBDD  Default Foreground, Caret, Delimiters, Operators
+base06  #CBF2F7  Light Foreground (Not often used)
+base07  #D2FAFF  Light Background (Not often used)
+base08  #fb6953  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fcab74  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fce380  Classes, Markup Bold, Search Text Background
+base0B  #73d8ad  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3fb2b9  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #46bddd  Functions, Methods, Attribute IDs, Headings
+base0E  #756b8a  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #9b647b  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #C7DBDD;
+  background: #0e3c46
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #2A5054;
+  color: #C7DBDD
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #587073 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #587073
+}
+/* base04 - #9DC8CD -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #9DC8CD
+}
+/* base05 - #C7DBDD -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #C7DBDD
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fb6953
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fcab74
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fce380
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fce380
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #73d8ad
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3fb2b9
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #46bddd
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #756b8a
+}
+.hljs-emphasis {
+  color: #756b8a;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #9b647b
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/silk-dark.min.css b/snap-client/src/styles/base16/silk-dark.min.css
new file mode 100644
index 0000000..1315a0b
--- /dev/null
+++ b/snap-client/src/styles/base16/silk-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Silk Dark
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c7dbdd;background:#0e3c46}.hljs ::selection,.hljs::selection{background-color:#2a5054;color:#c7dbdd}.hljs-comment{color:#587073}.hljs-tag{color:#9dc8cd}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c7dbdd}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fb6953}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fcab74}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fce380}.hljs-strong{font-weight:700;color:#fce380}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#73d8ad}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#3fb2b9}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#46bddd}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#756b8a}.hljs-emphasis{color:#756b8a;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#9b647b}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/silk-light.css b/snap-client/src/styles/base16/silk-light.css
new file mode 100644
index 0000000..0b081ca
--- /dev/null
+++ b/snap-client/src/styles/base16/silk-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Silk Light
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme silk-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #E9F1EF  Default Background
+base01  #CCD4D3  Lighter Background (Used for status bars, line number and folding marks)
+base02  #90B7B6  Selection Background
+base03  #5C787B  Comments, Invisibles, Line Highlighting
+base04  #4B5B5F  Dark Foreground (Used for status bars)
+base05  #385156  Default Foreground, Caret, Delimiters, Operators
+base06  #0e3c46  Light Foreground (Not often used)
+base07  #D2FAFF  Light Background (Not often used)
+base08  #CF432E  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #D27F46  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #CFAD25  Classes, Markup Bold, Search Text Background
+base0B  #6CA38C  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #329CA2  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #39AAC9  Functions, Methods, Attribute IDs, Headings
+base0E  #6E6582  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #865369  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #385156;
+  background: #E9F1EF
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #90B7B6;
+  color: #385156
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5C787B -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5C787B
+}
+/* base04 - #4B5B5F -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #4B5B5F
+}
+/* base05 - #385156 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #385156
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #CF432E
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #D27F46
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #CFAD25
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #CFAD25
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #6CA38C
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #329CA2
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #39AAC9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6E6582
+}
+.hljs-emphasis {
+  color: #6E6582;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #865369
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/silk-light.min.css b/snap-client/src/styles/base16/silk-light.min.css
new file mode 100644
index 0000000..54b0058
--- /dev/null
+++ b/snap-client/src/styles/base16/silk-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Silk Light
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#385156;background:#e9f1ef}.hljs ::selection,.hljs::selection{background-color:#90b7b6;color:#385156}.hljs-comment{color:#5c787b}.hljs-tag{color:#4b5b5f}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#385156}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#cf432e}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d27f46}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#cfad25}.hljs-strong{font-weight:700;color:#cfad25}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#6ca38c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#329ca2}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#39aac9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6e6582}.hljs-emphasis{color:#6e6582;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#865369}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/snazzy.css b/snap-client/src/styles/base16/snazzy.css
new file mode 100644
index 0000000..335abd9
--- /dev/null
+++ b/snap-client/src/styles/base16/snazzy.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Snazzy
+  Author: Chawye Hsu (https://github.com/chawyehsu) based on Hyper Snazzy Theme (https://github.com/sindresorhus/hyper-snazzy)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme snazzy
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #282a36  Default Background
+base01  #34353e  Lighter Background (Used for status bars, line number and folding marks)
+base02  #43454f  Selection Background
+base03  #78787e  Comments, Invisibles, Line Highlighting
+base04  #a5a5a9  Dark Foreground (Used for status bars)
+base05  #e2e4e5  Default Foreground, Caret, Delimiters, Operators
+base06  #eff0eb  Light Foreground (Not often used)
+base07  #f1f1f0  Light Background (Not often used)
+base08  #ff5c57  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff9f43  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f3f99d  Classes, Markup Bold, Search Text Background
+base0B  #5af78e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #9aedfe  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #57c7ff  Functions, Methods, Attribute IDs, Headings
+base0E  #ff6ac1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b2643c  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e2e4e5;
+  background: #282a36
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #43454f;
+  color: #e2e4e5
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #78787e -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #78787e
+}
+/* base04 - #a5a5a9 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a5a5a9
+}
+/* base05 - #e2e4e5 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e2e4e5
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff5c57
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff9f43
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f3f99d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f3f99d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #5af78e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #9aedfe
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #57c7ff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ff6ac1
+}
+.hljs-emphasis {
+  color: #ff6ac1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b2643c
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/snazzy.min.css b/snap-client/src/styles/base16/snazzy.min.css
new file mode 100644
index 0000000..2241752
--- /dev/null
+++ b/snap-client/src/styles/base16/snazzy.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Snazzy
+  Author: Chawye Hsu (https://github.com/chawyehsu) based on Hyper Snazzy Theme (https://github.com/sindresorhus/hyper-snazzy)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e2e4e5;background:#282a36}.hljs ::selection,.hljs::selection{background-color:#43454f;color:#e2e4e5}.hljs-comment{color:#78787e}.hljs-tag{color:#a5a5a9}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e2e4e5}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff5c57}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff9f43}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f3f99d}.hljs-strong{font-weight:700;color:#f3f99d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#5af78e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#9aedfe}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#57c7ff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ff6ac1}.hljs-emphasis{color:#ff6ac1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b2643c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/solar-flare-light.css b/snap-client/src/styles/base16/solar-flare-light.css
new file mode 100644
index 0000000..d8124db
--- /dev/null
+++ b/snap-client/src/styles/base16/solar-flare-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Solar Flare Light
+  Author: Chuck Harmston (https://chuck.harmston.ch)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme solar-flare-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #F5F7FA  Default Background
+base01  #E8E9ED  Lighter Background (Used for status bars, line number and folding marks)
+base02  #A6AFB8  Selection Background
+base03  #85939E  Comments, Invisibles, Line Highlighting
+base04  #667581  Dark Foreground (Used for status bars)
+base05  #586875  Default Foreground, Caret, Delimiters, Operators
+base06  #222E38  Light Foreground (Not often used)
+base07  #18262F  Light Background (Not often used)
+base08  #EF5253  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #E66B2B  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #E4B51C  Classes, Markup Bold, Search Text Background
+base0B  #7CC844  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #52CBB0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #33B5E1  Functions, Methods, Attribute IDs, Headings
+base0E  #A363D5  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #D73C9A  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #586875;
+  background: #F5F7FA
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #A6AFB8;
+  color: #586875
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #85939E -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #85939E
+}
+/* base04 - #667581 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #667581
+}
+/* base05 - #586875 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #586875
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #EF5253
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #E66B2B
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #E4B51C
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #E4B51C
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7CC844
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #52CBB0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #33B5E1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #A363D5
+}
+.hljs-emphasis {
+  color: #A363D5;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #D73C9A
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/solar-flare-light.min.css b/snap-client/src/styles/base16/solar-flare-light.min.css
new file mode 100644
index 0000000..4b6a98f
--- /dev/null
+++ b/snap-client/src/styles/base16/solar-flare-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Solar Flare Light
+  Author: Chuck Harmston (https://chuck.harmston.ch)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#586875;background:#f5f7fa}.hljs ::selection,.hljs::selection{background-color:#a6afb8;color:#586875}.hljs-comment{color:#85939e}.hljs-tag{color:#667581}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#586875}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ef5253}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e66b2b}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e4b51c}.hljs-strong{font-weight:700;color:#e4b51c}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7cc844}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#52cbb0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#33b5e1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a363d5}.hljs-emphasis{color:#a363d5;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d73c9a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/solar-flare.css b/snap-client/src/styles/base16/solar-flare.css
new file mode 100644
index 0000000..0763f0c
--- /dev/null
+++ b/snap-client/src/styles/base16/solar-flare.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Solar Flare
+  Author: Chuck Harmston (https://chuck.harmston.ch)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme solar-flare
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #18262F  Default Background
+base01  #222E38  Lighter Background (Used for status bars, line number and folding marks)
+base02  #586875  Selection Background
+base03  #667581  Comments, Invisibles, Line Highlighting
+base04  #85939E  Dark Foreground (Used for status bars)
+base05  #A6AFB8  Default Foreground, Caret, Delimiters, Operators
+base06  #E8E9ED  Light Foreground (Not often used)
+base07  #F5F7FA  Light Background (Not often used)
+base08  #EF5253  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #E66B2B  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #E4B51C  Classes, Markup Bold, Search Text Background
+base0B  #7CC844  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #52CBB0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #33B5E1  Functions, Methods, Attribute IDs, Headings
+base0E  #A363D5  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #D73C9A  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #A6AFB8;
+  background: #18262F
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #586875;
+  color: #A6AFB8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #667581 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #667581
+}
+/* base04 - #85939E -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #85939E
+}
+/* base05 - #A6AFB8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #A6AFB8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #EF5253
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #E66B2B
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #E4B51C
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #E4B51C
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7CC844
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #52CBB0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #33B5E1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #A363D5
+}
+.hljs-emphasis {
+  color: #A363D5;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #D73C9A
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/solar-flare.min.css b/snap-client/src/styles/base16/solar-flare.min.css
new file mode 100644
index 0000000..115fb97
--- /dev/null
+++ b/snap-client/src/styles/base16/solar-flare.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Solar Flare
+  Author: Chuck Harmston (https://chuck.harmston.ch)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a6afb8;background:#18262f}.hljs ::selection,.hljs::selection{background-color:#586875;color:#a6afb8}.hljs-comment{color:#667581}.hljs-tag{color:#85939e}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a6afb8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ef5253}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e66b2b}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e4b51c}.hljs-strong{font-weight:700;color:#e4b51c}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7cc844}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#52cbb0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#33b5e1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a363d5}.hljs-emphasis{color:#a363d5;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d73c9a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/solarized-dark.css b/snap-client/src/styles/base16/solarized-dark.css
new file mode 100644
index 0000000..6437cf5
--- /dev/null
+++ b/snap-client/src/styles/base16/solarized-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Solarized Dark
+  Author: Ethan Schoonover (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme solarized-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #002b36  Default Background
+base01  #073642  Lighter Background (Used for status bars, line number and folding marks)
+base02  #586e75  Selection Background
+base03  #657b83  Comments, Invisibles, Line Highlighting
+base04  #839496  Dark Foreground (Used for status bars)
+base05  #93a1a1  Default Foreground, Caret, Delimiters, Operators
+base06  #eee8d5  Light Foreground (Not often used)
+base07  #fdf6e3  Light Background (Not often used)
+base08  #dc322f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #cb4b16  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #b58900  Classes, Markup Bold, Search Text Background
+base0B  #859900  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #2aa198  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #268bd2  Functions, Methods, Attribute IDs, Headings
+base0E  #6c71c4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d33682  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #93a1a1;
+  background: #002b36
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #586e75;
+  color: #93a1a1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #657b83 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #657b83
+}
+/* base04 - #839496 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #839496
+}
+/* base05 - #93a1a1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #93a1a1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #dc322f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #cb4b16
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #b58900
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #b58900
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #859900
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #2aa198
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #268bd2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6c71c4
+}
+.hljs-emphasis {
+  color: #6c71c4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d33682
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/solarized-dark.min.css b/snap-client/src/styles/base16/solarized-dark.min.css
new file mode 100644
index 0000000..e2b1535
--- /dev/null
+++ b/snap-client/src/styles/base16/solarized-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Solarized Dark
+  Author: Ethan Schoonover (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#93a1a1;background:#002b36}.hljs ::selection,.hljs::selection{background-color:#586e75;color:#93a1a1}.hljs-comment{color:#657b83}.hljs-tag{color:#839496}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#93a1a1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#dc322f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#cb4b16}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#b58900}.hljs-strong{font-weight:700;color:#b58900}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#859900}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#2aa198}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#268bd2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6c71c4}.hljs-emphasis{color:#6c71c4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d33682}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/solarized-light.css b/snap-client/src/styles/base16/solarized-light.css
new file mode 100644
index 0000000..4c71ce0
--- /dev/null
+++ b/snap-client/src/styles/base16/solarized-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Solarized Light
+  Author: Ethan Schoonover (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme solarized-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fdf6e3  Default Background
+base01  #eee8d5  Lighter Background (Used for status bars, line number and folding marks)
+base02  #93a1a1  Selection Background
+base03  #839496  Comments, Invisibles, Line Highlighting
+base04  #657b83  Dark Foreground (Used for status bars)
+base05  #586e75  Default Foreground, Caret, Delimiters, Operators
+base06  #073642  Light Foreground (Not often used)
+base07  #002b36  Light Background (Not often used)
+base08  #dc322f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #cb4b16  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #b58900  Classes, Markup Bold, Search Text Background
+base0B  #859900  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #2aa198  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #268bd2  Functions, Methods, Attribute IDs, Headings
+base0E  #6c71c4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d33682  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #586e75;
+  background: #fdf6e3
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #93a1a1;
+  color: #586e75
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #839496 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #839496
+}
+/* base04 - #657b83 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #657b83
+}
+/* base05 - #586e75 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #586e75
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #dc322f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #cb4b16
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #b58900
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #b58900
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #859900
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #2aa198
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #268bd2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6c71c4
+}
+.hljs-emphasis {
+  color: #6c71c4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d33682
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/solarized-light.min.css b/snap-client/src/styles/base16/solarized-light.min.css
new file mode 100644
index 0000000..67a590b
--- /dev/null
+++ b/snap-client/src/styles/base16/solarized-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Solarized Light
+  Author: Ethan Schoonover (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#586e75;background:#fdf6e3}.hljs ::selection,.hljs::selection{background-color:#93a1a1;color:#586e75}.hljs-comment{color:#839496}.hljs-tag{color:#657b83}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#586e75}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#dc322f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#cb4b16}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#b58900}.hljs-strong{font-weight:700;color:#b58900}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#859900}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#2aa198}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#268bd2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6c71c4}.hljs-emphasis{color:#6c71c4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d33682}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/spacemacs.css b/snap-client/src/styles/base16/spacemacs.css
new file mode 100644
index 0000000..19a2403
--- /dev/null
+++ b/snap-client/src/styles/base16/spacemacs.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Spacemacs
+  Author: Nasser Alshammari (https://github.com/nashamri/spacemacs-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme spacemacs
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1f2022  Default Background
+base01  #282828  Lighter Background (Used for status bars, line number and folding marks)
+base02  #444155  Selection Background
+base03  #585858  Comments, Invisibles, Line Highlighting
+base04  #b8b8b8  Dark Foreground (Used for status bars)
+base05  #a3a3a3  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e8e8  Light Foreground (Not often used)
+base07  #f8f8f8  Light Background (Not often used)
+base08  #f2241f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ffa500  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #b1951d  Classes, Markup Bold, Search Text Background
+base0B  #67b11d  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #2d9574  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #4f97d7  Functions, Methods, Attribute IDs, Headings
+base0E  #a31db1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b03060  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a3a3a3;
+  background: #1f2022
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #444155;
+  color: #a3a3a3
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #585858 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #585858
+}
+/* base04 - #b8b8b8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b8b8b8
+}
+/* base05 - #a3a3a3 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a3a3a3
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f2241f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ffa500
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #b1951d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #b1951d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #67b11d
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #2d9574
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #4f97d7
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a31db1
+}
+.hljs-emphasis {
+  color: #a31db1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b03060
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/spacemacs.min.css b/snap-client/src/styles/base16/spacemacs.min.css
new file mode 100644
index 0000000..ba8f7d9
--- /dev/null
+++ b/snap-client/src/styles/base16/spacemacs.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Spacemacs
+  Author: Nasser Alshammari (https://github.com/nashamri/spacemacs-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a3a3a3;background:#1f2022}.hljs ::selection,.hljs::selection{background-color:#444155;color:#a3a3a3}.hljs-comment{color:#585858}.hljs-tag{color:#b8b8b8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a3a3a3}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f2241f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:orange}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#b1951d}.hljs-strong{font-weight:700;color:#b1951d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#67b11d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#2d9574}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#4f97d7}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a31db1}.hljs-emphasis{color:#a31db1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b03060}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/summercamp.css b/snap-client/src/styles/base16/summercamp.css
new file mode 100644
index 0000000..f462fd7
--- /dev/null
+++ b/snap-client/src/styles/base16/summercamp.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: summercamp
+  Author: zoe firi (zoefiri.github.io)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme summercamp
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1c1810  Default Background
+base01  #2a261c  Lighter Background (Used for status bars, line number and folding marks)
+base02  #3a3527  Selection Background
+base03  #504b38  Comments, Invisibles, Line Highlighting
+base04  #5f5b45  Dark Foreground (Used for status bars)
+base05  #736e55  Default Foreground, Caret, Delimiters, Operators
+base06  #bab696  Light Foreground (Not often used)
+base07  #f8f5de  Light Background (Not often used)
+base08  #e35142  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fba11b  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f2ff27  Classes, Markup Bold, Search Text Background
+base0B  #5ceb5a  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5aebbc  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #489bf0  Functions, Methods, Attribute IDs, Headings
+base0E  #FF8080  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #F69BE7  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #736e55;
+  background: #1c1810
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #3a3527;
+  color: #736e55
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #504b38 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #504b38
+}
+/* base04 - #5f5b45 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5f5b45
+}
+/* base05 - #736e55 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #736e55
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e35142
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fba11b
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f2ff27
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f2ff27
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #5ceb5a
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5aebbc
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #489bf0
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #FF8080
+}
+.hljs-emphasis {
+  color: #FF8080;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #F69BE7
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/summercamp.min.css b/snap-client/src/styles/base16/summercamp.min.css
new file mode 100644
index 0000000..931b035
--- /dev/null
+++ b/snap-client/src/styles/base16/summercamp.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: summercamp
+  Author: zoe firi (zoefiri.github.io)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#736e55;background:#1c1810}.hljs ::selection,.hljs::selection{background-color:#3a3527;color:#736e55}.hljs-comment{color:#504b38}.hljs-tag{color:#5f5b45}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#736e55}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e35142}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fba11b}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f2ff27}.hljs-strong{font-weight:700;color:#f2ff27}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#5ceb5a}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5aebbc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#489bf0}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ff8080}.hljs-emphasis{color:#ff8080;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#f69be7}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/summerfruit-dark.css b/snap-client/src/styles/base16/summerfruit-dark.css
new file mode 100644
index 0000000..57e9cdd
--- /dev/null
+++ b/snap-client/src/styles/base16/summerfruit-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Summerfruit Dark
+  Author: Christopher Corley (http://christop.club/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme summerfruit-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #151515  Default Background
+base01  #202020  Lighter Background (Used for status bars, line number and folding marks)
+base02  #303030  Selection Background
+base03  #505050  Comments, Invisibles, Line Highlighting
+base04  #B0B0B0  Dark Foreground (Used for status bars)
+base05  #D0D0D0  Default Foreground, Caret, Delimiters, Operators
+base06  #E0E0E0  Light Foreground (Not often used)
+base07  #FFFFFF  Light Background (Not often used)
+base08  #FF0086  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #FD8900  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ABA800  Classes, Markup Bold, Search Text Background
+base0B  #00C918  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1FAAAA  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3777E6  Functions, Methods, Attribute IDs, Headings
+base0E  #AD00A1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #CC6633  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #D0D0D0;
+  background: #151515
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #303030;
+  color: #D0D0D0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #505050 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #505050
+}
+/* base04 - #B0B0B0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #B0B0B0
+}
+/* base05 - #D0D0D0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #D0D0D0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #FF0086
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #FD8900
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ABA800
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ABA800
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00C918
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1FAAAA
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3777E6
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #AD00A1
+}
+.hljs-emphasis {
+  color: #AD00A1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #CC6633
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/summerfruit-dark.min.css b/snap-client/src/styles/base16/summerfruit-dark.min.css
new file mode 100644
index 0000000..8ba6c88
--- /dev/null
+++ b/snap-client/src/styles/base16/summerfruit-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Summerfruit Dark
+  Author: Christopher Corley (http://christop.club/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0d0d0;background:#151515}.hljs ::selection,.hljs::selection{background-color:#303030;color:#d0d0d0}.hljs-comment{color:#505050}.hljs-tag{color:#b0b0b0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0d0d0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff0086}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fd8900}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#aba800}.hljs-strong{font-weight:700;color:#aba800}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#00c918}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1faaaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3777e6}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ad00a1}.hljs-emphasis{color:#ad00a1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c63}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/summerfruit-light.css b/snap-client/src/styles/base16/summerfruit-light.css
new file mode 100644
index 0000000..224f6e3
--- /dev/null
+++ b/snap-client/src/styles/base16/summerfruit-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Summerfruit Light
+  Author: Christopher Corley (http://christop.club/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme summerfruit-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #FFFFFF  Default Background
+base01  #E0E0E0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #D0D0D0  Selection Background
+base03  #B0B0B0  Comments, Invisibles, Line Highlighting
+base04  #000000  Dark Foreground (Used for status bars)
+base05  #101010  Default Foreground, Caret, Delimiters, Operators
+base06  #151515  Light Foreground (Not often used)
+base07  #202020  Light Background (Not often used)
+base08  #FF0086  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #FD8900  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ABA800  Classes, Markup Bold, Search Text Background
+base0B  #00C918  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1FAAAA  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3777E6  Functions, Methods, Attribute IDs, Headings
+base0E  #AD00A1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #CC6633  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #101010;
+  background: #FFFFFF
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #D0D0D0;
+  color: #101010
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #B0B0B0 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #B0B0B0
+}
+/* base04 - #000000 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #000000
+}
+/* base05 - #101010 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #101010
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #FF0086
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #FD8900
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ABA800
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ABA800
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00C918
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1FAAAA
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3777E6
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #AD00A1
+}
+.hljs-emphasis {
+  color: #AD00A1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #CC6633
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/summerfruit-light.min.css b/snap-client/src/styles/base16/summerfruit-light.min.css
new file mode 100644
index 0000000..958eda3
--- /dev/null
+++ b/snap-client/src/styles/base16/summerfruit-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Summerfruit Light
+  Author: Christopher Corley (http://christop.club/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#101010;background:#fff}.hljs ::selection,.hljs::selection{background-color:#d0d0d0;color:#101010}.hljs-comment{color:#b0b0b0}.hljs-tag{color:#000}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#101010}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff0086}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fd8900}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#aba800}.hljs-strong{font-weight:700;color:#aba800}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#00c918}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1faaaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3777e6}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ad00a1}.hljs-emphasis{color:#ad00a1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c63}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/synth-midnight-terminal-dark.css b/snap-client/src/styles/base16/synth-midnight-terminal-dark.css
new file mode 100644
index 0000000..a13e3e2
--- /dev/null
+++ b/snap-client/src/styles/base16/synth-midnight-terminal-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Synth Midnight Terminal Dark
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme synth-midnight-terminal-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #050608  Default Background
+base01  #1a1b1c  Lighter Background (Used for status bars, line number and folding marks)
+base02  #28292a  Selection Background
+base03  #474849  Comments, Invisibles, Line Highlighting
+base04  #a3a5a6  Dark Foreground (Used for status bars)
+base05  #c1c3c4  Default Foreground, Caret, Delimiters, Operators
+base06  #cfd1d2  Light Foreground (Not often used)
+base07  #dddfe0  Light Background (Not often used)
+base08  #b53b50  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ea770d  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c9d364  Classes, Markup Bold, Search Text Background
+base0B  #06ea61  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #42fff9  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #03aeff  Functions, Methods, Attribute IDs, Headings
+base0E  #ea5ce2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #cd6320  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c3c4;
+  background: #050608
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #28292a;
+  color: #c1c3c4
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #474849 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #474849
+}
+/* base04 - #a3a5a6 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a3a5a6
+}
+/* base05 - #c1c3c4 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c3c4
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #b53b50
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ea770d
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c9d364
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c9d364
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #06ea61
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #42fff9
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #03aeff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ea5ce2
+}
+.hljs-emphasis {
+  color: #ea5ce2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #cd6320
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/synth-midnight-terminal-dark.min.css b/snap-client/src/styles/base16/synth-midnight-terminal-dark.min.css
new file mode 100644
index 0000000..faa5d4d
--- /dev/null
+++ b/snap-client/src/styles/base16/synth-midnight-terminal-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Synth Midnight Terminal Dark
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c3c4;background:#050608}.hljs ::selection,.hljs::selection{background-color:#28292a;color:#c1c3c4}.hljs-comment{color:#474849}.hljs-tag{color:#a3a5a6}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c3c4}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b53b50}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ea770d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c9d364}.hljs-strong{font-weight:700;color:#c9d364}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#06ea61}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#42fff9}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#03aeff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ea5ce2}.hljs-emphasis{color:#ea5ce2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#cd6320}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/synth-midnight-terminal-light.css b/snap-client/src/styles/base16/synth-midnight-terminal-light.css
new file mode 100644
index 0000000..de3d8e1
--- /dev/null
+++ b/snap-client/src/styles/base16/synth-midnight-terminal-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Synth Midnight Terminal Light
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme synth-midnight-terminal-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #dddfe0  Default Background
+base01  #cfd1d2  Lighter Background (Used for status bars, line number and folding marks)
+base02  #c1c3c4  Selection Background
+base03  #a3a5a6  Comments, Invisibles, Line Highlighting
+base04  #474849  Dark Foreground (Used for status bars)
+base05  #28292a  Default Foreground, Caret, Delimiters, Operators
+base06  #1a1b1c  Light Foreground (Not often used)
+base07  #050608  Light Background (Not often used)
+base08  #b53b50  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ea770d  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c9d364  Classes, Markup Bold, Search Text Background
+base0B  #06ea61  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #42fff9  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #03aeff  Functions, Methods, Attribute IDs, Headings
+base0E  #ea5ce2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #cd6320  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #28292a;
+  background: #dddfe0
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #c1c3c4;
+  color: #28292a
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #a3a5a6 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #a3a5a6
+}
+/* base04 - #474849 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #474849
+}
+/* base05 - #28292a -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #28292a
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #b53b50
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ea770d
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c9d364
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c9d364
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #06ea61
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #42fff9
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #03aeff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ea5ce2
+}
+.hljs-emphasis {
+  color: #ea5ce2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #cd6320
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/synth-midnight-terminal-light.min.css b/snap-client/src/styles/base16/synth-midnight-terminal-light.min.css
new file mode 100644
index 0000000..579a65f
--- /dev/null
+++ b/snap-client/src/styles/base16/synth-midnight-terminal-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Synth Midnight Terminal Light
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#28292a;background:#dddfe0}.hljs ::selection,.hljs::selection{background-color:#c1c3c4;color:#28292a}.hljs-comment{color:#a3a5a6}.hljs-tag{color:#474849}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#28292a}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b53b50}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ea770d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c9d364}.hljs-strong{font-weight:700;color:#c9d364}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#06ea61}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#42fff9}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#03aeff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ea5ce2}.hljs-emphasis{color:#ea5ce2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#cd6320}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/tango.css b/snap-client/src/styles/base16/tango.css
new file mode 100644
index 0000000..3a91f4e
--- /dev/null
+++ b/snap-client/src/styles/base16/tango.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Tango
+  Author: @Schnouki, based on the Tango Desktop Project
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme tango
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2e3436  Default Background
+base01  #8ae234  Lighter Background (Used for status bars, line number and folding marks)
+base02  #fce94f  Selection Background
+base03  #555753  Comments, Invisibles, Line Highlighting
+base04  #729fcf  Dark Foreground (Used for status bars)
+base05  #d3d7cf  Default Foreground, Caret, Delimiters, Operators
+base06  #ad7fa8  Light Foreground (Not often used)
+base07  #eeeeec  Light Background (Not often used)
+base08  #cc0000  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ef2929  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c4a000  Classes, Markup Bold, Search Text Background
+base0B  #4e9a06  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #06989a  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3465a4  Functions, Methods, Attribute IDs, Headings
+base0E  #75507b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #34e2e2  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d3d7cf;
+  background: #2e3436
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #fce94f;
+  color: #d3d7cf
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #555753 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #555753
+}
+/* base04 - #729fcf -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #729fcf
+}
+/* base05 - #d3d7cf -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d3d7cf
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #cc0000
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ef2929
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c4a000
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c4a000
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #4e9a06
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #06989a
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3465a4
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #75507b
+}
+.hljs-emphasis {
+  color: #75507b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #34e2e2
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/tango.min.css b/snap-client/src/styles/base16/tango.min.css
new file mode 100644
index 0000000..d37318a
--- /dev/null
+++ b/snap-client/src/styles/base16/tango.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Tango
+  Author: @Schnouki, based on the Tango Desktop Project
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d3d7cf;background:#2e3436}.hljs ::selection,.hljs::selection{background-color:#fce94f;color:#d3d7cf}.hljs-comment{color:#555753}.hljs-tag{color:#729fcf}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d3d7cf}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c00}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ef2929}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c4a000}.hljs-strong{font-weight:700;color:#c4a000}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#4e9a06}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#06989a}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3465a4}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#75507b}.hljs-emphasis{color:#75507b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#34e2e2}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/tender.css b/snap-client/src/styles/base16/tender.css
new file mode 100644
index 0000000..5c9ec77
--- /dev/null
+++ b/snap-client/src/styles/base16/tender.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: tender
+  Author: Jacobo Tabernero (https://github/com/jacoborus/tender.vim)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme tender
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #282828  Default Background
+base01  #383838  Lighter Background (Used for status bars, line number and folding marks)
+base02  #484848  Selection Background
+base03  #4c4c4c  Comments, Invisibles, Line Highlighting
+base04  #b8b8b8  Dark Foreground (Used for status bars)
+base05  #eeeeee  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e8e8  Light Foreground (Not often used)
+base07  #feffff  Light Background (Not often used)
+base08  #f43753  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #dc9656  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffc24b  Classes, Markup Bold, Search Text Background
+base0B  #c9d05c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #73cef4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #b3deef  Functions, Methods, Attribute IDs, Headings
+base0E  #d3b987  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a16946  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #eeeeee;
+  background: #282828
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #484848;
+  color: #eeeeee
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #4c4c4c -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #4c4c4c
+}
+/* base04 - #b8b8b8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b8b8b8
+}
+/* base05 - #eeeeee -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #eeeeee
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f43753
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #dc9656
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffc24b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffc24b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #c9d05c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #73cef4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #b3deef
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d3b987
+}
+.hljs-emphasis {
+  color: #d3b987;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a16946
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/tender.min.css b/snap-client/src/styles/base16/tender.min.css
new file mode 100644
index 0000000..c72c7df
--- /dev/null
+++ b/snap-client/src/styles/base16/tender.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: tender
+  Author: Jacobo Tabernero (https://github/com/jacoborus/tender.vim)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#eee;background:#282828}.hljs ::selection,.hljs::selection{background-color:#484848;color:#eee}.hljs-comment{color:#4c4c4c}.hljs-tag{color:#b8b8b8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#eee}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f43753}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#dc9656}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffc24b}.hljs-strong{font-weight:700;color:#ffc24b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#c9d05c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#73cef4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#b3deef}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d3b987}.hljs-emphasis{color:#d3b987;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a16946}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/tomorrow-night.css b/snap-client/src/styles/base16/tomorrow-night.css
new file mode 100644
index 0000000..2c3750e
--- /dev/null
+++ b/snap-client/src/styles/base16/tomorrow-night.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Tomorrow Night
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme tomorrow-night
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2d2d2d  Default Background
+base01  #393939  Lighter Background (Used for status bars, line number and folding marks)
+base02  #515151  Selection Background
+base03  #999999  Comments, Invisibles, Line Highlighting
+base04  #b4b7b4  Dark Foreground (Used for status bars)
+base05  #cccccc  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #f2777a  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f99157  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffcc66  Classes, Markup Bold, Search Text Background
+base0B  #99cc99  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #66cccc  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6699cc  Functions, Methods, Attribute IDs, Headings
+base0E  #cc99cc  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a3685a  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cccccc;
+  background: #2d2d2d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #515151;
+  color: #cccccc
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #999999 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #999999
+}
+/* base04 - #b4b7b4 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b4b7b4
+}
+/* base05 - #cccccc -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cccccc
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f2777a
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f99157
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffcc66
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffcc66
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #99cc99
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #66cccc
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6699cc
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #cc99cc
+}
+.hljs-emphasis {
+  color: #cc99cc;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a3685a
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/tomorrow-night.min.css b/snap-client/src/styles/base16/tomorrow-night.min.css
new file mode 100644
index 0000000..a0b3f62
--- /dev/null
+++ b/snap-client/src/styles/base16/tomorrow-night.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Tomorrow Night
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ccc;background:#2d2d2d}.hljs ::selection,.hljs::selection{background-color:#515151;color:#ccc}.hljs-comment{color:#999}.hljs-tag{color:#b4b7b4}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f2777a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f99157}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fc6}.hljs-strong{font-weight:700;color:#fc6}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#9c9}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#6cc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#69c}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c9c}.hljs-emphasis{color:#c9c;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a3685a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/tomorrow.css b/snap-client/src/styles/base16/tomorrow.css
new file mode 100644
index 0000000..bda285d
--- /dev/null
+++ b/snap-client/src/styles/base16/tomorrow.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Tomorrow
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme tomorrow
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ffffff  Default Background
+base01  #e0e0e0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d6d6d6  Selection Background
+base03  #8e908c  Comments, Invisibles, Line Highlighting
+base04  #969896  Dark Foreground (Used for status bars)
+base05  #4d4d4c  Default Foreground, Caret, Delimiters, Operators
+base06  #282a2e  Light Foreground (Not often used)
+base07  #1d1f21  Light Background (Not often used)
+base08  #c82829  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f5871f  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #eab700  Classes, Markup Bold, Search Text Background
+base0B  #718c00  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3e999f  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #4271ae  Functions, Methods, Attribute IDs, Headings
+base0E  #8959a8  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a3685a  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #4d4d4c;
+  background: #ffffff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d6d6d6;
+  color: #4d4d4c
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #8e908c -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #8e908c
+}
+/* base04 - #969896 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #969896
+}
+/* base05 - #4d4d4c -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #4d4d4c
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c82829
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f5871f
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #eab700
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #eab700
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #718c00
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3e999f
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #4271ae
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8959a8
+}
+.hljs-emphasis {
+  color: #8959a8;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a3685a
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/tomorrow.min.css b/snap-client/src/styles/base16/tomorrow.min.css
new file mode 100644
index 0000000..5785f6e
--- /dev/null
+++ b/snap-client/src/styles/base16/tomorrow.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Tomorrow
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#4d4d4c;background:#fff}.hljs ::selection,.hljs::selection{background-color:#d6d6d6;color:#4d4d4c}.hljs-comment{color:#8e908c}.hljs-tag{color:#969896}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#4d4d4c}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c82829}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f5871f}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#eab700}.hljs-strong{font-weight:700;color:#eab700}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#718c00}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#3e999f}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#4271ae}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8959a8}.hljs-emphasis{color:#8959a8;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a3685a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/twilight.css b/snap-client/src/styles/base16/twilight.css
new file mode 100644
index 0000000..0bde680
--- /dev/null
+++ b/snap-client/src/styles/base16/twilight.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Twilight
+  Author: David Hart (https://github.com/hartbit)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme twilight
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1e1e1e  Default Background
+base01  #323537  Lighter Background (Used for status bars, line number and folding marks)
+base02  #464b50  Selection Background
+base03  #5f5a60  Comments, Invisibles, Line Highlighting
+base04  #838184  Dark Foreground (Used for status bars)
+base05  #a7a7a7  Default Foreground, Caret, Delimiters, Operators
+base06  #c3c3c3  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #cf6a4c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #cda869  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f9ee98  Classes, Markup Bold, Search Text Background
+base0B  #8f9d6a  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #afc4db  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7587a6  Functions, Methods, Attribute IDs, Headings
+base0E  #9b859d  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #9b703f  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a7a7a7;
+  background: #1e1e1e
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #464b50;
+  color: #a7a7a7
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5f5a60 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5f5a60
+}
+/* base04 - #838184 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #838184
+}
+/* base05 - #a7a7a7 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a7a7a7
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #cf6a4c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #cda869
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f9ee98
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f9ee98
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #8f9d6a
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #afc4db
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7587a6
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9b859d
+}
+.hljs-emphasis {
+  color: #9b859d;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #9b703f
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/twilight.min.css b/snap-client/src/styles/base16/twilight.min.css
new file mode 100644
index 0000000..0a8f5f9
--- /dev/null
+++ b/snap-client/src/styles/base16/twilight.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Twilight
+  Author: David Hart (https://github.com/hartbit)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a7a7a7;background:#1e1e1e}.hljs ::selection,.hljs::selection{background-color:#464b50;color:#a7a7a7}.hljs-comment{color:#5f5a60}.hljs-tag{color:#838184}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a7a7a7}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#cf6a4c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#cda869}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f9ee98}.hljs-strong{font-weight:700;color:#f9ee98}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#8f9d6a}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#afc4db}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7587a6}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9b859d}.hljs-emphasis{color:#9b859d;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#9b703f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/unikitty-dark.css b/snap-client/src/styles/base16/unikitty-dark.css
new file mode 100644
index 0000000..02bb32d
--- /dev/null
+++ b/snap-client/src/styles/base16/unikitty-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Unikitty Dark
+  Author: Josh W Lewis (@joshwlewis)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme unikitty-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2e2a31  Default Background
+base01  #4a464d  Lighter Background (Used for status bars, line number and folding marks)
+base02  #666369  Selection Background
+base03  #838085  Comments, Invisibles, Line Highlighting
+base04  #9f9da2  Dark Foreground (Used for status bars)
+base05  #bcbabe  Default Foreground, Caret, Delimiters, Operators
+base06  #d8d7da  Light Foreground (Not often used)
+base07  #f5f4f7  Light Background (Not often used)
+base08  #d8137f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d65407  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #dc8a0e  Classes, Markup Bold, Search Text Background
+base0B  #17ad98  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #149bda  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #796af5  Functions, Methods, Attribute IDs, Headings
+base0E  #bb60ea  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c720ca  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #bcbabe;
+  background: #2e2a31
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #666369;
+  color: #bcbabe
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #838085 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #838085
+}
+/* base04 - #9f9da2 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #9f9da2
+}
+/* base05 - #bcbabe -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #bcbabe
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d8137f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d65407
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #dc8a0e
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #dc8a0e
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #17ad98
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #149bda
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #796af5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #bb60ea
+}
+.hljs-emphasis {
+  color: #bb60ea;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c720ca
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/unikitty-dark.min.css b/snap-client/src/styles/base16/unikitty-dark.min.css
new file mode 100644
index 0000000..752d90a
--- /dev/null
+++ b/snap-client/src/styles/base16/unikitty-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Unikitty Dark
+  Author: Josh W Lewis (@joshwlewis)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#bcbabe;background:#2e2a31}.hljs ::selection,.hljs::selection{background-color:#666369;color:#bcbabe}.hljs-comment{color:#838085}.hljs-tag{color:#9f9da2}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#bcbabe}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d8137f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d65407}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#dc8a0e}.hljs-strong{font-weight:700;color:#dc8a0e}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#17ad98}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#149bda}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#796af5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#bb60ea}.hljs-emphasis{color:#bb60ea;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c720ca}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/unikitty-light.css b/snap-client/src/styles/base16/unikitty-light.css
new file mode 100644
index 0000000..a1ba697
--- /dev/null
+++ b/snap-client/src/styles/base16/unikitty-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Unikitty Light
+  Author: Josh W Lewis (@joshwlewis)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme unikitty-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ffffff  Default Background
+base01  #e1e1e2  Lighter Background (Used for status bars, line number and folding marks)
+base02  #c4c3c5  Selection Background
+base03  #a7a5a8  Comments, Invisibles, Line Highlighting
+base04  #89878b  Dark Foreground (Used for status bars)
+base05  #6c696e  Default Foreground, Caret, Delimiters, Operators
+base06  #4f4b51  Light Foreground (Not often used)
+base07  #322d34  Light Background (Not often used)
+base08  #d8137f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d65407  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #dc8a0e  Classes, Markup Bold, Search Text Background
+base0B  #17ad98  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #149bda  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #775dff  Functions, Methods, Attribute IDs, Headings
+base0E  #aa17e6  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e013d0  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #6c696e;
+  background: #ffffff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #c4c3c5;
+  color: #6c696e
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #a7a5a8 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #a7a5a8
+}
+/* base04 - #89878b -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #89878b
+}
+/* base05 - #6c696e -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #6c696e
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d8137f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d65407
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #dc8a0e
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #dc8a0e
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #17ad98
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #149bda
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #775dff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #aa17e6
+}
+.hljs-emphasis {
+  color: #aa17e6;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e013d0
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/unikitty-light.min.css b/snap-client/src/styles/base16/unikitty-light.min.css
new file mode 100644
index 0000000..fe74653
--- /dev/null
+++ b/snap-client/src/styles/base16/unikitty-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Unikitty Light
+  Author: Josh W Lewis (@joshwlewis)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#6c696e;background:#fff}.hljs ::selection,.hljs::selection{background-color:#c4c3c5;color:#6c696e}.hljs-comment{color:#a7a5a8}.hljs-tag{color:#89878b}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#6c696e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d8137f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d65407}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#dc8a0e}.hljs-strong{font-weight:700;color:#dc8a0e}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#17ad98}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#149bda}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#775dff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#aa17e6}.hljs-emphasis{color:#aa17e6;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e013d0}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/vulcan.css b/snap-client/src/styles/base16/vulcan.css
new file mode 100644
index 0000000..dc2ac1a
--- /dev/null
+++ b/snap-client/src/styles/base16/vulcan.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: vulcan
+  Author: Andrey Varfolomeev
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme vulcan
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #041523  Default Background
+base01  #122339  Lighter Background (Used for status bars, line number and folding marks)
+base02  #003552  Selection Background
+base03  #7a5759  Comments, Invisibles, Line Highlighting
+base04  #6b6977  Dark Foreground (Used for status bars)
+base05  #5b778c  Default Foreground, Caret, Delimiters, Operators
+base06  #333238  Light Foreground (Not often used)
+base07  #214d68  Light Background (Not often used)
+base08  #818591  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #9198a3  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #adb4b9  Classes, Markup Bold, Search Text Background
+base0B  #977d7c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #977d7c  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #977d7c  Functions, Methods, Attribute IDs, Headings
+base0E  #9198a3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #977d7c  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #5b778c;
+  background: #041523
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #003552;
+  color: #5b778c
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7a5759 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7a5759
+}
+/* base04 - #6b6977 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #6b6977
+}
+/* base05 - #5b778c -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #5b778c
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #818591
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #9198a3
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #adb4b9
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #adb4b9
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #977d7c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #977d7c
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #977d7c
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9198a3
+}
+.hljs-emphasis {
+  color: #9198a3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #977d7c
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/vulcan.min.css b/snap-client/src/styles/base16/vulcan.min.css
new file mode 100644
index 0000000..3c88968
--- /dev/null
+++ b/snap-client/src/styles/base16/vulcan.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: vulcan
+  Author: Andrey Varfolomeev
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#5b778c;background:#041523}.hljs ::selection,.hljs::selection{background-color:#003552;color:#5b778c}.hljs-comment{color:#7a5759}.hljs-tag{color:#6b6977}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#5b778c}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#818591}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#9198a3}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#adb4b9}.hljs-strong{font-weight:700;color:#adb4b9}.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-code,.hljs-doctag,.hljs-function .hljs-title,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp,.hljs-section,.hljs-string,.hljs-title.class_.inherited__,.hljs-title.function_,.ruby .hljs-property{color:#977d7c}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9198a3}.hljs-emphasis{color:#9198a3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#977d7c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-10-light.css b/snap-client/src/styles/base16/windows-10-light.css
new file mode 100644
index 0000000..022e40a
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-10-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows 10 Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-10-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f2f2f2  Default Background
+base01  #e5e5e5  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d9d9d9  Selection Background
+base03  #cccccc  Comments, Invisibles, Line Highlighting
+base04  #ababab  Dark Foreground (Used for status bars)
+base05  #767676  Default Foreground, Caret, Delimiters, Operators
+base06  #414141  Light Foreground (Not often used)
+base07  #0c0c0c  Light Background (Not often used)
+base08  #c50f1f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f9f1a5  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c19c00  Classes, Markup Bold, Search Text Background
+base0B  #13a10e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3a96dd  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0037da  Functions, Methods, Attribute IDs, Headings
+base0E  #881798  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #16c60c  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #767676;
+  background: #f2f2f2
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d9d9d9;
+  color: #767676
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #cccccc -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #cccccc
+}
+/* base04 - #ababab -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #ababab
+}
+/* base05 - #767676 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #767676
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c50f1f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f9f1a5
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c19c00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c19c00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #13a10e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3a96dd
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0037da
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #881798
+}
+.hljs-emphasis {
+  color: #881798;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #16c60c
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-10-light.min.css b/snap-client/src/styles/base16/windows-10-light.min.css
new file mode 100644
index 0000000..b27b99f
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-10-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows 10 Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#767676;background:#f2f2f2}.hljs ::selection,.hljs::selection{background-color:#d9d9d9;color:#767676}.hljs-comment{color:#ccc}.hljs-tag{color:#ababab}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#767676}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c50f1f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f9f1a5}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c19c00}.hljs-strong{font-weight:700;color:#c19c00}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#13a10e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#3a96dd}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0037da}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#881798}.hljs-emphasis{color:#881798;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#16c60c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-10.css b/snap-client/src/styles/base16/windows-10.css
new file mode 100644
index 0000000..f0f0e2d
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-10.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows 10
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-10
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #0c0c0c  Default Background
+base01  #2f2f2f  Lighter Background (Used for status bars, line number and folding marks)
+base02  #535353  Selection Background
+base03  #767676  Comments, Invisibles, Line Highlighting
+base04  #b9b9b9  Dark Foreground (Used for status bars)
+base05  #cccccc  Default Foreground, Caret, Delimiters, Operators
+base06  #dfdfdf  Light Foreground (Not often used)
+base07  #f2f2f2  Light Background (Not often used)
+base08  #e74856  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #c19c00  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f9f1a5  Classes, Markup Bold, Search Text Background
+base0B  #16c60c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #61d6d6  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3b78ff  Functions, Methods, Attribute IDs, Headings
+base0E  #b4009e  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #13a10e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cccccc;
+  background: #0c0c0c
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #535353;
+  color: #cccccc
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #767676 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #767676
+}
+/* base04 - #b9b9b9 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b9b9b9
+}
+/* base05 - #cccccc -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cccccc
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e74856
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #c19c00
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f9f1a5
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f9f1a5
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #16c60c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #61d6d6
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3b78ff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b4009e
+}
+.hljs-emphasis {
+  color: #b4009e;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #13a10e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-10.min.css b/snap-client/src/styles/base16/windows-10.min.css
new file mode 100644
index 0000000..296b84c
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-10.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows 10
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ccc;background:#0c0c0c}.hljs ::selection,.hljs::selection{background-color:#535353;color:#ccc}.hljs-comment{color:#767676}.hljs-tag{color:#b9b9b9}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e74856}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#c19c00}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f9f1a5}.hljs-strong{font-weight:700;color:#f9f1a5}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#16c60c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#61d6d6}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3b78ff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b4009e}.hljs-emphasis{color:#b4009e;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#13a10e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-95-light.css b/snap-client/src/styles/base16/windows-95-light.css
new file mode 100644
index 0000000..bbf034d
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-95-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows 95 Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-95-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fcfcfc  Default Background
+base01  #e0e0e0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #c4c4c4  Selection Background
+base03  #a8a8a8  Comments, Invisibles, Line Highlighting
+base04  #7e7e7e  Dark Foreground (Used for status bars)
+base05  #545454  Default Foreground, Caret, Delimiters, Operators
+base06  #2a2a2a  Light Foreground (Not often used)
+base07  #000000  Light Background (Not often used)
+base08  #a80000  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fcfc54  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a85400  Classes, Markup Bold, Search Text Background
+base0B  #00a800  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00a8a8  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0000a8  Functions, Methods, Attribute IDs, Headings
+base0E  #a800a8  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #54fc54  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #545454;
+  background: #fcfcfc
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #c4c4c4;
+  color: #545454
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #a8a8a8 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #a8a8a8
+}
+/* base04 - #7e7e7e -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7e7e7e
+}
+/* base05 - #545454 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #545454
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #a80000
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fcfc54
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a85400
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a85400
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00a800
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00a8a8
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0000a8
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a800a8
+}
+.hljs-emphasis {
+  color: #a800a8;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #54fc54
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-95-light.min.css b/snap-client/src/styles/base16/windows-95-light.min.css
new file mode 100644
index 0000000..c30dd24
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-95-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows 95 Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#545454;background:#fcfcfc}.hljs ::selection,.hljs::selection{background-color:#c4c4c4;color:#545454}.hljs-comment{color:#a8a8a8}.hljs-tag{color:#7e7e7e}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#545454}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#a80000}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fcfc54}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a85400}.hljs-strong{font-weight:700;color:#a85400}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#00a800}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#00a8a8}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0000a8}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a800a8}.hljs-emphasis{color:#a800a8;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#54fc54}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-95.css b/snap-client/src/styles/base16/windows-95.css
new file mode 100644
index 0000000..002d6f9
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-95.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows 95
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-95
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #1C1C1C  Lighter Background (Used for status bars, line number and folding marks)
+base02  #383838  Selection Background
+base03  #545454  Comments, Invisibles, Line Highlighting
+base04  #7e7e7e  Dark Foreground (Used for status bars)
+base05  #a8a8a8  Default Foreground, Caret, Delimiters, Operators
+base06  #d2d2d2  Light Foreground (Not often used)
+base07  #fcfcfc  Light Background (Not often used)
+base08  #fc5454  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #a85400  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fcfc54  Classes, Markup Bold, Search Text Background
+base0B  #54fc54  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #54fcfc  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #5454fc  Functions, Methods, Attribute IDs, Headings
+base0E  #fc54fc  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #00a800  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a8a8a8;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #383838;
+  color: #a8a8a8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #545454 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #545454
+}
+/* base04 - #7e7e7e -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7e7e7e
+}
+/* base05 - #a8a8a8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a8a8a8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fc5454
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #a85400
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fcfc54
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fcfc54
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #54fc54
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #54fcfc
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #5454fc
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #fc54fc
+}
+.hljs-emphasis {
+  color: #fc54fc;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #00a800
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-95.min.css b/snap-client/src/styles/base16/windows-95.min.css
new file mode 100644
index 0000000..962d307
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-95.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows 95
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a8a8a8;background:#000}.hljs ::selection,.hljs::selection{background-color:#383838;color:#a8a8a8}.hljs-comment{color:#545454}.hljs-tag{color:#7e7e7e}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a8a8a8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fc5454}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#a85400}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fcfc54}.hljs-strong{font-weight:700;color:#fcfc54}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#54fc54}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#54fcfc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#5454fc}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#fc54fc}.hljs-emphasis{color:#fc54fc;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#00a800}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-high-contrast-light.css b/snap-client/src/styles/base16/windows-high-contrast-light.css
new file mode 100644
index 0000000..5589678
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-high-contrast-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows High Contrast Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-high-contrast-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fcfcfc  Default Background
+base01  #e8e8e8  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d4d4d4  Selection Background
+base03  #c0c0c0  Comments, Invisibles, Line Highlighting
+base04  #7e7e7e  Dark Foreground (Used for status bars)
+base05  #545454  Default Foreground, Caret, Delimiters, Operators
+base06  #2a2a2a  Light Foreground (Not often used)
+base07  #000000  Light Background (Not often used)
+base08  #800000  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fcfc54  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #808000  Classes, Markup Bold, Search Text Background
+base0B  #008000  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #008080  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #000080  Functions, Methods, Attribute IDs, Headings
+base0E  #800080  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #54fc54  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #545454;
+  background: #fcfcfc
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d4d4d4;
+  color: #545454
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #c0c0c0 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #c0c0c0
+}
+/* base04 - #7e7e7e -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7e7e7e
+}
+/* base05 - #545454 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #545454
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #800000
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fcfc54
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #808000
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #808000
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #008000
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #008080
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #000080
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #800080
+}
+.hljs-emphasis {
+  color: #800080;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #54fc54
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-high-contrast-light.min.css b/snap-client/src/styles/base16/windows-high-contrast-light.min.css
new file mode 100644
index 0000000..fb24f75
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-high-contrast-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows High Contrast Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#545454;background:#fcfcfc}.hljs ::selection,.hljs::selection{background-color:#d4d4d4;color:#545454}.hljs-comment{color:silver}.hljs-tag{color:#7e7e7e}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#545454}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:maroon}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fcfc54}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:olive}.hljs-strong{font-weight:700;color:olive}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:green}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:teal}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:navy}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:purple}.hljs-emphasis{color:purple;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#54fc54}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-high-contrast.css b/snap-client/src/styles/base16/windows-high-contrast.css
new file mode 100644
index 0000000..1ad278d
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-high-contrast.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows High Contrast
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-high-contrast
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #1C1C1C  Lighter Background (Used for status bars, line number and folding marks)
+base02  #383838  Selection Background
+base03  #545454  Comments, Invisibles, Line Highlighting
+base04  #a2a2a2  Dark Foreground (Used for status bars)
+base05  #c0c0c0  Default Foreground, Caret, Delimiters, Operators
+base06  #dedede  Light Foreground (Not often used)
+base07  #fcfcfc  Light Background (Not often used)
+base08  #fc5454  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #808000  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fcfc54  Classes, Markup Bold, Search Text Background
+base0B  #54fc54  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #54fcfc  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #5454fc  Functions, Methods, Attribute IDs, Headings
+base0E  #fc54fc  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #008000  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c0c0c0;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #383838;
+  color: #c0c0c0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #545454 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #545454
+}
+/* base04 - #a2a2a2 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a2a2a2
+}
+/* base05 - #c0c0c0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c0c0c0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fc5454
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #808000
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fcfc54
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fcfc54
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #54fc54
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #54fcfc
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #5454fc
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #fc54fc
+}
+.hljs-emphasis {
+  color: #fc54fc;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #008000
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-high-contrast.min.css b/snap-client/src/styles/base16/windows-high-contrast.min.css
new file mode 100644
index 0000000..363f590
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-high-contrast.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows High Contrast
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:silver;background:#000}.hljs ::selection,.hljs::selection{background-color:#383838;color:silver}.hljs-comment{color:#545454}.hljs-tag{color:#a2a2a2}.hljs-operator,.hljs-punctuation,.hljs-subst{color:silver}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fc5454}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:olive}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fcfc54}.hljs-strong{font-weight:700;color:#fcfc54}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#54fc54}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#54fcfc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#5454fc}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#fc54fc}.hljs-emphasis{color:#fc54fc;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:green}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-nt-light.css b/snap-client/src/styles/base16/windows-nt-light.css
new file mode 100644
index 0000000..a029d7d
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-nt-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows NT Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-nt-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ffffff  Default Background
+base01  #eaeaea  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d5d5d5  Selection Background
+base03  #c0c0c0  Comments, Invisibles, Line Highlighting
+base04  #a0a0a0  Dark Foreground (Used for status bars)
+base05  #808080  Default Foreground, Caret, Delimiters, Operators
+base06  #404040  Light Foreground (Not often used)
+base07  #000000  Light Background (Not often used)
+base08  #800000  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ffff00  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #808000  Classes, Markup Bold, Search Text Background
+base0B  #008000  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #008080  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #000080  Functions, Methods, Attribute IDs, Headings
+base0E  #800080  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #00ff00  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #808080;
+  background: #ffffff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d5d5d5;
+  color: #808080
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #c0c0c0 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #c0c0c0
+}
+/* base04 - #a0a0a0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a0a0a0
+}
+/* base05 - #808080 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #808080
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #800000
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ffff00
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #808000
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #808000
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #008000
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #008080
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #000080
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #800080
+}
+.hljs-emphasis {
+  color: #800080;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #00ff00
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-nt-light.min.css b/snap-client/src/styles/base16/windows-nt-light.min.css
new file mode 100644
index 0000000..4332edf
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-nt-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows NT Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:grey;background:#fff}.hljs ::selection,.hljs::selection{background-color:#d5d5d5;color:grey}.hljs-comment{color:silver}.hljs-tag{color:#a0a0a0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:grey}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:maroon}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff0}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:olive}.hljs-strong{font-weight:700;color:olive}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:green}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:teal}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:navy}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:purple}.hljs-emphasis{color:purple;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#0f0}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-nt.css b/snap-client/src/styles/base16/windows-nt.css
new file mode 100644
index 0000000..4a2608b
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-nt.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows NT
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-nt
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #2a2a2a  Lighter Background (Used for status bars, line number and folding marks)
+base02  #555555  Selection Background
+base03  #808080  Comments, Invisibles, Line Highlighting
+base04  #a1a1a1  Dark Foreground (Used for status bars)
+base05  #c0c0c0  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #ff0000  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #808000  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffff00  Classes, Markup Bold, Search Text Background
+base0B  #00ff00  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00ffff  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0000ff  Functions, Methods, Attribute IDs, Headings
+base0E  #ff00ff  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #008000  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c0c0c0;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #555555;
+  color: #c0c0c0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #808080 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #808080
+}
+/* base04 - #a1a1a1 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a1a1a1
+}
+/* base05 - #c0c0c0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c0c0c0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff0000
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #808000
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffff00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffff00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00ff00
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00ffff
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0000ff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ff00ff
+}
+.hljs-emphasis {
+  color: #ff00ff;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #008000
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/windows-nt.min.css b/snap-client/src/styles/base16/windows-nt.min.css
new file mode 100644
index 0000000..b37fdf5
--- /dev/null
+++ b/snap-client/src/styles/base16/windows-nt.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows NT
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:silver;background:#000}.hljs ::selection,.hljs::selection{background-color:#555;color:silver}.hljs-comment{color:grey}.hljs-tag{color:#a1a1a1}.hljs-operator,.hljs-punctuation,.hljs-subst{color:silver}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:red}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:olive}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ff0}.hljs-strong{font-weight:700;color:#ff0}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#0f0}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#0ff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#00f}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#f0f}.hljs-emphasis{color:#f0f;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:green}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/woodland.css b/snap-client/src/styles/base16/woodland.css
new file mode 100644
index 0000000..128ad4e
--- /dev/null
+++ b/snap-client/src/styles/base16/woodland.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Woodland
+  Author: Jay Cornwall (https://jcornwall.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme woodland
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #231e18  Default Background
+base01  #302b25  Lighter Background (Used for status bars, line number and folding marks)
+base02  #48413a  Selection Background
+base03  #9d8b70  Comments, Invisibles, Line Highlighting
+base04  #b4a490  Dark Foreground (Used for status bars)
+base05  #cabcb1  Default Foreground, Caret, Delimiters, Operators
+base06  #d7c8bc  Light Foreground (Not often used)
+base07  #e4d4c8  Light Background (Not often used)
+base08  #d35c5c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ca7f32  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #e0ac16  Classes, Markup Bold, Search Text Background
+base0B  #b7ba53  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #6eb958  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #88a4d3  Functions, Methods, Attribute IDs, Headings
+base0E  #bb90e2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b49368  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cabcb1;
+  background: #231e18
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #48413a;
+  color: #cabcb1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #9d8b70 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #9d8b70
+}
+/* base04 - #b4a490 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b4a490
+}
+/* base05 - #cabcb1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cabcb1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d35c5c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ca7f32
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #e0ac16
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #e0ac16
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #b7ba53
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #6eb958
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #88a4d3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #bb90e2
+}
+.hljs-emphasis {
+  color: #bb90e2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b49368
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/woodland.min.css b/snap-client/src/styles/base16/woodland.min.css
new file mode 100644
index 0000000..a83a68b
--- /dev/null
+++ b/snap-client/src/styles/base16/woodland.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Woodland
+  Author: Jay Cornwall (https://jcornwall.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#cabcb1;background:#231e18}.hljs ::selection,.hljs::selection{background-color:#48413a;color:#cabcb1}.hljs-comment{color:#9d8b70}.hljs-tag{color:#b4a490}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#cabcb1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d35c5c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ca7f32}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e0ac16}.hljs-strong{font-weight:700;color:#e0ac16}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#b7ba53}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#6eb958}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#88a4d3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#bb90e2}.hljs-emphasis{color:#bb90e2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b49368}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/xcode-dusk.css b/snap-client/src/styles/base16/xcode-dusk.css
new file mode 100644
index 0000000..e765a98
--- /dev/null
+++ b/snap-client/src/styles/base16/xcode-dusk.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: XCode Dusk
+  Author: Elsa Gonsiorowski (https://github.com/gonsie)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme xcode-dusk
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #282B35  Default Background
+base01  #3D4048  Lighter Background (Used for status bars, line number and folding marks)
+base02  #53555D  Selection Background
+base03  #686A71  Comments, Invisibles, Line Highlighting
+base04  #7E8086  Dark Foreground (Used for status bars)
+base05  #939599  Default Foreground, Caret, Delimiters, Operators
+base06  #A9AAAE  Light Foreground (Not often used)
+base07  #BEBFC2  Light Background (Not often used)
+base08  #B21889  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #786DC5  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #438288  Classes, Markup Bold, Search Text Background
+base0B  #DF0002  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00A0BE  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #790EAD  Functions, Methods, Attribute IDs, Headings
+base0E  #B21889  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #C77C48  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #939599;
+  background: #282B35
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #53555D;
+  color: #939599
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #686A71 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #686A71
+}
+/* base04 - #7E8086 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7E8086
+}
+/* base05 - #939599 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #939599
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #B21889
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #786DC5
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #438288
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #438288
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #DF0002
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00A0BE
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #790EAD
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #B21889
+}
+.hljs-emphasis {
+  color: #B21889;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #C77C48
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/xcode-dusk.min.css b/snap-client/src/styles/base16/xcode-dusk.min.css
new file mode 100644
index 0000000..7cf105a
--- /dev/null
+++ b/snap-client/src/styles/base16/xcode-dusk.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: XCode Dusk
+  Author: Elsa Gonsiorowski (https://github.com/gonsie)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#939599;background:#282b35}.hljs ::selection,.hljs::selection{background-color:#53555d;color:#939599}.hljs-comment{color:#686a71}.hljs-tag{color:#7e8086}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#939599}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b21889}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#786dc5}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#438288}.hljs-strong{font-weight:700;color:#438288}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#df0002}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#00a0be}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#790ead}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b21889}.hljs-emphasis{color:#b21889;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c77c48}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/zenburn.css b/snap-client/src/styles/base16/zenburn.css
new file mode 100644
index 0000000..cc69301
--- /dev/null
+++ b/snap-client/src/styles/base16/zenburn.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Zenburn
+  Author: elnawe
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme zenburn
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #383838  Default Background
+base01  #404040  Lighter Background (Used for status bars, line number and folding marks)
+base02  #606060  Selection Background
+base03  #6f6f6f  Comments, Invisibles, Line Highlighting
+base04  #808080  Dark Foreground (Used for status bars)
+base05  #dcdccc  Default Foreground, Caret, Delimiters, Operators
+base06  #c0c0c0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #dca3a3  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #dfaf8f  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #e0cf9f  Classes, Markup Bold, Search Text Background
+base0B  #5f7f5f  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #93e0e3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7cb8bb  Functions, Methods, Attribute IDs, Headings
+base0E  #dc8cc3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #000000  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #dcdccc;
+  background: #383838
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #606060;
+  color: #dcdccc
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6f6f6f -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6f6f6f
+}
+/* base04 - #808080 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #808080
+}
+/* base05 - #dcdccc -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #dcdccc
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #dca3a3
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #dfaf8f
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #e0cf9f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #e0cf9f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #5f7f5f
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #93e0e3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7cb8bb
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #dc8cc3
+}
+.hljs-emphasis {
+  color: #dc8cc3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #000000
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/base16/zenburn.min.css b/snap-client/src/styles/base16/zenburn.min.css
new file mode 100644
index 0000000..a075f5f
--- /dev/null
+++ b/snap-client/src/styles/base16/zenburn.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Zenburn
+  Author: elnawe
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#dcdccc;background:#383838}.hljs ::selection,.hljs::selection{background-color:#606060;color:#dcdccc}.hljs-comment{color:#6f6f6f}.hljs-tag{color:grey}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#dcdccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#dca3a3}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#dfaf8f}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e0cf9f}.hljs-strong{font-weight:700;color:#e0cf9f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#5f7f5f}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#93e0e3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7cb8bb}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#dc8cc3}.hljs-emphasis{color:#dc8cc3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#000}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/brown-paper.css b/snap-client/src/styles/brown-paper.css
new file mode 100644
index 0000000..e6f245f
--- /dev/null
+++ b/snap-client/src/styles/brown-paper.css
@@ -0,0 +1,63 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Brown Paper style from goldblog.com.ua (c) Zaripov Yura <yur4ik7@ukr.net>
+
+*/
+.hljs {
+  color: #363c69;
+  background: #b7a68e url(./brown-papersq.png)
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal {
+  color: #005599;
+  font-weight: bold
+}
+.hljs-subst {
+  /* default */
+  
+}
+.hljs-string,
+.hljs-title,
+.hljs-section,
+.hljs-type,
+.hljs-attribute,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-built_in,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-link,
+.hljs-name {
+  color: #2c009f
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-meta,
+.hljs-deletion {
+  color: #802022
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-doctag,
+.hljs-title,
+.hljs-section,
+.hljs-type,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/brown-paper.min.css b/snap-client/src/styles/brown-paper.min.css
new file mode 100644
index 0000000..6231e8a
--- /dev/null
+++ b/snap-client/src/styles/brown-paper.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#363c69;background:url(./brown-papersq.png) #b7a68e}.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:#059}.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-link,.hljs-name,.hljs-section,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#2c009f}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:#802022}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-strong,.hljs-title,.hljs-type{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/snap-client/src/styles/brown-papersq.png b/snap-client/src/styles/brown-papersq.png
new file mode 100644
index 0000000..3813903
Binary files /dev/null and b/snap-client/src/styles/brown-papersq.png differ
diff --git a/snap-client/src/styles/codepen-embed.css b/snap-client/src/styles/codepen-embed.css
new file mode 100644
index 0000000..01e2fd5
--- /dev/null
+++ b/snap-client/src/styles/codepen-embed.css
@@ -0,0 +1,57 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+  codepen.io Embed Theme
+  Author: Justin Perry <http://github.com/ourmaninamsterdam>
+  Original theme - https://github.com/chriskempson/tomorrow-theme
+*/
+.hljs {
+  background: #222;
+  color: #fff
+}
+.hljs-comment,
+.hljs-quote {
+  color: #777
+}
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-regexp,
+.hljs-meta,
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-params,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-deletion {
+  color: #ab875d
+}
+.hljs-section,
+.hljs-title,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-type,
+.hljs-attribute {
+  color: #9b869b
+}
+.hljs-string,
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-addition {
+  color: #8f9c6c
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/codepen-embed.min.css b/snap-client/src/styles/codepen-embed.min.css
new file mode 100644
index 0000000..0d7dff6
--- /dev/null
+++ b/snap-client/src/styles/codepen-embed.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#222;color:#fff}.hljs-comment,.hljs-quote{color:#777}.hljs-built_in,.hljs-bullet,.hljs-deletion,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-regexp,.hljs-symbol,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ab875d}.hljs-attribute,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-title,.hljs-type{color:#9b869b}.hljs-addition,.hljs-keyword,.hljs-selector-tag,.hljs-string{color:#8f9c6c}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/color-brewer.css b/snap-client/src/styles/color-brewer.css
new file mode 100644
index 0000000..c0db73c
--- /dev/null
+++ b/snap-client/src/styles/color-brewer.css
@@ -0,0 +1,66 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Colorbrewer theme
+Original: https://github.com/mbostock/colorbrewer-theme (c) Mike Bostock <mike@ocks.org>
+Ported by Fabrício Tavares de Oliveira
+
+*/
+.hljs {
+  color: #000;
+  background: #fff
+}
+.hljs-subst {
+  /* default */
+  
+}
+.hljs-string,
+.hljs-meta,
+.hljs-symbol,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-addition {
+  color: #756bb1
+}
+.hljs-comment,
+.hljs-quote {
+  color: #636363
+}
+.hljs-number,
+.hljs-regexp,
+.hljs-literal,
+.hljs-bullet,
+.hljs-link {
+  color: #31a354
+}
+.hljs-deletion,
+.hljs-variable {
+  color: #88f
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-title,
+.hljs-section,
+.hljs-built_in,
+.hljs-doctag,
+.hljs-type,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-strong {
+  color: #3182bd
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-attribute {
+  color: #e6550d
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/color-brewer.min.css b/snap-client/src/styles/color-brewer.min.css
new file mode 100644
index 0000000..1c677e3
--- /dev/null
+++ b/snap-client/src/styles/color-brewer.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#000;background:#fff}.hljs-addition,.hljs-meta,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable{color:#756bb1}.hljs-comment,.hljs-quote{color:#636363}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-regexp{color:#31a354}.hljs-deletion,.hljs-variable{color:#88f}.hljs-built_in,.hljs-doctag,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-strong,.hljs-tag,.hljs-title,.hljs-type{color:#3182bd}.hljs-emphasis{font-style:italic}.hljs-attribute{color:#e6550d}
\ No newline at end of file
diff --git a/snap-client/src/styles/dark.css b/snap-client/src/styles/dark.css
new file mode 100644
index 0000000..bdeceb2
--- /dev/null
+++ b/snap-client/src/styles/dark.css
@@ -0,0 +1,62 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Dark style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
+
+*/
+.hljs {
+  color: #ddd;
+  background: #303030
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-section,
+.hljs-link {
+  color: white
+}
+.hljs-subst {
+  /* default */
+  
+}
+.hljs-string,
+.hljs-title,
+.hljs-name,
+.hljs-type,
+.hljs-attribute,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-built_in,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable {
+  color: #d88
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-deletion,
+.hljs-meta {
+  color: #979797
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-title,
+.hljs-section,
+.hljs-doctag,
+.hljs-type,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/dark.min.css b/snap-client/src/styles/dark.min.css
new file mode 100644
index 0000000..9ed546b
--- /dev/null
+++ b/snap-client/src/styles/dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ddd;background:#303030}.hljs-keyword,.hljs-link,.hljs-literal,.hljs-section,.hljs-selector-tag{color:#fff}.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-name,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#d88}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:#979797}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-strong,.hljs-title,.hljs-type{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/snap-client/src/styles/default.css b/snap-client/src/styles/default.css
new file mode 100644
index 0000000..6c4d2b3
--- /dev/null
+++ b/snap-client/src/styles/default.css
@@ -0,0 +1,117 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Default
+  Description: Original highlight.js style
+  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+  Maintainer: @highlightjs/core-team
+  Website: https://highlightjs.org/
+  License: see project LICENSE
+  Touched: 2021
+*/
+/*
+This is left on purpose making default.css the single file that can be lifted
+as-is from the repository directly without the need for a build step
+
+Typically this "required" baseline CSS is added by `makestuff.js` during build.
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/* end baseline CSS */
+.hljs {
+  background: #F3F3F3;
+  color: #444
+}
+/* Base color: saturation 0; */
+.hljs-subst {
+  /* default */
+  
+}
+/* purposely ignored */
+.hljs-formula,
+.hljs-attr,
+.hljs-property,
+.hljs-params {
+  
+}
+.hljs-comment {
+  color: #697070
+}
+.hljs-tag,
+.hljs-punctuation {
+  color: #444a
+}
+.hljs-tag .hljs-name,
+.hljs-tag .hljs-attr {
+  color: #444
+}
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-name {
+  font-weight: bold
+}
+/* User color: hue: 0 */
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #880000
+}
+.hljs-title,
+.hljs-section {
+  color: #880000;
+  font-weight: bold
+}
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-operator,
+.hljs-selector-pseudo {
+  color: #ab5656
+}
+/* Language color: hue: 90; */
+.hljs-literal {
+  color: #695
+}
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #397300
+}
+/* Meta color: hue: 200 */
+.hljs-meta {
+  color: #1f7199
+}
+.hljs-meta .hljs-string {
+  color: #38a
+}
+/* Misc effects */
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/default.min.css b/snap-client/src/styles/default.min.css
new file mode 100644
index 0000000..a75ea91
--- /dev/null
+++ b/snap-client/src/styles/default.min.css
@@ -0,0 +1,9 @@
+/*!
+  Theme: Default
+  Description: Original highlight.js style
+  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+  Maintainer: @highlightjs/core-team
+  Website: https://highlightjs.org/
+  License: see project LICENSE
+  Touched: 2021
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/devibeans.css b/snap-client/src/styles/devibeans.css
new file mode 100644
index 0000000..a35e363
--- /dev/null
+++ b/snap-client/src/styles/devibeans.css
@@ -0,0 +1,90 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+    Theme: devibeans (dark)
+    Author: @terminaldweller
+    Maintainer: @terminaldweller
+
+    Inspired by vim's jellybeans theme (https://github.com/nanotech/jellybeans.vim)
+*/
+.hljs {
+  background: #000000;
+  color: #a39e9b
+}
+.hljs-attr,
+.hljs-template-tag {
+  color: #8787d7
+}
+.hljs-comment,
+.hljs-doctag,
+.hljs-quote {
+  color: #339966
+}
+.hljs-params {
+  color: #a39e9b
+}
+.hljs-regexp {
+  color: #d700ff
+}
+.hljs-tag,
+.hljs-selector-id,
+.hljs-number,
+.hljs-literal {
+  color: #ef5350
+}
+.hljs-meta,
+.hljs-meta .hljs-keyword {
+  color: #0087ff
+}
+/* opt-out */
+.hljs-operator,
+.hljs-punctuation {
+  
+}
+.hljs-selector-class,
+.hljs-code,
+.hljs-formula,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-link,
+.hljs-keyword {
+  color: #64b5f6
+}
+.hljs-built_in,
+.hljs-title,
+.hljs-deletion {
+  color: #ff8700
+}
+.hljs-type,
+.hljs-section,
+.hljs-function,
+.hljs-name,
+.hljs-property,
+.hljs-attribute {
+  color: #ffd75f
+}
+.hljs-meta .hljs-string,
+.hljs-string,
+.hljs-subst,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #558b2f
+}
+.hljs-selector-tag {
+  color: #9966ff
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/devibeans.min.css b/snap-client/src/styles/devibeans.min.css
new file mode 100644
index 0000000..d8c4c0f
--- /dev/null
+++ b/snap-client/src/styles/devibeans.min.css
@@ -0,0 +1,7 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+    Theme: devibeans (dark)
+    Author: @terminaldweller
+    Maintainer: @terminaldweller
+
+    Inspired by vim's jellybeans theme (https://github.com/nanotech/jellybeans.vim)
+*/.hljs{background:#000;color:#a39e9b}.hljs-attr,.hljs-template-tag{color:#8787d7}.hljs-comment,.hljs-doctag,.hljs-quote{color:#396}.hljs-params{color:#a39e9b}.hljs-regexp{color:#d700ff}.hljs-literal,.hljs-number,.hljs-selector-id,.hljs-tag{color:#ef5350}.hljs-meta,.hljs-meta .hljs-keyword{color:#0087ff}.hljs-code,.hljs-formula,.hljs-keyword,.hljs-link,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-variable{color:#64b5f6}.hljs-built_in,.hljs-deletion,.hljs-title{color:#ff8700}.hljs-attribute,.hljs-function,.hljs-name,.hljs-property,.hljs-section,.hljs-type{color:#ffd75f}.hljs-addition,.hljs-bullet,.hljs-meta .hljs-string,.hljs-string,.hljs-subst,.hljs-symbol{color:#558b2f}.hljs-selector-tag{color:#96f}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/docco.css b/snap-client/src/styles/docco.css
new file mode 100644
index 0000000..1be51b4
--- /dev/null
+++ b/snap-client/src/styles/docco.css
@@ -0,0 +1,83 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Docco style used in http://jashkenas.github.com/docco/ converted by Simon Madine (@thingsinjars)
+*/
+.hljs {
+  color: #000;
+  background: #f8f8ff
+}
+.hljs-comment,
+.hljs-quote {
+  color: #408080;
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-subst {
+  color: #954121
+}
+.hljs-number {
+  color: #40a070
+}
+.hljs-string,
+.hljs-doctag {
+  color: #219161
+}
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-section,
+.hljs-type {
+  color: #19469d
+}
+.hljs-params {
+  color: #00f
+}
+.hljs-title {
+  color: #458;
+  font-weight: bold
+}
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+  color: #000080;
+  font-weight: normal
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #008080
+}
+.hljs-regexp,
+.hljs-link {
+  color: #b68
+}
+.hljs-symbol,
+.hljs-bullet {
+  color: #990073
+}
+.hljs-built_in {
+  color: #0086b3
+}
+.hljs-meta {
+  color: #999;
+  font-weight: bold
+}
+.hljs-deletion {
+  background: #fdd
+}
+.hljs-addition {
+  background: #dfd
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/docco.min.css b/snap-client/src/styles/docco.min.css
new file mode 100644
index 0000000..382ecbb
--- /dev/null
+++ b/snap-client/src/styles/docco.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#000;background:#f8f8ff}.hljs-comment,.hljs-quote{color:#408080;font-style:italic}.hljs-keyword,.hljs-literal,.hljs-selector-tag,.hljs-subst{color:#954121}.hljs-number{color:#40a070}.hljs-doctag,.hljs-string{color:#219161}.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-type{color:#19469d}.hljs-params{color:#00f}.hljs-title{color:#458;font-weight:700}.hljs-attribute,.hljs-name,.hljs-tag{color:navy;font-weight:400}.hljs-template-variable,.hljs-variable{color:teal}.hljs-link,.hljs-regexp{color:#b68}.hljs-bullet,.hljs-symbol{color:#990073}.hljs-built_in{color:#0086b3}.hljs-meta{color:#999;font-weight:700}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/far.css b/snap-client/src/styles/far.css
new file mode 100644
index 0000000..ecf7cf5
--- /dev/null
+++ b/snap-client/src/styles/far.css
@@ -0,0 +1,67 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+FAR Style (c) MajestiC <majestic2k@gmail.com>
+
+*/
+.hljs {
+  color: #0ff;
+  background: #000080
+}
+.hljs-subst {
+  /* default */
+  
+}
+.hljs-string,
+.hljs-attribute,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-built_in,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-addition {
+  color: #ff0
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-section,
+.hljs-type,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-variable {
+  color: #fff
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-doctag,
+.hljs-deletion {
+  color: #888
+}
+.hljs-number,
+.hljs-regexp,
+.hljs-literal,
+.hljs-link {
+  color: #0f0
+}
+.hljs-meta {
+  color: #008080
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-title,
+.hljs-section,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/far.min.css b/snap-client/src/styles/far.min.css
new file mode 100644
index 0000000..c338ef6
--- /dev/null
+++ b/snap-client/src/styles/far.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#0ff;background:navy}.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable{color:#ff0}.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-type,.hljs-variable{color:#fff}.hljs-comment,.hljs-deletion,.hljs-doctag,.hljs-quote{color:#888}.hljs-link,.hljs-literal,.hljs-number,.hljs-regexp{color:#0f0}.hljs-meta{color:teal}.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-strong,.hljs-title{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/snap-client/src/styles/felipec.css b/snap-client/src/styles/felipec.css
new file mode 100644
index 0000000..282dfd6
--- /dev/null
+++ b/snap-client/src/styles/felipec.css
@@ -0,0 +1,94 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+ * Theme: FelipeC
+ * Author: (c) 2021 Felipe Contreras <felipe.contreras@gmail.com>
+ * Website: https://github.com/felipec/vim-felipec
+ *
+ * Autogenerated with vim-felipec's generator.
+*/
+.hljs {
+  color: #dddde1;
+  background: #1e1e22
+}
+.hljs::selection,
+.hljs ::selection {
+  color: #1e1e22;
+  background: #bf8fef
+}
+.hljs-comment,
+.hljs-code,
+.hljs-quote {
+  color: #888896
+}
+.hljs-number,
+.hljs-literal,
+.hljs-deletion {
+  color: #ef8f8f
+}
+.hljs-punctuation,
+.hljs-meta,
+.hljs-operator,
+.hljs-subst,
+.hljs-doctag,
+.hljs-template-variable,
+.hljs-selector-attr {
+  color: #efbf8f
+}
+.hljs-type {
+  color: #efef8f
+}
+.hljs-tag,
+.hljs-title,
+.hljs-selector-class,
+.hljs-selector-id {
+  color: #bfef8f
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-addition {
+  color: #8fef8f
+}
+.hljs-class,
+.hljs-property {
+  color: #8fefbf
+}
+.hljs-name,
+.hljs-selector-tag {
+  color: #8fefef
+}
+.hljs-keyword,
+.hljs-built_in {
+  color: #8fbfef
+}
+.hljs-section,
+.hljs-bullet {
+  color: #8f8fef
+}
+.hljs-selector-pseudo {
+  color: #bf8fef
+}
+.hljs-variable,
+.hljs-params,
+.hljs-attr,
+.hljs-attribute {
+  color: #ef8fef
+}
+.hljs-symbol,
+.hljs-link {
+  color: #ef8fbf
+}
+.hljs-strong,
+.hljs-literal,
+.hljs-title {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/felipec.min.css b/snap-client/src/styles/felipec.min.css
new file mode 100644
index 0000000..3a21319
--- /dev/null
+++ b/snap-client/src/styles/felipec.min.css
@@ -0,0 +1,7 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+ * Theme: FelipeC
+ * Author: (c) 2021 Felipe Contreras <felipe.contreras@gmail.com>
+ * Website: https://github.com/felipec/vim-felipec
+ *
+ * Autogenerated with vim-felipec's generator.
+*/.hljs{color:#dddde1;background:#1e1e22}.hljs ::selection,.hljs::selection{color:#1e1e22;background:#bf8fef}.hljs-code,.hljs-comment,.hljs-quote{color:#888896}.hljs-deletion,.hljs-literal,.hljs-number{color:#ef8f8f}.hljs-doctag,.hljs-meta,.hljs-operator,.hljs-punctuation,.hljs-selector-attr,.hljs-subst,.hljs-template-variable{color:#efbf8f}.hljs-type{color:#efef8f}.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-title{color:#bfef8f}.hljs-addition,.hljs-regexp,.hljs-string{color:#8fef8f}.hljs-class,.hljs-property{color:#8fefbf}.hljs-name,.hljs-selector-tag{color:#8fefef}.hljs-built_in,.hljs-keyword{color:#8fbfef}.hljs-bullet,.hljs-section{color:#8f8fef}.hljs-selector-pseudo{color:#bf8fef}.hljs-attr,.hljs-attribute,.hljs-params,.hljs-variable{color:#ef8fef}.hljs-link,.hljs-symbol{color:#ef8fbf}.hljs-literal,.hljs-strong,.hljs-title{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/snap-client/src/styles/foundation.css b/snap-client/src/styles/foundation.css
new file mode 100644
index 0000000..87641c7
--- /dev/null
+++ b/snap-client/src/styles/foundation.css
@@ -0,0 +1,80 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Description: Foundation 4 docs style for highlight.js
+Author: Dan Allen <dan.j.allen@gmail.com>
+Website: http://foundation.zurb.com/docs/
+Version: 1.0
+Date: 2013-04-02
+*/
+.hljs {
+  background: #eee;
+  color: black
+}
+.hljs-link,
+.hljs-emphasis,
+.hljs-attribute,
+.hljs-addition {
+  color: #070
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong,
+.hljs-string,
+.hljs-deletion {
+  color: #d14
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-quote,
+.hljs-comment {
+  color: #998;
+  font-style: italic
+}
+.hljs-section,
+.hljs-title {
+  color: #900
+}
+.hljs-class .hljs-title,
+.hljs-title.class_,
+.hljs-type {
+  color: #458
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #336699
+}
+.hljs-bullet {
+  color: #997700
+}
+.hljs-meta {
+  color: #3344bb
+}
+.hljs-code,
+.hljs-number,
+.hljs-literal,
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #099
+}
+.hljs-regexp {
+  background-color: #fff0ff;
+  color: #880088
+}
+.hljs-symbol {
+  color: #990073
+}
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #007700
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/foundation.min.css b/snap-client/src/styles/foundation.min.css
new file mode 100644
index 0000000..1ddcfa6
--- /dev/null
+++ b/snap-client/src/styles/foundation.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#eee;color:#000}.hljs-addition,.hljs-attribute,.hljs-emphasis,.hljs-link{color:#070}.hljs-emphasis{font-style:italic}.hljs-deletion,.hljs-string,.hljs-strong{color:#d14}.hljs-strong{font-weight:700}.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-section,.hljs-title{color:#900}.hljs-class .hljs-title,.hljs-title.class_,.hljs-type{color:#458}.hljs-template-variable,.hljs-variable{color:#369}.hljs-bullet{color:#970}.hljs-meta{color:#34b}.hljs-code,.hljs-keyword,.hljs-literal,.hljs-number,.hljs-selector-tag{color:#099}.hljs-regexp{background-color:#fff0ff;color:#808}.hljs-symbol{color:#990073}.hljs-name,.hljs-selector-class,.hljs-selector-id,.hljs-tag{color:#070}
\ No newline at end of file
diff --git a/snap-client/src/styles/github-dark-dimmed.css b/snap-client/src/styles/github-dark-dimmed.css
new file mode 100644
index 0000000..f3855ca
--- /dev/null
+++ b/snap-client/src/styles/github-dark-dimmed.css
@@ -0,0 +1,117 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: GitHub Dark Dimmed
+  Description: Dark dimmed theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Colors taken from GitHub's CSS
+*/
+.hljs {
+  color: #adbac7;
+  background: #22272e
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-type,
+.hljs-variable.language_ {
+  /* prettylights-syntax-keyword */
+  color: #f47067
+}
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-title.function_ {
+  /* prettylights-syntax-entity */
+  color: #dcbdfb
+}
+.hljs-attr,
+.hljs-attribute,
+.hljs-literal,
+.hljs-meta,
+.hljs-number,
+.hljs-operator,
+.hljs-variable,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-id {
+  /* prettylights-syntax-constant */
+  color: #6cb6ff
+}
+.hljs-regexp,
+.hljs-string,
+.hljs-meta .hljs-string {
+  /* prettylights-syntax-string */
+  color: #96d0ff
+}
+.hljs-built_in,
+.hljs-symbol {
+  /* prettylights-syntax-variable */
+  color: #f69d50
+}
+.hljs-comment,
+.hljs-code,
+.hljs-formula {
+  /* prettylights-syntax-comment */
+  color: #768390
+}
+.hljs-name,
+.hljs-quote,
+.hljs-selector-tag,
+.hljs-selector-pseudo {
+  /* prettylights-syntax-entity-tag */
+  color: #8ddb8c
+}
+.hljs-subst {
+  /* prettylights-syntax-storage-modifier-import */
+  color: #adbac7
+}
+.hljs-section {
+  /* prettylights-syntax-markup-heading */
+  color: #316dca;
+  font-weight: bold
+}
+.hljs-bullet {
+  /* prettylights-syntax-markup-list */
+  color: #eac55f
+}
+.hljs-emphasis {
+  /* prettylights-syntax-markup-italic */
+  color: #adbac7;
+  font-style: italic
+}
+.hljs-strong {
+  /* prettylights-syntax-markup-bold */
+  color: #adbac7;
+  font-weight: bold
+}
+.hljs-addition {
+  /* prettylights-syntax-markup-inserted */
+  color: #b4f1b4;
+  background-color: #1b4721
+}
+.hljs-deletion {
+  /* prettylights-syntax-markup-deleted */
+  color: #ffd8d3;
+  background-color: #78191b
+}
+.hljs-char.escape_,
+.hljs-link,
+.hljs-params,
+.hljs-property,
+.hljs-punctuation,
+.hljs-tag {
+  /* purposely ignored */
+  
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/github-dark-dimmed.min.css b/snap-client/src/styles/github-dark-dimmed.min.css
new file mode 100644
index 0000000..e266dfc
--- /dev/null
+++ b/snap-client/src/styles/github-dark-dimmed.min.css
@@ -0,0 +1,9 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: GitHub Dark Dimmed
+  Description: Dark dimmed theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Colors taken from GitHub's CSS
+*/.hljs{color:#adbac7;background:#22272e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#f47067}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#dcbdfb}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#6cb6ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#96d0ff}.hljs-built_in,.hljs-symbol{color:#f69d50}.hljs-code,.hljs-comment,.hljs-formula{color:#768390}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#8ddb8c}.hljs-subst{color:#adbac7}.hljs-section{color:#316dca;font-weight:700}.hljs-bullet{color:#eac55f}.hljs-emphasis{color:#adbac7;font-style:italic}.hljs-strong{color:#adbac7;font-weight:700}.hljs-addition{color:#b4f1b4;background-color:#1b4721}.hljs-deletion{color:#ffd8d3;background-color:#78191b}
\ No newline at end of file
diff --git a/snap-client/src/styles/github-dark.css b/snap-client/src/styles/github-dark.css
new file mode 100644
index 0000000..8826d2f
--- /dev/null
+++ b/snap-client/src/styles/github-dark.css
@@ -0,0 +1,118 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: GitHub Dark
+  Description: Dark theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-dark
+  Current colors taken from GitHub's CSS
+*/
+.hljs {
+  color: #c9d1d9;
+  background: #0d1117
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-type,
+.hljs-variable.language_ {
+  /* prettylights-syntax-keyword */
+  color: #ff7b72
+}
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-title.function_ {
+  /* prettylights-syntax-entity */
+  color: #d2a8ff
+}
+.hljs-attr,
+.hljs-attribute,
+.hljs-literal,
+.hljs-meta,
+.hljs-number,
+.hljs-operator,
+.hljs-variable,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-id {
+  /* prettylights-syntax-constant */
+  color: #79c0ff
+}
+.hljs-regexp,
+.hljs-string,
+.hljs-meta .hljs-string {
+  /* prettylights-syntax-string */
+  color: #a5d6ff
+}
+.hljs-built_in,
+.hljs-symbol {
+  /* prettylights-syntax-variable */
+  color: #ffa657
+}
+.hljs-comment,
+.hljs-code,
+.hljs-formula {
+  /* prettylights-syntax-comment */
+  color: #8b949e
+}
+.hljs-name,
+.hljs-quote,
+.hljs-selector-tag,
+.hljs-selector-pseudo {
+  /* prettylights-syntax-entity-tag */
+  color: #7ee787
+}
+.hljs-subst {
+  /* prettylights-syntax-storage-modifier-import */
+  color: #c9d1d9
+}
+.hljs-section {
+  /* prettylights-syntax-markup-heading */
+  color: #1f6feb;
+  font-weight: bold
+}
+.hljs-bullet {
+  /* prettylights-syntax-markup-list */
+  color: #f2cc60
+}
+.hljs-emphasis {
+  /* prettylights-syntax-markup-italic */
+  color: #c9d1d9;
+  font-style: italic
+}
+.hljs-strong {
+  /* prettylights-syntax-markup-bold */
+  color: #c9d1d9;
+  font-weight: bold
+}
+.hljs-addition {
+  /* prettylights-syntax-markup-inserted */
+  color: #aff5b4;
+  background-color: #033a16
+}
+.hljs-deletion {
+  /* prettylights-syntax-markup-deleted */
+  color: #ffdcd7;
+  background-color: #67060c
+}
+.hljs-char.escape_,
+.hljs-link,
+.hljs-params,
+.hljs-property,
+.hljs-punctuation,
+.hljs-tag {
+  /* purposely ignored */
+  
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/github-dark.min.css b/snap-client/src/styles/github-dark.min.css
new file mode 100644
index 0000000..03b6da8
--- /dev/null
+++ b/snap-client/src/styles/github-dark.min.css
@@ -0,0 +1,10 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: GitHub Dark
+  Description: Dark theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-dark
+  Current colors taken from GitHub's CSS
+*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}
\ No newline at end of file
diff --git a/snap-client/src/styles/github.css b/snap-client/src/styles/github.css
new file mode 100644
index 0000000..1001da6
--- /dev/null
+++ b/snap-client/src/styles/github.css
@@ -0,0 +1,118 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: GitHub
+  Description: Light theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-light
+  Current colors taken from GitHub's CSS
+*/
+.hljs {
+  color: #24292e;
+  background: #ffffff
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-type,
+.hljs-variable.language_ {
+  /* prettylights-syntax-keyword */
+  color: #d73a49
+}
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-title.function_ {
+  /* prettylights-syntax-entity */
+  color: #6f42c1
+}
+.hljs-attr,
+.hljs-attribute,
+.hljs-literal,
+.hljs-meta,
+.hljs-number,
+.hljs-operator,
+.hljs-variable,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-id {
+  /* prettylights-syntax-constant */
+  color: #005cc5
+}
+.hljs-regexp,
+.hljs-string,
+.hljs-meta .hljs-string {
+  /* prettylights-syntax-string */
+  color: #032f62
+}
+.hljs-built_in,
+.hljs-symbol {
+  /* prettylights-syntax-variable */
+  color: #e36209
+}
+.hljs-comment,
+.hljs-code,
+.hljs-formula {
+  /* prettylights-syntax-comment */
+  color: #6a737d
+}
+.hljs-name,
+.hljs-quote,
+.hljs-selector-tag,
+.hljs-selector-pseudo {
+  /* prettylights-syntax-entity-tag */
+  color: #22863a
+}
+.hljs-subst {
+  /* prettylights-syntax-storage-modifier-import */
+  color: #24292e
+}
+.hljs-section {
+  /* prettylights-syntax-markup-heading */
+  color: #005cc5;
+  font-weight: bold
+}
+.hljs-bullet {
+  /* prettylights-syntax-markup-list */
+  color: #735c0f
+}
+.hljs-emphasis {
+  /* prettylights-syntax-markup-italic */
+  color: #24292e;
+  font-style: italic
+}
+.hljs-strong {
+  /* prettylights-syntax-markup-bold */
+  color: #24292e;
+  font-weight: bold
+}
+.hljs-addition {
+  /* prettylights-syntax-markup-inserted */
+  color: #22863a;
+  background-color: #f0fff4
+}
+.hljs-deletion {
+  /* prettylights-syntax-markup-deleted */
+  color: #b31d28;
+  background-color: #ffeef0
+}
+.hljs-char.escape_,
+.hljs-link,
+.hljs-params,
+.hljs-property,
+.hljs-punctuation,
+.hljs-tag {
+  /* purposely ignored */
+  
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/github.min.css b/snap-client/src/styles/github.min.css
new file mode 100644
index 0000000..275239a
--- /dev/null
+++ b/snap-client/src/styles/github.min.css
@@ -0,0 +1,10 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: GitHub
+  Description: Light theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-light
+  Current colors taken from GitHub's CSS
+*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}
\ No newline at end of file
diff --git a/snap-client/src/styles/gml.css b/snap-client/src/styles/gml.css
new file mode 100644
index 0000000..7d6437c
--- /dev/null
+++ b/snap-client/src/styles/gml.css
@@ -0,0 +1,72 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+GML Theme - Meseta <meseta@gmail.com>
+
+*/
+.hljs {
+  background: #222222;
+  color: #C0C0C0
+}
+.hljs-keyword {
+  color: #FFB871;
+  font-weight: bold
+}
+.hljs-built_in {
+  color: #FFB871
+}
+.hljs-literal {
+  color: #FF8080
+}
+.hljs-symbol {
+  color: #58E55A
+}
+.hljs-comment {
+  color: #5B995B
+}
+.hljs-string {
+  color: #FFFF00
+}
+.hljs-number {
+  color: #FF8080
+}
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-doctag,
+.hljs-name,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition,
+.hljs-regexp,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-type,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion,
+.hljs-title,
+.hljs-section,
+.hljs-function,
+.hljs-meta .hljs-keyword,
+.hljs-meta,
+.hljs-subst {
+  color: #C0C0C0
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/gml.min.css b/snap-client/src/styles/gml.min.css
new file mode 100644
index 0000000..89455fe
--- /dev/null
+++ b/snap-client/src/styles/gml.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#222;color:silver}.hljs-keyword{color:#ffb871;font-weight:700}.hljs-built_in{color:#ffb871}.hljs-literal{color:#ff8080}.hljs-symbol{color:#58e55a}.hljs-comment{color:#5b995b}.hljs-string{color:#ff0}.hljs-number{color:#ff8080}.hljs-addition,.hljs-attribute,.hljs-bullet,.hljs-code,.hljs-deletion,.hljs-doctag,.hljs-function,.hljs-link,.hljs-meta,.hljs-meta .hljs-keyword,.hljs-name,.hljs-quote,.hljs-regexp,.hljs-section,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag,.hljs-subst,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:silver}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/googlecode.css b/snap-client/src/styles/googlecode.css
new file mode 100644
index 0000000..135aaf2
--- /dev/null
+++ b/snap-client/src/styles/googlecode.css
@@ -0,0 +1,79 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Google Code style (c) Aahan Krish <geekpanth3r@gmail.com>
+
+*/
+.hljs {
+  background: white;
+  color: black
+}
+.hljs-comment,
+.hljs-quote {
+  color: #800
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-section,
+.hljs-title,
+.hljs-name {
+  color: #008
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #660
+}
+.hljs-string,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-regexp {
+  color: #080
+}
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-meta,
+.hljs-number,
+.hljs-link {
+  color: #066
+}
+.hljs-title,
+.hljs-doctag,
+.hljs-type,
+.hljs-attr,
+.hljs-built_in,
+.hljs-params {
+  color: #606
+}
+.hljs-attribute,
+.hljs-subst {
+  color: #000
+}
+.hljs-formula {
+  background-color: #eee;
+  font-style: italic
+}
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #9B703F
+}
+.hljs-addition {
+  background-color: #baeeba
+}
+.hljs-deletion {
+  background-color: #ffc8bd
+}
+.hljs-doctag,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/googlecode.min.css b/snap-client/src/styles/googlecode.min.css
new file mode 100644
index 0000000..0140b89
--- /dev/null
+++ b/snap-client/src/styles/googlecode.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#000}.hljs-comment,.hljs-quote{color:#800}.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-title{color:#008}.hljs-template-variable,.hljs-variable{color:#660}.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-string{color:#080}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-symbol{color:#066}.hljs-attr,.hljs-built_in,.hljs-doctag,.hljs-params,.hljs-title,.hljs-type{color:#606}.hljs-attribute,.hljs-subst{color:#000}.hljs-formula{background-color:#eee;font-style:italic}.hljs-selector-class,.hljs-selector-id{color:#9b703f}.hljs-addition{background-color:#baeeba}.hljs-deletion{background-color:#ffc8bd}.hljs-doctag,.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/snap-client/src/styles/gradient-dark.css b/snap-client/src/styles/gradient-dark.css
new file mode 100644
index 0000000..d8ed020
--- /dev/null
+++ b/snap-client/src/styles/gradient-dark.css
@@ -0,0 +1,90 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Gradient Dark (c) Samia Ali <samiaab1990@gmail.com>
+
+*/
+.hljs {
+  background-color: #652487;
+  background-image: linear-gradient(160deg, #652487 0%, #443ac3 35%, #0174b7 68%, #04988e 100%);
+  color: #e7e4eb
+}
+.hljs-subtr {
+  color: #e7e4eb
+}
+.hljs-doctag,
+.hljs-meta,
+.hljs-comment,
+.hljs-quote {
+  color: #af8dd9
+}
+.hljs-selector-tag,
+.hljs-selector-id,
+.hljs-template-tag,
+.hljs-regexp,
+.hljs-attr,
+.hljs-tag {
+  color: #AEFBFF
+}
+.hljs-params,
+.hljs-selector-class,
+.hljs-bullet {
+  color: #F19FFF
+}
+.hljs-keyword,
+.hljs-section,
+.hljs-meta .hljs-keyword,
+.hljs-symbol,
+.hljs-type {
+  color: #17fc95
+}
+.hljs-addition,
+.hljs-number,
+.hljs-link {
+  color: #C5FE00
+}
+.hljs-string {
+  color: #38c0ff
+}
+.hljs-attribute,
+.hljs-addition {
+  color: #E7FF9F
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #E447FF
+}
+.hljs-built_in,
+.hljs-formula,
+.hljs-name,
+.hljs-title,
+.hljs-class,
+.hljs-function {
+  color: #FFC800
+}
+.hljs-selector-pseudo,
+.hljs-deletion,
+.hljs-literal {
+  color: #FF9E44
+}
+.hljs-emphasis,
+.hljs-quote {
+  font-style: italic
+}
+.hljs-params,
+.hljs-selector-class,
+.hljs-strong,
+.hljs-selector-tag,
+.hljs-selector-id,
+.hljs-template-tag,
+.hljs-section,
+.hljs-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/gradient-dark.min.css b/snap-client/src/styles/gradient-dark.min.css
new file mode 100644
index 0000000..4aba928
--- /dev/null
+++ b/snap-client/src/styles/gradient-dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background-color:#652487;background-image:linear-gradient(160deg,#652487 0,#443ac3 35%,#0174b7 68%,#04988e 100%);color:#e7e4eb}.hljs-subtr{color:#e7e4eb}.hljs-comment,.hljs-doctag,.hljs-meta,.hljs-quote{color:#af8dd9}.hljs-attr,.hljs-regexp,.hljs-selector-id,.hljs-selector-tag,.hljs-tag,.hljs-template-tag{color:#aefbff}.hljs-bullet,.hljs-params,.hljs-selector-class{color:#f19fff}.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-section,.hljs-symbol,.hljs-type{color:#17fc95}.hljs-addition,.hljs-link,.hljs-number{color:#c5fe00}.hljs-string{color:#38c0ff}.hljs-addition,.hljs-attribute{color:#e7ff9f}.hljs-template-variable,.hljs-variable{color:#e447ff}.hljs-built_in,.hljs-class,.hljs-formula,.hljs-function,.hljs-name,.hljs-title{color:#ffc800}.hljs-deletion,.hljs-literal,.hljs-selector-pseudo{color:#ff9e44}.hljs-emphasis,.hljs-quote{font-style:italic}.hljs-keyword,.hljs-params,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-strong,.hljs-template-tag{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/gradient-light.css b/snap-client/src/styles/gradient-light.css
new file mode 100644
index 0000000..f9b5cbf
--- /dev/null
+++ b/snap-client/src/styles/gradient-light.css
@@ -0,0 +1,90 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Gradient Light (c) Samia Ali <samiaab1990@gmail.com>
+
+*/
+.hljs {
+  background-color: #f9ccff;
+  background-image: linear-gradient(295deg, #f9ccff 0%, #e6bbf9 11%, #9ec6f9 32%, #55e6ee 60%, #91f5d1 74%, #f9ffbf 98%);
+  color: #250482
+}
+.hljs-subtr {
+  color: #01958B
+}
+.hljs-doctag,
+.hljs-meta,
+.hljs-comment,
+.hljs-quote {
+  color: #CB7200
+}
+.hljs-selector-tag,
+.hljs-selector-id,
+.hljs-template-tag,
+.hljs-regexp,
+.hljs-attr,
+.hljs-tag {
+  color: #07BD5F
+}
+.hljs-params,
+.hljs-selector-class,
+.hljs-bullet {
+  color: #43449F
+}
+.hljs-keyword,
+.hljs-section,
+.hljs-meta .hljs-keyword,
+.hljs-symbol,
+.hljs-type {
+  color: #7D2801
+}
+.hljs-addition,
+.hljs-number,
+.hljs-link {
+  color: #7F0096
+}
+.hljs-string {
+  color: #2681ab
+}
+.hljs-attribute,
+.hljs-addition {
+  color: #296562
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #025C8F
+}
+.hljs-built_in,
+.hljs-formula,
+.hljs-name,
+.hljs-title,
+.hljs-class,
+.hljs-function {
+  color: #529117
+}
+.hljs-selector-pseudo,
+.hljs-deletion,
+.hljs-literal {
+  color: #AD13FF
+}
+.hljs-emphasis,
+.hljs-quote {
+  font-style: italic
+}
+.hljs-params,
+.hljs-selector-class,
+.hljs-strong,
+.hljs-selector-tag,
+.hljs-selector-id,
+.hljs-template-tag,
+.hljs-section,
+.hljs-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/gradient-light.min.css b/snap-client/src/styles/gradient-light.min.css
new file mode 100644
index 0000000..c5db6fd
--- /dev/null
+++ b/snap-client/src/styles/gradient-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background-color:#f9ccff;background-image:linear-gradient(295deg,#f9ccff 0,#e6bbf9 11%,#9ec6f9 32%,#55e6ee 60%,#91f5d1 74%,#f9ffbf 98%);color:#250482}.hljs-subtr{color:#01958b}.hljs-comment,.hljs-doctag,.hljs-meta,.hljs-quote{color:#cb7200}.hljs-attr,.hljs-regexp,.hljs-selector-id,.hljs-selector-tag,.hljs-tag,.hljs-template-tag{color:#07bd5f}.hljs-bullet,.hljs-params,.hljs-selector-class{color:#43449f}.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-section,.hljs-symbol,.hljs-type{color:#7d2801}.hljs-addition,.hljs-link,.hljs-number{color:#7f0096}.hljs-string{color:#2681ab}.hljs-addition,.hljs-attribute{color:#296562}.hljs-template-variable,.hljs-variable{color:#025c8f}.hljs-built_in,.hljs-class,.hljs-formula,.hljs-function,.hljs-name,.hljs-title{color:#529117}.hljs-deletion,.hljs-literal,.hljs-selector-pseudo{color:#ad13ff}.hljs-emphasis,.hljs-quote{font-style:italic}.hljs-keyword,.hljs-params,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-strong,.hljs-template-tag{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/grayscale.css b/snap-client/src/styles/grayscale.css
new file mode 100644
index 0000000..9790a86
--- /dev/null
+++ b/snap-client/src/styles/grayscale.css
@@ -0,0 +1,89 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+grayscale style (c) MY Sun <simonmysun@gmail.com>
+
+*/
+.hljs {
+  color: #333;
+  background: #fff
+}
+.hljs-comment,
+.hljs-quote {
+  color: #777;
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
+  color: #333;
+  font-weight: bold
+}
+.hljs-number,
+.hljs-literal {
+  color: #777
+}
+.hljs-string,
+.hljs-doctag,
+.hljs-formula {
+  color: #333;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJ0lEQVQIW2O8e/fufwYGBgZBQUEQxcCIIfDu3Tuwivfv30NUoAsAALHpFMMLqZlPAAAAAElFTkSuQmCC) repeat
+}
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
+  color: #000;
+  font-weight: bold
+}
+.hljs-subst {
+  font-weight: normal
+}
+.hljs-title.class_,
+.hljs-class .hljs-title,
+.hljs-type,
+.hljs-name {
+  color: #333;
+  font-weight: bold
+}
+.hljs-tag {
+  color: #333
+}
+.hljs-regexp {
+  color: #333;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAN37979r6yszIgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQDexSef15DBCwAAAABJRU5ErkJggg==) repeat
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link {
+  color: #000;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAO7d+/+z4gsBhJwdXVlhAvCBECKwIIwAbhKZBUwBQA6hBpm5efZsgAAAABJRU5ErkJggg==) repeat
+}
+.hljs-built_in {
+  color: #000;
+  text-decoration: underline
+}
+.hljs-meta {
+  color: #999;
+  font-weight: bold
+}
+.hljs-deletion {
+  color: #fff;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAE0lEQVQIW2MMDQ39zzhz5kwIAQAyxweWgUHd1AAAAABJRU5ErkJggg==) repeat
+}
+.hljs-addition {
+  color: #000;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAALUlEQVQYV2N89+7dfwYk8P79ewZBQUFkIQZGOiu6e/cuiptQHAPl0NtNxAQBAM97Oejj3Dg7AAAAAElFTkSuQmCC) repeat
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/grayscale.min.css b/snap-client/src/styles/grayscale.min.css
new file mode 100644
index 0000000..5eefdaa
--- /dev/null
+++ b/snap-client/src/styles/grayscale.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#333;background:#fff}.hljs-comment,.hljs-quote{color:#777;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#333;font-weight:700}.hljs-literal,.hljs-number{color:#777}.hljs-doctag,.hljs-formula,.hljs-string{color:#333;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJ0lEQVQIW2O8e/fufwYGBgZBQUEQxcCIIfDu3Tuwivfv30NUoAsAALHpFMMLqZlPAAAAAElFTkSuQmCC)}.hljs-section,.hljs-selector-id,.hljs-title{color:#000;font-weight:700}.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-name,.hljs-title.class_,.hljs-type{color:#333;font-weight:700}.hljs-tag{color:#333}.hljs-regexp{color:#333;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAN37979r6yszIgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQDexSef15DBCwAAAABJRU5ErkJggg==)}.hljs-bullet,.hljs-link,.hljs-symbol{color:#000;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAO7d+/+z4gsBhJwdXVlhAvCBECKwIIwAbhKZBUwBQA6hBpm5efZsgAAAABJRU5ErkJggg==)}.hljs-built_in{color:#000;text-decoration:underline}.hljs-meta{color:#999;font-weight:700}.hljs-deletion{color:#fff;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAE0lEQVQIW2MMDQ39zzhz5kwIAQAyxweWgUHd1AAAAABJRU5ErkJggg==)}.hljs-addition{color:#000;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAALUlEQVQYV2N89+7dfwYk8P79ewZBQUFkIQZGOiu6e/cuiptQHAPl0NtNxAQBAM97Oejj3Dg7AAAAAElFTkSuQmCC)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/hybrid.css b/snap-client/src/styles/hybrid.css
new file mode 100644
index 0000000..237701d
--- /dev/null
+++ b/snap-client/src/styles/hybrid.css
@@ -0,0 +1,88 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+vim-hybrid theme by w0ng (https://github.com/w0ng/vim-hybrid)
+
+*/
+.hljs {
+  background: #1d1f21;
+  color: #c5c8c6
+}
+/*selection color*/
+.hljs::selection,
+.hljs span::selection {
+  background: #373b41
+}
+.hljs::-moz-selection,
+.hljs span::-moz-selection {
+  background: #373b41
+}
+/*color: fg_yellow*/
+.hljs-title,
+.hljs-name {
+  color: #f0c674
+}
+/*color: fg_comment*/
+.hljs-comment,
+.hljs-meta,
+.hljs-meta .hljs-keyword {
+  color: #707880
+}
+/*color: fg_red*/
+.hljs-number,
+.hljs-symbol,
+.hljs-literal,
+.hljs-deletion,
+.hljs-link {
+  color: #cc6666
+}
+/*color: fg_green*/
+.hljs-string,
+.hljs-doctag,
+.hljs-addition,
+.hljs-regexp,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #b5bd68
+}
+/*color: fg_purple*/
+.hljs-attribute,
+.hljs-code,
+.hljs-selector-id {
+  color: #b294bb
+}
+/*color: fg_blue*/
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-bullet,
+.hljs-tag {
+  color: #81a2be
+}
+/*color: fg_aqua*/
+.hljs-subst,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable {
+  color: #8abeb7
+}
+/*color: fg_orange*/
+.hljs-type,
+.hljs-built_in,
+.hljs-quote,
+.hljs-section,
+.hljs-selector-class {
+  color: #de935f
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/hybrid.min.css b/snap-client/src/styles/hybrid.min.css
new file mode 100644
index 0000000..52489b6
--- /dev/null
+++ b/snap-client/src/styles/hybrid.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#1d1f21;color:#c5c8c6}.hljs span::selection,.hljs::selection{background:#373b41}.hljs span::-moz-selection,.hljs::-moz-selection{background:#373b41}.hljs-name,.hljs-title{color:#f0c674}.hljs-comment,.hljs-meta,.hljs-meta .hljs-keyword{color:#707880}.hljs-deletion,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol{color:#c66}.hljs-addition,.hljs-doctag,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-string{color:#b5bd68}.hljs-attribute,.hljs-code,.hljs-selector-id{color:#b294bb}.hljs-bullet,.hljs-keyword,.hljs-selector-tag,.hljs-tag{color:#81a2be}.hljs-subst,.hljs-template-tag,.hljs-template-variable,.hljs-variable{color:#8abeb7}.hljs-built_in,.hljs-quote,.hljs-section,.hljs-selector-class,.hljs-type{color:#de935f}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/idea.css b/snap-client/src/styles/idea.css
new file mode 100644
index 0000000..03307df
--- /dev/null
+++ b/snap-client/src/styles/idea.css
@@ -0,0 +1,86 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Intellij Idea-like styling (c) Vasily Polovnyov <vast@whiteants.net>
+
+*/
+.hljs {
+  color: #000;
+  background: #fff
+}
+.hljs-subst,
+.hljs-title {
+  font-weight: normal;
+  color: #000
+}
+.hljs-comment,
+.hljs-quote {
+  color: #808080;
+  font-style: italic
+}
+.hljs-meta {
+  color: #808000
+}
+.hljs-tag {
+  background: #efefef
+}
+.hljs-section,
+.hljs-name,
+.hljs-literal,
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type,
+.hljs-selector-id,
+.hljs-selector-class {
+  font-weight: bold;
+  color: #000080
+}
+.hljs-attribute,
+.hljs-number,
+.hljs-regexp,
+.hljs-link {
+  font-weight: bold;
+  color: #0000ff
+}
+.hljs-number,
+.hljs-regexp,
+.hljs-link {
+  font-weight: normal
+}
+.hljs-string {
+  color: #008000;
+  font-weight: bold
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-formula {
+  color: #000;
+  background: #d0eded;
+  font-style: italic
+}
+.hljs-doctag {
+  text-decoration: underline
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #660e7a
+}
+.hljs-addition {
+  background: #baeeba
+}
+.hljs-deletion {
+  background: #ffc8bd
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/idea.min.css b/snap-client/src/styles/idea.min.css
new file mode 100644
index 0000000..7cc62ff
--- /dev/null
+++ b/snap-client/src/styles/idea.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#000;background:#fff}.hljs-subst,.hljs-title{font-weight:400;color:#000}.hljs-comment,.hljs-quote{color:grey;font-style:italic}.hljs-meta{color:olive}.hljs-tag{background:#efefef}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-type{font-weight:700;color:navy}.hljs-attribute,.hljs-link,.hljs-number,.hljs-regexp{font-weight:700;color:#00f}.hljs-link,.hljs-number,.hljs-regexp{font-weight:400}.hljs-string{color:green;font-weight:700}.hljs-bullet,.hljs-formula,.hljs-symbol{color:#000;background:#d0eded;font-style:italic}.hljs-doctag{text-decoration:underline}.hljs-template-variable,.hljs-variable{color:#660e7a}.hljs-addition{background:#baeeba}.hljs-deletion{background:#ffc8bd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/intellij-light.css b/snap-client/src/styles/intellij-light.css
new file mode 100644
index 0000000..9140f80
--- /dev/null
+++ b/snap-client/src/styles/intellij-light.css
@@ -0,0 +1,107 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Intellij-light style (c) Pegasis <me@pegasis.site>
+
+*/
+.hljs {
+  color: #000;
+  background: #fff
+}
+.hljs-subst,
+.hljs-title {
+  font-weight: normal;
+  color: #000
+}
+.hljs-title.function_ {
+  color: #7A7A43
+}
+.hljs-code,
+.hljs-comment,
+.hljs-quote {
+  color: #8C8C8C;
+  font-style: italic
+}
+.hljs-meta {
+  color: #9E880D
+}
+.hljs-section {
+  color: #871094
+}
+.hljs-variable.language_,
+.hljs-symbol,
+.hljs-selector-class,
+.hljs-selector-id,
+.hljs-selector-tag,
+.hljs-template-tag,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-keyword,
+.hljs-meta .hljs-keyword,
+.hljs-literal,
+.hljs-name,
+.hljs-built_in,
+.hljs-type {
+  color: #0033B3
+}
+.hljs-property,
+.hljs-attr {
+  color: #871094
+}
+.hljs-attribute {
+  color: #174AD4
+}
+.hljs-number {
+  color: #1750EB
+}
+.hljs-regexp {
+  color: #264EFF
+}
+.hljs-link {
+  text-decoration: underline;
+  color: #006DCC
+}
+.hljs-meta .hljs-string,
+.hljs-string {
+  color: #067D17
+}
+.hljs-char.escape_ {
+  color: #0037A6
+}
+.hljs-doctag {
+  text-decoration: underline
+}
+.hljs-template-variable {
+  color: #248F8F
+}
+.hljs-addition {
+  background: #BEE6BE
+}
+.hljs-deletion {
+  background: #D6D6D6
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-variable,
+.hljs-operator,
+.hljs-punctuation,
+.hljs-title.class_.inherited__,
+.hljs-title.class_,
+.hljs-params,
+.hljs-bullet,
+.hljs-formula,
+.hljs-tag {
+  /* purposely ignored */
+  
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/intellij-light.min.css b/snap-client/src/styles/intellij-light.min.css
new file mode 100644
index 0000000..97fc3e2
--- /dev/null
+++ b/snap-client/src/styles/intellij-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#000;background:#fff}.hljs-subst,.hljs-title{font-weight:400;color:#000}.hljs-title.function_{color:#7a7a43}.hljs-code,.hljs-comment,.hljs-quote{color:#8c8c8c;font-style:italic}.hljs-meta{color:#9e880d}.hljs-section{color:#871094}.hljs-built_in,.hljs-keyword,.hljs-literal,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag,.hljs-symbol,.hljs-template-tag,.hljs-type,.hljs-variable.language_{color:#0033b3}.hljs-attr,.hljs-property{color:#871094}.hljs-attribute{color:#174ad4}.hljs-number{color:#1750eb}.hljs-regexp{color:#264eff}.hljs-link{text-decoration:underline;color:#006dcc}.hljs-meta .hljs-string,.hljs-string{color:#067d17}.hljs-char.escape_{color:#0037a6}.hljs-doctag{text-decoration:underline}.hljs-template-variable{color:#248f8f}.hljs-addition{background:#bee6be}.hljs-deletion{background:#d6d6d6}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/ir-black.css b/snap-client/src/styles/ir-black.css
new file mode 100644
index 0000000..3557853
--- /dev/null
+++ b/snap-client/src/styles/ir-black.css
@@ -0,0 +1,66 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+  IR_Black style (c) Vasily Mikhailitchenko <vaskas@programica.ru>
+*/
+.hljs {
+  background: #000;
+  color: #f8f8f8
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-meta {
+  color: #7c7c7c
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-tag,
+.hljs-name {
+  color: #96cbfe
+}
+.hljs-attribute,
+.hljs-selector-id {
+  color: #ffffb6
+}
+.hljs-string,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-addition {
+  color: #a8ff60
+}
+.hljs-subst {
+  color: #daefa3
+}
+.hljs-regexp,
+.hljs-link {
+  color: #e9c062
+}
+.hljs-title,
+.hljs-section,
+.hljs-type,
+.hljs-doctag {
+  color: #ffffb6
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-literal {
+  color: #c6c5fe
+}
+.hljs-number,
+.hljs-deletion {
+  color: #ff73fd
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/ir-black.min.css b/snap-client/src/styles/ir-black.min.css
new file mode 100644
index 0000000..e78fd08
--- /dev/null
+++ b/snap-client/src/styles/ir-black.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#000;color:#f8f8f8}.hljs-comment,.hljs-meta,.hljs-quote{color:#7c7c7c}.hljs-keyword,.hljs-name,.hljs-selector-tag,.hljs-tag{color:#96cbfe}.hljs-attribute,.hljs-selector-id{color:#ffffb6}.hljs-addition,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-string{color:#a8ff60}.hljs-subst{color:#daefa3}.hljs-link,.hljs-regexp{color:#e9c062}.hljs-doctag,.hljs-section,.hljs-title,.hljs-type{color:#ffffb6}.hljs-bullet,.hljs-literal,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#c6c5fe}.hljs-deletion,.hljs-number{color:#ff73fd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/isbl-editor-dark.css b/snap-client/src/styles/isbl-editor-dark.css
new file mode 100644
index 0000000..4787d08
--- /dev/null
+++ b/snap-client/src/styles/isbl-editor-dark.css
@@ -0,0 +1,94 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+ISBL Editor style dark color scheme (c) Dmitriy Tarasov <dimatar@gmail.com>
+
+*/
+.hljs {
+  background: #404040;
+  color: #f0f0f0
+}
+/* Base color: saturation 0; */
+.hljs,
+.hljs-subst {
+  color: #f0f0f0
+}
+.hljs-comment {
+  color: #b5b5b5;
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-name {
+  color: #f0f0f0;
+  font-weight: bold
+}
+/* User color: hue: 0 */
+.hljs-string {
+  color: #97bf0d
+}
+.hljs-type,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #f0f0f0
+}
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #e2c696
+}
+/* Language color: hue: 90; */
+.hljs-built_in,
+.hljs-literal {
+  color: #97bf0d;
+  font-weight: bold
+}
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #397300
+}
+.hljs-class {
+  color: #ce9d4d;
+  font-weight: bold
+}
+.hljs-title,
+.hljs-section {
+  color: #df471e
+}
+.hljs-title>.hljs-built_in {
+  color: #81bce9;
+  font-weight: normal
+}
+/* Meta color: hue: 200 */
+.hljs-meta {
+  color: #1f7199
+}
+.hljs-meta .hljs-string {
+  color: #4d99bf
+}
+/* Misc effects */
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/isbl-editor-dark.min.css b/snap-client/src/styles/isbl-editor-dark.min.css
new file mode 100644
index 0000000..535ef87
--- /dev/null
+++ b/snap-client/src/styles/isbl-editor-dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#404040}.hljs,.hljs-subst{color:#f0f0f0}.hljs-comment{color:#b5b5b5;font-style:italic}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{color:#f0f0f0;font-weight:700}.hljs-string{color:#97bf0d}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-template-tag,.hljs-type{color:#f0f0f0}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#e2c696}.hljs-built_in,.hljs-literal{color:#97bf0d;font-weight:700}.hljs-addition,.hljs-bullet,.hljs-code{color:#397300}.hljs-class{color:#ce9d4d;font-weight:700}.hljs-section,.hljs-title{color:#df471e}.hljs-title>.hljs-built_in{color:#81bce9;font-weight:400}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/isbl-editor-light.css b/snap-client/src/styles/isbl-editor-light.css
new file mode 100644
index 0000000..cdbabbe
--- /dev/null
+++ b/snap-client/src/styles/isbl-editor-light.css
@@ -0,0 +1,93 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+ISBL Editor style light color schemec (c) Dmitriy Tarasov <dimatar@gmail.com>
+
+*/
+.hljs {
+  background: white;
+  color: black
+}
+/* Base color: saturation 0; */
+.hljs-subst {
+  color: black
+}
+.hljs-comment {
+  color: #555555;
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-name {
+  color: #000000;
+  font-weight: bold
+}
+/* User color: hue: 0 */
+.hljs-string {
+  color: #000080
+}
+.hljs-type,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #000000
+}
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #5e1700
+}
+/* Language color: hue: 90; */
+.hljs-built_in,
+.hljs-literal {
+  color: #000080;
+  font-weight: bold
+}
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #397300
+}
+.hljs-class {
+  color: #6f1C00;
+  font-weight: bold
+}
+.hljs-title,
+.hljs-section {
+  color: #fb2c00
+}
+.hljs-title>.hljs-built_in {
+  color: #008080;
+  font-weight: normal
+}
+/* Meta color: hue: 200 */
+.hljs-meta {
+  color: #1f7199
+}
+.hljs-meta .hljs-string {
+  color: #4d99bf
+}
+/* Misc effects */
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/isbl-editor-light.min.css b/snap-client/src/styles/isbl-editor-light.min.css
new file mode 100644
index 0000000..f008c74
--- /dev/null
+++ b/snap-client/src/styles/isbl-editor-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#000}.hljs-subst{color:#000}.hljs-comment{color:#555;font-style:italic}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{color:#000;font-weight:700}.hljs-string{color:navy}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-template-tag,.hljs-type{color:#000}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#5e1700}.hljs-built_in,.hljs-literal{color:navy;font-weight:700}.hljs-addition,.hljs-bullet,.hljs-code{color:#397300}.hljs-class{color:#6f1c00;font-weight:700}.hljs-section,.hljs-title{color:#fb2c00}.hljs-title>.hljs-built_in{color:teal;font-weight:400}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/kimbie-dark.css b/snap-client/src/styles/kimbie-dark.css
new file mode 100644
index 0000000..eddf4a0
--- /dev/null
+++ b/snap-client/src/styles/kimbie-dark.css
@@ -0,0 +1,69 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+    Name:     Kimbie (dark)
+    Author:   Jan T. Sott
+    License:  Creative Commons Attribution-ShareAlike 4.0 Unported License
+    URL:      https://github.com/idleberg/Kimbie-highlight.js
+*/
+.hljs {
+  background: #221a0f;
+  color: #d3af86
+}
+/* Kimbie Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #d6baad
+}
+/* Kimbie Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-meta {
+  color: #dc3958
+}
+/* Kimbie Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-deletion,
+.hljs-link {
+  color: #f79a32
+}
+/* Kimbie Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #889b4a
+}
+/* Kimbie Purple */
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-function {
+  color: #98676a
+}
+/* Kimbie Yellow */
+.hljs-title,
+.hljs-section,
+.hljs-attribute {
+  color: #f06431
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/kimbie-dark.min.css b/snap-client/src/styles/kimbie-dark.min.css
new file mode 100644
index 0000000..cf56cea
--- /dev/null
+++ b/snap-client/src/styles/kimbie-dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#221a0f;color:#d3af86}.hljs-comment,.hljs-quote{color:#d6baad}.hljs-meta,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#dc3958}.hljs-built_in,.hljs-deletion,.hljs-link,.hljs-literal,.hljs-number,.hljs-params,.hljs-type{color:#f79a32}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#889b4a}.hljs-function,.hljs-keyword,.hljs-selector-tag{color:#98676a}.hljs-attribute,.hljs-section,.hljs-title{color:#f06431}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/kimbie-light.css b/snap-client/src/styles/kimbie-light.css
new file mode 100644
index 0000000..3cefadc
--- /dev/null
+++ b/snap-client/src/styles/kimbie-light.css
@@ -0,0 +1,69 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+    Name:     Kimbie (light)
+    Author:   Jan T. Sott
+    License:  Creative Commons Attribution-ShareAlike 4.0 Unported License
+    URL:      https://github.com/idleberg/Kimbie-highlight.js
+*/
+.hljs {
+  background: #fbebd4;
+  color: #84613d
+}
+/* Kimbie Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #a57a4c
+}
+/* Kimbie Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-meta {
+  color: #dc3958
+}
+/* Kimbie Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-deletion,
+.hljs-link {
+  color: #f79a32
+}
+/* Kimbie Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #889b4a
+}
+/* Kimbie Purple */
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-function {
+  color: #98676a
+}
+/* Kimbie Yellow */
+.hljs-title,
+.hljs-section,
+.hljs-attribute {
+  color: #f06431
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/kimbie-light.min.css b/snap-client/src/styles/kimbie-light.min.css
new file mode 100644
index 0000000..b9d0ea4
--- /dev/null
+++ b/snap-client/src/styles/kimbie-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fbebd4;color:#84613d}.hljs-comment,.hljs-quote{color:#a57a4c}.hljs-meta,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#dc3958}.hljs-built_in,.hljs-deletion,.hljs-link,.hljs-literal,.hljs-number,.hljs-params,.hljs-type{color:#f79a32}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#889b4a}.hljs-function,.hljs-keyword,.hljs-selector-tag{color:#98676a}.hljs-attribute,.hljs-section,.hljs-title{color:#f06431}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/lightfair.css b/snap-client/src/styles/lightfair.css
new file mode 100644
index 0000000..5142dff
--- /dev/null
+++ b/snap-client/src/styles/lightfair.css
@@ -0,0 +1,81 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Lightfair style (c) Tristian Kelly <tristian.kelly560@gmail.com>
+
+*/
+.hljs {
+  color: #444;
+  background: #fff
+}
+.hljs-name {
+  color: #01a3a3
+}
+.hljs-tag,
+.hljs-meta {
+  color: #778899
+}
+.hljs-subst {
+  /* default */
+  
+}
+.hljs-comment {
+  color: #888888
+}
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-name {
+  font-weight: bold
+}
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #4286f4
+}
+.hljs-title,
+.hljs-section {
+  color: #4286f4;
+  font-weight: bold
+}
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #BC6060
+}
+.hljs-literal {
+  color: #62bcbc
+}
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #25c6c6
+}
+.hljs-meta .hljs-string {
+  color: #4d99bf
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/lightfair.min.css b/snap-client/src/styles/lightfair.min.css
new file mode 100644
index 0000000..b6c3791
--- /dev/null
+++ b/snap-client/src/styles/lightfair.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#444;background:#fff}.hljs-name{color:#01a3a3}.hljs-meta,.hljs-tag{color:#789}.hljs-comment{color:#888}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#4286f4}.hljs-section,.hljs-title{color:#4286f4;font-weight:700}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#bc6060}.hljs-literal{color:#62bcbc}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#25c6c6}.hljs-meta .hljs-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/lioshi.css b/snap-client/src/styles/lioshi.css
new file mode 100644
index 0000000..035611a
--- /dev/null
+++ b/snap-client/src/styles/lioshi.css
@@ -0,0 +1,76 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/* lioshi Theme */
+/* Original theme - https://github.com/lioshi/vscode-lioshi-theme */
+.hljs {
+  background: #303030;
+  color: #c5c8c6
+}
+/* Comment */
+.hljs-comment {
+  color: #8d8d8d
+}
+/* quote */
+.hljs-quote {
+  color: #b3c7d8
+}
+/* Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #cc6666
+}
+/* Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-subst
+.hljs-link {
+  color: #de935f
+}
+/* Yellow */
+.hljs-attribute {
+  color: #f0c674
+}
+/* Green */
+.hljs-string,
+.hljs-bullet,
+.hljs-params,
+.hljs-addition {
+  color: #b5bd68
+}
+/* Purple */
+.hljs-selector-tag,
+.hljs-keyword,
+.hljs-function,
+.hljs-class {
+  color: #be94bb
+}
+/* Blue */
+.hljs-title,
+.hljs-meta,
+.hljs-section {
+  color: #81a2be
+}
+/* Purple light */
+.hljs-symbol {
+  color: #dbc4d9
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/lioshi.min.css b/snap-client/src/styles/lioshi.min.css
new file mode 100644
index 0000000..3d6a92f
--- /dev/null
+++ b/snap-client/src/styles/lioshi.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#303030;color:#c5c8c6}.hljs-comment{color:#8d8d8d}.hljs-quote{color:#b3c7d8}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#c66}.hljs-built_in,.hljs-literal,.hljs-number,.hljs-subst .hljs-link,.hljs-type{color:#de935f}.hljs-attribute{color:#f0c674}.hljs-addition,.hljs-bullet,.hljs-params,.hljs-string{color:#b5bd68}.hljs-class,.hljs-function,.hljs-keyword,.hljs-selector-tag{color:#be94bb}.hljs-meta,.hljs-section,.hljs-title{color:#81a2be}.hljs-symbol{color:#dbc4d9}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/magula.css b/snap-client/src/styles/magula.css
new file mode 100644
index 0000000..9d30419
--- /dev/null
+++ b/snap-client/src/styles/magula.css
@@ -0,0 +1,66 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Description: Magula style for highligh.js
+Author: Ruslan Keba <rukeba@gmail.com>
+Website: http://rukeba.com/
+Version: 1.0
+Date: 2009-01-03
+Music: Aphex Twin / Xtal
+*/
+.hljs {
+  background-color: #f4f4f4;
+  color: black
+}
+.hljs-subst {
+  color: black
+}
+.hljs-string,
+.hljs-title,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable {
+  color: #050
+}
+.hljs-comment,
+.hljs-quote {
+  color: #777
+}
+.hljs-number,
+.hljs-regexp,
+.hljs-literal,
+.hljs-type,
+.hljs-link {
+  color: #800
+}
+.hljs-deletion,
+.hljs-meta {
+  color: #00e
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-doctag,
+.hljs-title,
+.hljs-section,
+.hljs-built_in,
+.hljs-tag,
+.hljs-name {
+  font-weight: bold;
+  color: navy
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/magula.min.css b/snap-client/src/styles/magula.min.css
new file mode 100644
index 0000000..e024387
--- /dev/null
+++ b/snap-client/src/styles/magula.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background-color:#f4f4f4;color:#000}.hljs-subst{color:#000}.hljs-addition,.hljs-attribute,.hljs-bullet,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-variable{color:#050}.hljs-comment,.hljs-quote{color:#777}.hljs-link,.hljs-literal,.hljs-number,.hljs-regexp,.hljs-type{color:#800}.hljs-deletion,.hljs-meta{color:#00e}.hljs-built_in,.hljs-doctag,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-tag,.hljs-title{font-weight:700;color:navy}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/mono-blue.css b/snap-client/src/styles/mono-blue.css
new file mode 100644
index 0000000..bc9bcea
--- /dev/null
+++ b/snap-client/src/styles/mono-blue.css
@@ -0,0 +1,56 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+  Five-color theme from a single blue hue.
+*/
+.hljs {
+  background: #eaeef3;
+  color: #00193a
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-title,
+.hljs-section,
+.hljs-doctag,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-comment {
+  color: #738191
+}
+.hljs-string,
+.hljs-title,
+.hljs-section,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-addition,
+.hljs-tag,
+.hljs-quote,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #0048ab
+}
+.hljs-meta,
+.hljs-subst,
+.hljs-symbol,
+.hljs-regexp,
+.hljs-attribute,
+.hljs-deletion,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-bullet {
+  color: #4c81c9
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/mono-blue.min.css b/snap-client/src/styles/mono-blue.min.css
new file mode 100644
index 0000000..fb74d40
--- /dev/null
+++ b/snap-client/src/styles/mono-blue.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#eaeef3;color:#00193a}.hljs-doctag,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-strong,.hljs-title{font-weight:700}.hljs-comment{color:#738191}.hljs-addition,.hljs-built_in,.hljs-literal,.hljs-name,.hljs-quote,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-tag,.hljs-title,.hljs-type{color:#0048ab}.hljs-attribute,.hljs-bullet,.hljs-deletion,.hljs-link,.hljs-meta,.hljs-regexp,.hljs-subst,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#4c81c9}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/snap-client/src/styles/monokai-sublime.css b/snap-client/src/styles/monokai-sublime.css
new file mode 100644
index 0000000..b469dd4
--- /dev/null
+++ b/snap-client/src/styles/monokai-sublime.css
@@ -0,0 +1,76 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
+
+*/
+.hljs {
+  background: #23241f;
+  color: #f8f8f2
+}
+.hljs-tag,
+.hljs-subst {
+  color: #f8f8f2
+}
+.hljs-strong,
+.hljs-emphasis {
+  color: #a8a8a2
+}
+.hljs-bullet,
+.hljs-quote,
+.hljs-number,
+.hljs-regexp,
+.hljs-literal,
+.hljs-link {
+  color: #ae81ff
+}
+.hljs-code,
+.hljs-title,
+.hljs-section,
+.hljs-selector-class {
+  color: #a6e22e
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-attr {
+  color: #f92672
+}
+.hljs-symbol,
+.hljs-attribute {
+  color: #66d9ef
+}
+.hljs-params,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #f8f8f2
+}
+.hljs-string,
+.hljs-type,
+.hljs-built_in,
+.hljs-selector-id,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-variable {
+  color: #e6db74
+}
+.hljs-comment,
+.hljs-deletion,
+.hljs-meta {
+  color: #75715e
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/monokai-sublime.min.css b/snap-client/src/styles/monokai-sublime.min.css
new file mode 100644
index 0000000..247e2e9
--- /dev/null
+++ b/snap-client/src/styles/monokai-sublime.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#23241f;color:#f8f8f2}.hljs-subst,.hljs-tag{color:#f8f8f2}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#ae81ff}.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title{color:#a6e22e}.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}.hljs-attr,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#f92672}.hljs-attribute,.hljs-symbol{color:#66d9ef}.hljs-class .hljs-title,.hljs-params,.hljs-title.class_{color:#f8f8f2}.hljs-addition,.hljs-built_in,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable{color:#e6db74}.hljs-comment,.hljs-deletion,.hljs-meta{color:#75715e}
\ No newline at end of file
diff --git a/snap-client/src/styles/monokai.css b/snap-client/src/styles/monokai.css
new file mode 100644
index 0000000..4c77f4d
--- /dev/null
+++ b/snap-client/src/styles/monokai.css
@@ -0,0 +1,68 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Monokai style - ported by Luigi Maselli - http://grigio.org
+*/
+.hljs {
+  background: #272822;
+  color: #ddd
+}
+.hljs-tag,
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-strong,
+.hljs-name {
+  color: #f92672
+}
+.hljs-code {
+  color: #66d9ef
+}
+.hljs-attribute,
+.hljs-symbol,
+.hljs-regexp,
+.hljs-link {
+  color: #bf79db
+}
+.hljs-string,
+.hljs-bullet,
+.hljs-subst,
+.hljs-title,
+.hljs-section,
+.hljs-emphasis,
+.hljs-type,
+.hljs-built_in,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable {
+  color: #a6e22e
+}
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: white
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-deletion,
+.hljs-meta {
+  color: #75715e
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-doctag,
+.hljs-title,
+.hljs-section,
+.hljs-type,
+.hljs-selector-id {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/monokai.min.css b/snap-client/src/styles/monokai.min.css
new file mode 100644
index 0000000..448d85d
--- /dev/null
+++ b/snap-client/src/styles/monokai.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#272822;color:#ddd}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-selector-tag,.hljs-strong,.hljs-tag{color:#f92672}.hljs-code{color:#66d9ef}.hljs-attribute,.hljs-link,.hljs-regexp,.hljs-symbol{color:#bf79db}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-emphasis,.hljs-section,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-string,.hljs-subst,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#a6e22e}.hljs-class .hljs-title,.hljs-title.class_{color:#fff}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:#75715e}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-section,.hljs-selector-id,.hljs-selector-tag,.hljs-title,.hljs-type{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/night-owl.css b/snap-client/src/styles/night-owl.css
new file mode 100644
index 0000000..3cad0eb
--- /dev/null
+++ b/snap-client/src/styles/night-owl.css
@@ -0,0 +1,174 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Night Owl for highlight.js (c) Carl Baxter <carl@cbax.tech>
+
+An adaptation of Sarah Drasner's Night Owl VS Code Theme
+https://github.com/sdras/night-owl-vscode-theme
+
+Copyright (c) 2018 Sarah Drasner
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+*/
+.hljs {
+  background: #011627;
+  color: #d6deeb
+}
+/* General Purpose */
+.hljs-keyword {
+  color: #c792ea;
+  font-style: italic
+}
+.hljs-built_in {
+  color: #addb67;
+  font-style: italic
+}
+.hljs-type {
+  color: #82aaff
+}
+.hljs-literal {
+  color: #ff5874
+}
+.hljs-number {
+  color: #F78C6C
+}
+.hljs-regexp {
+  color: #5ca7e4
+}
+.hljs-string {
+  color: #ecc48d
+}
+.hljs-subst {
+  color: #d3423e
+}
+.hljs-symbol {
+  color: #82aaff
+}
+.hljs-class {
+  color: #ffcb8b
+}
+.hljs-function {
+  color: #82AAFF
+}
+.hljs-title {
+  color: #DCDCAA;
+  font-style: italic
+}
+.hljs-params {
+  color: #7fdbca
+}
+/* Meta */
+.hljs-comment {
+  color: #637777;
+  font-style: italic
+}
+.hljs-doctag {
+  color: #7fdbca
+}
+.hljs-meta {
+  color: #82aaff
+}
+.hljs-meta .hljs-keyword {
+  color: #82aaff
+}
+.hljs-meta .hljs-string {
+  color: #ecc48d
+}
+/* Tags, attributes, config */
+.hljs-section {
+  color: #82b1ff
+}
+.hljs-tag,
+.hljs-name {
+  color: #7fdbca
+}
+.hljs-attr {
+  color: #7fdbca
+}
+.hljs-attribute {
+  color: #80cbc4
+}
+.hljs-variable {
+  color: #addb67
+}
+/* Markup */
+.hljs-bullet {
+  color: #d9f5dd
+}
+.hljs-code {
+  color: #80CBC4
+}
+.hljs-emphasis {
+  color: #c792ea;
+  font-style: italic
+}
+.hljs-strong {
+  color: #addb67;
+  font-weight: bold
+}
+.hljs-formula {
+  color: #c792ea
+}
+.hljs-link {
+  color: #ff869a
+}
+.hljs-quote {
+  color: #697098;
+  font-style: italic
+}
+/* CSS */
+.hljs-selector-tag {
+  color: #ff6363
+}
+.hljs-selector-id {
+  color: #fad430
+}
+.hljs-selector-class {
+  color: #addb67;
+  font-style: italic
+}
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #c792ea;
+  font-style: italic
+}
+/* Templates */
+.hljs-template-tag {
+  color: #c792ea
+}
+.hljs-template-variable {
+  color: #addb67
+}
+/* diff */
+.hljs-addition {
+  color: #addb67ff;
+  font-style: italic
+}
+.hljs-deletion {
+  color: #EF535090;
+  font-style: italic
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/night-owl.min.css b/snap-client/src/styles/night-owl.min.css
new file mode 100644
index 0000000..ed94590
--- /dev/null
+++ b/snap-client/src/styles/night-owl.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#011627;color:#d6deeb}.hljs-keyword{color:#c792ea;font-style:italic}.hljs-built_in{color:#addb67;font-style:italic}.hljs-type{color:#82aaff}.hljs-literal{color:#ff5874}.hljs-number{color:#f78c6c}.hljs-regexp{color:#5ca7e4}.hljs-string{color:#ecc48d}.hljs-subst{color:#d3423e}.hljs-symbol{color:#82aaff}.hljs-class{color:#ffcb8b}.hljs-function{color:#82aaff}.hljs-title{color:#dcdcaa;font-style:italic}.hljs-params{color:#7fdbca}.hljs-comment{color:#637777;font-style:italic}.hljs-doctag{color:#7fdbca}.hljs-meta,.hljs-meta .hljs-keyword{color:#82aaff}.hljs-meta .hljs-string{color:#ecc48d}.hljs-section{color:#82b1ff}.hljs-attr,.hljs-name,.hljs-tag{color:#7fdbca}.hljs-attribute{color:#80cbc4}.hljs-variable{color:#addb67}.hljs-bullet{color:#d9f5dd}.hljs-code{color:#80cbc4}.hljs-emphasis{color:#c792ea;font-style:italic}.hljs-strong{color:#addb67;font-weight:700}.hljs-formula{color:#c792ea}.hljs-link{color:#ff869a}.hljs-quote{color:#697098;font-style:italic}.hljs-selector-tag{color:#ff6363}.hljs-selector-id{color:#fad430}.hljs-selector-class{color:#addb67;font-style:italic}.hljs-selector-attr,.hljs-selector-pseudo{color:#c792ea;font-style:italic}.hljs-template-tag{color:#c792ea}.hljs-template-variable{color:#addb67}.hljs-addition{color:#addb67ff;font-style:italic}.hljs-deletion{color:#ef535090;font-style:italic}
\ No newline at end of file
diff --git a/snap-client/src/styles/nnfx-dark.css b/snap-client/src/styles/nnfx-dark.css
new file mode 100644
index 0000000..cbacc28
--- /dev/null
+++ b/snap-client/src/styles/nnfx-dark.css
@@ -0,0 +1,104 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: nnfx dark
+  Description: a theme inspired by Netscape Navigator/Firefox
+  Author: (c) 2020-2021 Jim Mason <jmason@ibinx.com>
+  Maintainer: @RocketMan
+  License: https://creativecommons.org/licenses/by-sa/4.0  CC BY-SA 4.0
+  Updated: 2021-05-17
+
+  @version 1.1.0
+*/
+.hljs {
+  background: #333;
+  color: #fff
+}
+.language-xml .hljs-meta,
+.language-xml .hljs-meta-string {
+  font-weight: bold;
+  font-style: italic;
+  color: #69f
+}
+.hljs-comment,
+.hljs-quote {
+  font-style: italic;
+  color: #9c6
+}
+.hljs-name,
+.hljs-keyword,
+.hljs-built_in {
+  color: #a7a
+}
+.hljs-name,
+.hljs-attr {
+  font-weight: bold
+}
+.hljs-string {
+  font-weight: normal
+}
+.hljs-code,
+.hljs-string,
+.hljs-meta .hljs-string,
+.hljs-number,
+.hljs-regexp,
+.hljs-link {
+  color: #bce
+}
+.hljs-title,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable {
+  color: #d40
+}
+.hljs-title.class_,
+.hljs-class .hljs-title,
+.hljs-type {
+  font-weight: bold;
+  color: #96c
+}
+.hljs-title.function_,
+.hljs-function .hljs-title,
+.hljs-attr,
+.hljs-subst,
+.hljs-tag {
+  color: #fff
+}
+.hljs-formula {
+  background-color: #eee;
+  font-style: italic
+}
+.hljs-addition {
+  background-color: #797
+}
+.hljs-deletion {
+  background-color: #c99
+}
+.hljs-meta {
+  color: #69f
+}
+.hljs-section,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-pseudo,
+.hljs-selector-tag {
+  font-weight: bold;
+  color: #69f
+}
+.hljs-selector-pseudo {
+  font-style: italic
+}
+.hljs-doctag,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/nnfx-dark.min.css b/snap-client/src/styles/nnfx-dark.min.css
new file mode 100644
index 0000000..4e6403d
--- /dev/null
+++ b/snap-client/src/styles/nnfx-dark.min.css
@@ -0,0 +1,10 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: nnfx dark
+  Description: a theme inspired by Netscape Navigator/Firefox
+  Author: (c) 2020-2021 Jim Mason <jmason@ibinx.com>
+  Maintainer: @RocketMan
+  License: https://creativecommons.org/licenses/by-sa/4.0  CC BY-SA 4.0
+  Updated: 2021-05-17
+
+  @version 1.1.0
+*/.hljs{background:#333;color:#fff}.language-xml .hljs-meta,.language-xml .hljs-meta-string{font-weight:700;font-style:italic;color:#69f}.hljs-comment,.hljs-quote{font-style:italic;color:#9c6}.hljs-built_in,.hljs-keyword,.hljs-name{color:#a7a}.hljs-attr,.hljs-name{font-weight:700}.hljs-string{font-weight:400}.hljs-code,.hljs-link,.hljs-meta .hljs-string,.hljs-number,.hljs-regexp,.hljs-string{color:#bce}.hljs-bullet,.hljs-symbol,.hljs-template-variable,.hljs-title,.hljs-variable{color:#d40}.hljs-class .hljs-title,.hljs-title.class_,.hljs-type{font-weight:700;color:#96c}.hljs-attr,.hljs-function .hljs-title,.hljs-subst,.hljs-tag,.hljs-title.function_{color:#fff}.hljs-formula{background-color:#eee;font-style:italic}.hljs-addition{background-color:#797}.hljs-deletion{background-color:#c99}.hljs-meta{color:#69f}.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{font-weight:700;color:#69f}.hljs-selector-pseudo{font-style:italic}.hljs-doctag,.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/snap-client/src/styles/nnfx-light.css b/snap-client/src/styles/nnfx-light.css
new file mode 100644
index 0000000..87a04c6
--- /dev/null
+++ b/snap-client/src/styles/nnfx-light.css
@@ -0,0 +1,104 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: nnfx light
+  Description: a theme inspired by Netscape Navigator/Firefox
+  Author: (c) 2020-2021 Jim Mason <jmason@ibinx.com>
+  Maintainer: @RocketMan
+  License: https://creativecommons.org/licenses/by-sa/4.0  CC BY-SA 4.0
+  Updated: 2021-05-17
+
+  @version 1.1.0
+*/
+.hljs {
+  background: #fff;
+  color: #000
+}
+.language-xml .hljs-meta,
+.language-xml .hljs-meta-string {
+  font-weight: bold;
+  font-style: italic;
+  color: #48b
+}
+.hljs-comment,
+.hljs-quote {
+  font-style: italic;
+  color: #070
+}
+.hljs-name,
+.hljs-keyword,
+.hljs-built_in {
+  color: #808
+}
+.hljs-name,
+.hljs-attr {
+  font-weight: bold
+}
+.hljs-string {
+  font-weight: normal
+}
+.hljs-code,
+.hljs-string,
+.hljs-meta .hljs-string,
+.hljs-number,
+.hljs-regexp,
+.hljs-link {
+  color: #00f
+}
+.hljs-title,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable {
+  color: #f40
+}
+.hljs-title.class_,
+.hljs-class .hljs-title,
+.hljs-type {
+  font-weight: bold;
+  color: #639
+}
+.hljs-title.function_,
+.hljs-function .hljs-title,
+.hljs-attr,
+.hljs-subst,
+.hljs-tag {
+  color: #000
+}
+.hljs-formula {
+  background-color: #eee;
+  font-style: italic
+}
+.hljs-addition {
+  background-color: #beb
+}
+.hljs-deletion {
+  background-color: #fbb
+}
+.hljs-meta {
+  color: #269
+}
+.hljs-section,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-pseudo,
+.hljs-selector-tag {
+  font-weight: bold;
+  color: #48b
+}
+.hljs-selector-pseudo {
+  font-style: italic
+}
+.hljs-doctag,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/nnfx-light.min.css b/snap-client/src/styles/nnfx-light.min.css
new file mode 100644
index 0000000..469223a
--- /dev/null
+++ b/snap-client/src/styles/nnfx-light.min.css
@@ -0,0 +1,10 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: nnfx light
+  Description: a theme inspired by Netscape Navigator/Firefox
+  Author: (c) 2020-2021 Jim Mason <jmason@ibinx.com>
+  Maintainer: @RocketMan
+  License: https://creativecommons.org/licenses/by-sa/4.0  CC BY-SA 4.0
+  Updated: 2021-05-17
+
+  @version 1.1.0
+*/.hljs{background:#fff;color:#000}.language-xml .hljs-meta,.language-xml .hljs-meta-string{font-weight:700;font-style:italic;color:#48b}.hljs-comment,.hljs-quote{font-style:italic;color:#070}.hljs-built_in,.hljs-keyword,.hljs-name{color:#808}.hljs-attr,.hljs-name{font-weight:700}.hljs-string{font-weight:400}.hljs-code,.hljs-link,.hljs-meta .hljs-string,.hljs-number,.hljs-regexp,.hljs-string{color:#00f}.hljs-bullet,.hljs-symbol,.hljs-template-variable,.hljs-title,.hljs-variable{color:#f40}.hljs-class .hljs-title,.hljs-title.class_,.hljs-type{font-weight:700;color:#639}.hljs-attr,.hljs-function .hljs-title,.hljs-subst,.hljs-tag,.hljs-title.function_{color:#000}.hljs-formula{background-color:#eee;font-style:italic}.hljs-addition{background-color:#beb}.hljs-deletion{background-color:#fbb}.hljs-meta{color:#269}.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{font-weight:700;color:#48b}.hljs-selector-pseudo{font-style:italic}.hljs-doctag,.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/snap-client/src/styles/nord.css b/snap-client/src/styles/nord.css
new file mode 100644
index 0000000..2e849af
--- /dev/null
+++ b/snap-client/src/styles/nord.css
@@ -0,0 +1,275 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+ * Copyright (c) 2017-present Arctic Ice Studio <development@arcticicestudio.com>
+ * Copyright (c) 2017-present Sven Greb <development@svengreb.de>
+ *
+ * Project:    Nord highlight.js
+ * Version:    0.1.0
+ * Repository: https://github.com/arcticicestudio/nord-highlightjs
+ * License:    MIT
+ * References:
+ *   https://github.com/arcticicestudio/nord
+ */
+/*
+
+Polar Night
+
+#2E3440
+#3B4252
+#434C5E
+#4C566A
+
+Snow Storm
+
+#D8DEE9
+#E5E9F0
+#ECEFF4
+
+Frost
+
+#8FBCBB
+#88C0D0
+#81A1C1
+#5E81AC
+
+Aurora
+
+#BF616A
+#D08770
+#EBCB8B
+#A3BE8C
+#B48EAD
+
+*/
+.hljs {
+  background: #2E3440
+}
+.hljs,
+.hljs-subst {
+  color: #D8DEE9
+}
+.hljs-selector-tag {
+  color: #81A1C1
+}
+.hljs-selector-id {
+  color: #8FBCBB;
+  font-weight: bold
+}
+.hljs-selector-class {
+  color: #8FBCBB
+}
+.hljs-selector-attr {
+  color: #8FBCBB
+}
+.hljs-property {
+  color: #88C0D0
+}
+.hljs-selector-pseudo {
+  color: #88C0D0
+}
+.hljs-addition {
+  background-color: rgba(163, 190, 140, 0.5)
+}
+.hljs-deletion {
+  background-color: rgba(191, 97, 106, 0.5)
+}
+.hljs-built_in,
+.hljs-type {
+  color: #8FBCBB
+}
+.hljs-class {
+  color: #8FBCBB
+}
+.hljs-function {
+  color: #88C0D0
+}
+.hljs-title.hljs-function,
+.hljs-function > .hljs-title {
+  color: #88C0D0
+}
+.hljs-keyword,
+.hljs-literal,
+.hljs-symbol {
+  color: #81A1C1
+}
+.hljs-number {
+  color: #B48EAD
+}
+.hljs-regexp {
+  color: #EBCB8B
+}
+.hljs-string {
+  color: #A3BE8C
+}
+.hljs-title {
+  color: #8FBCBB
+}
+.hljs-params {
+  color: #D8DEE9
+}
+.hljs-bullet {
+  color: #81A1C1
+}
+.hljs-code {
+  color: #8FBCBB
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-formula {
+  color: #8FBCBB
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link:hover {
+  text-decoration: underline
+}
+.hljs-quote {
+  color: #4C566A
+}
+.hljs-comment {
+  color: #4C566A
+}
+.hljs-doctag {
+  color: #8FBCBB
+}
+.hljs-meta,
+.hljs-meta .hljs-keyword {
+  color: #5E81AC
+}
+.hljs-meta .hljs-string {
+  color: #A3BE8C
+}
+.hljs-attr {
+  color: #8FBCBB
+}
+.hljs-attribute {
+  color: #D8DEE9
+}
+.hljs-name {
+  color: #81A1C1
+}
+.hljs-section {
+  color: #88C0D0
+}
+.hljs-tag {
+  color: #81A1C1
+}
+.hljs-variable {
+  color: #D8DEE9
+}
+.hljs-template-variable {
+  color: #D8DEE9
+}
+.hljs-template-tag {
+  color: #5E81AC
+}
+/* per language customizations */
+.language-abnf .hljs-attribute {
+  color: #88C0D0
+}
+.language-abnf .hljs-symbol {
+  color: #EBCB8B
+}
+.language-apache .hljs-attribute {
+  color: #88C0D0
+}
+.language-apache .hljs-section {
+  color: #81A1C1
+}
+.language-arduino .hljs-built_in {
+  color: #88C0D0
+}
+.language-aspectj .hljs-meta {
+  color: #D08770
+}
+.language-aspectj > .hljs-title {
+  color: #88C0D0
+}
+.language-bnf .hljs-attribute {
+  color: #8FBCBB
+}
+.language-clojure .hljs-name {
+  color: #88C0D0
+}
+.language-clojure .hljs-symbol {
+  color: #EBCB8B
+}
+.language-coq .hljs-built_in {
+  color: #88C0D0
+}
+.language-cpp .hljs-meta .hljs-string {
+  color: #8FBCBB
+}
+.language-css .hljs-built_in {
+  color: #88C0D0
+}
+.language-css .hljs-keyword {
+  color: #D08770
+}
+.language-diff .hljs-meta {
+  color: #8FBCBB
+}
+.language-ebnf .hljs-attribute {
+  color: #8FBCBB
+}
+.language-glsl .hljs-built_in {
+  color: #88C0D0
+}
+.language-groovy .hljs-meta:not(:first-child) {
+  color: #D08770
+}
+.language-haxe .hljs-meta {
+  color: #D08770
+}
+.language-java .hljs-meta {
+  color: #D08770
+}
+.language-ldif .hljs-attribute {
+  color: #8FBCBB
+}
+.language-lisp .hljs-name {
+  color: #88C0D0
+}
+.language-lua .hljs-built_in {
+  color: #88C0D0
+}
+.language-moonscript .hljs-built_in {
+  color: #88C0D0
+}
+.language-nginx .hljs-attribute {
+  color: #88C0D0
+}
+.language-nginx .hljs-section {
+  color: #5E81AC
+}
+.language-pf .hljs-built_in {
+  color: #88C0D0
+}
+.language-processing .hljs-built_in {
+  color: #88C0D0
+}
+.language-scss .hljs-keyword {
+  color: #81A1C1
+}
+.language-stylus .hljs-keyword {
+  color: #81A1C1
+}
+.language-swift .hljs-meta {
+  color: #D08770
+}
+.language-vim .hljs-built_in {
+  color: #88C0D0;
+  font-style: italic
+}
+.language-yaml .hljs-meta {
+  color: #D08770
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/nord.min.css b/snap-client/src/styles/nord.min.css
new file mode 100644
index 0000000..efbb0c1
--- /dev/null
+++ b/snap-client/src/styles/nord.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#2e3440}.hljs,.hljs-subst{color:#d8dee9}.hljs-selector-tag{color:#81a1c1}.hljs-selector-id{color:#8fbcbb;font-weight:700}.hljs-selector-attr,.hljs-selector-class{color:#8fbcbb}.hljs-property,.hljs-selector-pseudo{color:#88c0d0}.hljs-addition{background-color:rgba(163,190,140,.5)}.hljs-deletion{background-color:rgba(191,97,106,.5)}.hljs-built_in,.hljs-class,.hljs-type{color:#8fbcbb}.hljs-function,.hljs-function>.hljs-title,.hljs-title.hljs-function{color:#88c0d0}.hljs-keyword,.hljs-literal,.hljs-symbol{color:#81a1c1}.hljs-number{color:#b48ead}.hljs-regexp{color:#ebcb8b}.hljs-string{color:#a3be8c}.hljs-title{color:#8fbcbb}.hljs-params{color:#d8dee9}.hljs-bullet{color:#81a1c1}.hljs-code{color:#8fbcbb}.hljs-emphasis{font-style:italic}.hljs-formula{color:#8fbcbb}.hljs-strong{font-weight:700}.hljs-link:hover{text-decoration:underline}.hljs-comment,.hljs-quote{color:#4c566a}.hljs-doctag{color:#8fbcbb}.hljs-meta,.hljs-meta .hljs-keyword{color:#5e81ac}.hljs-meta .hljs-string{color:#a3be8c}.hljs-attr{color:#8fbcbb}.hljs-attribute{color:#d8dee9}.hljs-name{color:#81a1c1}.hljs-section{color:#88c0d0}.hljs-tag{color:#81a1c1}.hljs-template-variable,.hljs-variable{color:#d8dee9}.hljs-template-tag{color:#5e81ac}.language-abnf .hljs-attribute{color:#88c0d0}.language-abnf .hljs-symbol{color:#ebcb8b}.language-apache .hljs-attribute{color:#88c0d0}.language-apache .hljs-section{color:#81a1c1}.language-arduino .hljs-built_in{color:#88c0d0}.language-aspectj .hljs-meta{color:#d08770}.language-aspectj>.hljs-title{color:#88c0d0}.language-bnf .hljs-attribute{color:#8fbcbb}.language-clojure .hljs-name{color:#88c0d0}.language-clojure .hljs-symbol{color:#ebcb8b}.language-coq .hljs-built_in{color:#88c0d0}.language-cpp .hljs-meta .hljs-string{color:#8fbcbb}.language-css .hljs-built_in{color:#88c0d0}.language-css .hljs-keyword{color:#d08770}.language-diff .hljs-meta,.language-ebnf .hljs-attribute{color:#8fbcbb}.language-glsl .hljs-built_in{color:#88c0d0}.language-groovy .hljs-meta:not(:first-child),.language-haxe .hljs-meta,.language-java .hljs-meta{color:#d08770}.language-ldif .hljs-attribute{color:#8fbcbb}.language-lisp .hljs-name,.language-lua .hljs-built_in,.language-moonscript .hljs-built_in,.language-nginx .hljs-attribute{color:#88c0d0}.language-nginx .hljs-section{color:#5e81ac}.language-pf .hljs-built_in,.language-processing .hljs-built_in{color:#88c0d0}.language-scss .hljs-keyword,.language-stylus .hljs-keyword{color:#81a1c1}.language-swift .hljs-meta{color:#d08770}.language-vim .hljs-built_in{color:#88c0d0;font-style:italic}.language-yaml .hljs-meta{color:#d08770}
\ No newline at end of file
diff --git a/snap-client/src/styles/obsidian.css b/snap-client/src/styles/obsidian.css
new file mode 100644
index 0000000..df7af1d
--- /dev/null
+++ b/snap-client/src/styles/obsidian.css
@@ -0,0 +1,79 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/**
+ * Obsidian style
+ * ported by Alexander Marenin (http://github.com/ioncreature)
+ */
+.hljs {
+  color: #e0e2e4;
+  background: #282b2e
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-selector-id {
+  color: #93c763
+}
+.hljs-number {
+  color: #ffcd22
+}
+.hljs-attribute {
+  color: #668bb0
+}
+.hljs-regexp,
+.hljs-link {
+  color: #d39745
+}
+.hljs-meta {
+  color: #557182
+}
+.hljs-tag,
+.hljs-name,
+.hljs-bullet,
+.hljs-subst,
+.hljs-emphasis,
+.hljs-type,
+.hljs-built_in,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable {
+  color: #8cbbad
+}
+.hljs-string,
+.hljs-symbol {
+  color: #ec7600
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-deletion {
+  color: #818e96
+}
+.hljs-selector-class {
+  color: #A082BD
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-doctag,
+.hljs-title,
+.hljs-section,
+.hljs-type,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-code,
+.hljs-title.class_,
+.hljs-class .hljs-title,
+.hljs-section {
+  color: white
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/obsidian.min.css b/snap-client/src/styles/obsidian.min.css
new file mode 100644
index 0000000..c2a0786
--- /dev/null
+++ b/snap-client/src/styles/obsidian.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e0e2e4;background:#282b2e}.hljs-keyword,.hljs-literal,.hljs-selector-id,.hljs-selector-tag{color:#93c763}.hljs-number{color:#ffcd22}.hljs-attribute{color:#668bb0}.hljs-link,.hljs-regexp{color:#d39745}.hljs-meta{color:#557182}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-emphasis,.hljs-name,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-subst,.hljs-tag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable{color:#8cbbad}.hljs-string,.hljs-symbol{color:#ec7600}.hljs-comment,.hljs-deletion,.hljs-quote{color:#818e96}.hljs-selector-class{color:#a082bd}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-strong,.hljs-title,.hljs-type{font-weight:700}.hljs-class .hljs-title,.hljs-code,.hljs-section,.hljs-title.class_{color:#fff}
\ No newline at end of file
diff --git a/snap-client/src/styles/panda-syntax-dark.css b/snap-client/src/styles/panda-syntax-dark.css
new file mode 100644
index 0000000..9a0695d
--- /dev/null
+++ b/snap-client/src/styles/panda-syntax-dark.css
@@ -0,0 +1,92 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/**
+ * Panda Syntax Theme for Highlight.js
+ * Based on: https://github.com/tinkertrain/panda-syntax-vscode
+ * Author: Annmarie Switzer <https://github.com/annmarie-switzer>
+ */
+.hljs {
+  color: #e6e6e6;
+  background: #2a2c2d
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link {
+  text-decoration: underline
+}
+.hljs-comment,
+.hljs-quote {
+  color: #bbbbbb;
+  font-style: italic
+}
+.hljs-params {
+  color: #bbbbbb
+}
+.hljs-punctuation,
+.hljs-attr {
+  color: #e6e6e6
+}
+.hljs-selector-tag,
+.hljs-name,
+.hljs-meta {
+  color: #ff4b82
+}
+.hljs-operator,
+.hljs-char.escape_ {
+  color: #b084eb
+}
+.hljs-keyword,
+.hljs-deletion {
+  color: #ff75b5
+}
+.hljs-regexp,
+.hljs-selector-pseudo,
+.hljs-selector-attr,
+.hljs-variable.language_ {
+  color: #ff9ac1
+}
+.hljs-subst,
+.hljs-property,
+.hljs-code,
+.hljs-formula,
+.hljs-section,
+.hljs-title.function_ {
+  color: #45a9f9
+}
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition,
+.hljs-selector-class,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-meta .hljs-string {
+  color: #19f9d8
+}
+.hljs-variable,
+.hljs-template-variable,
+.hljs-number,
+.hljs-literal,
+.hljs-type,
+.hljs-link,
+.hljs-built_in,
+.hljs-title,
+.hljs-selector-id,
+.hljs-tag,
+.hljs-doctag,
+.hljs-attribute,
+.hljs-template-tag,
+.hljs-meta .hljs-keyword,
+.hljs-punctuation {
+  color: #ffb86c
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/panda-syntax-dark.min.css b/snap-client/src/styles/panda-syntax-dark.min.css
new file mode 100644
index 0000000..55e26c6
--- /dev/null
+++ b/snap-client/src/styles/panda-syntax-dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e6e6e6;background:#2a2c2d}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.hljs-comment,.hljs-quote{color:#bbb;font-style:italic}.hljs-params{color:#bbb}.hljs-attr,.hljs-punctuation{color:#e6e6e6}.hljs-meta,.hljs-name,.hljs-selector-tag{color:#ff4b82}.hljs-char.escape_,.hljs-operator{color:#b084eb}.hljs-deletion,.hljs-keyword{color:#ff75b5}.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-variable.language_{color:#ff9ac1}.hljs-code,.hljs-formula,.hljs-property,.hljs-section,.hljs-subst,.hljs-title.function_{color:#45a9f9}.hljs-addition,.hljs-bullet,.hljs-meta .hljs-string,.hljs-selector-class,.hljs-string,.hljs-symbol,.hljs-title.class_,.hljs-title.class_.inherited__{color:#19f9d8}.hljs-attribute,.hljs-built_in,.hljs-doctag,.hljs-link,.hljs-literal,.hljs-meta .hljs-keyword,.hljs-number,.hljs-punctuation,.hljs-selector-id,.hljs-tag,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#ffb86c}
\ No newline at end of file
diff --git a/snap-client/src/styles/panda-syntax-light.css b/snap-client/src/styles/panda-syntax-light.css
new file mode 100644
index 0000000..4bb4024
--- /dev/null
+++ b/snap-client/src/styles/panda-syntax-light.css
@@ -0,0 +1,89 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/**
+ * Panda Syntax Theme for Highlight.js
+ * Based on: https://github.com/tinkertrain/panda-syntax-vscode
+ * Author: Annmarie Switzer <https://github.com/annmarie-switzer>
+ */
+.hljs {
+  color: #2a2c2d;
+  background: #e6e6e6
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link {
+  text-decoration: underline
+}
+.hljs-comment,
+.hljs-quote {
+  color: #676B79;
+  font-style: italic
+}
+.hljs-params {
+  color: #676B79
+}
+.hljs-punctuation,
+.hljs-attr {
+  color: #2a2c2d
+}
+.hljs-selector-tag,
+.hljs-name,
+.hljs-meta,
+.hljs-operator,
+.hljs-char.escape_ {
+  color: #c56200
+}
+.hljs-keyword,
+.hljs-deletion {
+  color: #d92792
+}
+.hljs-regexp,
+.hljs-selector-pseudo,
+.hljs-selector-attr,
+.hljs-variable.language_ {
+  color: #cc5e91
+}
+.hljs-subst,
+.hljs-property,
+.hljs-code,
+.hljs-formula,
+.hljs-section,
+.hljs-title.function_ {
+  color: #3787c7
+}
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition,
+.hljs-selector-class,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-meta .hljs-string {
+  color: #0d7d6c
+}
+.hljs-variable,
+.hljs-template-variable,
+.hljs-number,
+.hljs-literal,
+.hljs-type,
+.hljs-link,
+.hljs-built_in,
+.hljs-title,
+.hljs-selector-id,
+.hljs-tag,
+.hljs-doctag,
+.hljs-attribute,
+.hljs-template-tag,
+.hljs-meta .hljs-keyword {
+  color: #7641bb
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/panda-syntax-light.min.css b/snap-client/src/styles/panda-syntax-light.min.css
new file mode 100644
index 0000000..6710dbd
--- /dev/null
+++ b/snap-client/src/styles/panda-syntax-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#2a2c2d;background:#e6e6e6}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.hljs-comment,.hljs-quote{color:#676b79;font-style:italic}.hljs-params{color:#676b79}.hljs-attr,.hljs-punctuation{color:#2a2c2d}.hljs-char.escape_,.hljs-meta,.hljs-name,.hljs-operator,.hljs-selector-tag{color:#c56200}.hljs-deletion,.hljs-keyword{color:#d92792}.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-variable.language_{color:#cc5e91}.hljs-code,.hljs-formula,.hljs-property,.hljs-section,.hljs-subst,.hljs-title.function_{color:#3787c7}.hljs-addition,.hljs-bullet,.hljs-meta .hljs-string,.hljs-selector-class,.hljs-string,.hljs-symbol,.hljs-title.class_,.hljs-title.class_.inherited__{color:#0d7d6c}.hljs-attribute,.hljs-built_in,.hljs-doctag,.hljs-link,.hljs-literal,.hljs-meta .hljs-keyword,.hljs-number,.hljs-selector-id,.hljs-tag,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#7641bb}
\ No newline at end of file
diff --git a/snap-client/src/styles/paraiso-dark.css b/snap-client/src/styles/paraiso-dark.css
new file mode 100644
index 0000000..e375a88
--- /dev/null
+++ b/snap-client/src/styles/paraiso-dark.css
@@ -0,0 +1,67 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+    Paraíso (dark)
+    Created by Jan T. Sott (http://github.com/idleberg)
+    Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
+*/
+.hljs {
+  background: #2f1e2e;
+  color: #a39e9b
+}
+/* Paraíso Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #8d8687
+}
+/* Paraíso Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-link,
+.hljs-meta {
+  color: #ef6155
+}
+/* Paraíso Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-deletion {
+  color: #f99b15
+}
+/* Paraíso Yellow */
+.hljs-title,
+.hljs-section,
+.hljs-attribute {
+  color: #fec418
+}
+/* Paraíso Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #48b685
+}
+/* Paraíso Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #815ba4
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/paraiso-dark.min.css b/snap-client/src/styles/paraiso-dark.min.css
new file mode 100644
index 0000000..d51dd18
--- /dev/null
+++ b/snap-client/src/styles/paraiso-dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#2f1e2e;color:#a39e9b}.hljs-comment,.hljs-quote{color:#8d8687}.hljs-link,.hljs-meta,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ef6155}.hljs-built_in,.hljs-deletion,.hljs-literal,.hljs-number,.hljs-params,.hljs-type{color:#f99b15}.hljs-attribute,.hljs-section,.hljs-title{color:#fec418}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#48b685}.hljs-keyword,.hljs-selector-tag{color:#815ba4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/paraiso-light.css b/snap-client/src/styles/paraiso-light.css
new file mode 100644
index 0000000..ef527f0
--- /dev/null
+++ b/snap-client/src/styles/paraiso-light.css
@@ -0,0 +1,67 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+    Paraíso (light)
+    Created by Jan T. Sott (http://github.com/idleberg)
+    Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
+*/
+.hljs {
+  background: #e7e9db;
+  color: #4f424c
+}
+/* Paraíso Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #776e71
+}
+/* Paraíso Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-link,
+.hljs-meta {
+  color: #ef6155
+}
+/* Paraíso Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-deletion {
+  color: #f99b15
+}
+/* Paraíso Yellow */
+.hljs-title,
+.hljs-section,
+.hljs-attribute {
+  color: #fec418
+}
+/* Paraíso Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #48b685
+}
+/* Paraíso Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #815ba4
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/paraiso-light.min.css b/snap-client/src/styles/paraiso-light.min.css
new file mode 100644
index 0000000..3a17c3f
--- /dev/null
+++ b/snap-client/src/styles/paraiso-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#e7e9db;color:#4f424c}.hljs-comment,.hljs-quote{color:#776e71}.hljs-link,.hljs-meta,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ef6155}.hljs-built_in,.hljs-deletion,.hljs-literal,.hljs-number,.hljs-params,.hljs-type{color:#f99b15}.hljs-attribute,.hljs-section,.hljs-title{color:#fec418}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#48b685}.hljs-keyword,.hljs-selector-tag{color:#815ba4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/pojoaque.css b/snap-client/src/styles/pojoaque.css
new file mode 100644
index 0000000..e04bf70
--- /dev/null
+++ b/snap-client/src/styles/pojoaque.css
@@ -0,0 +1,76 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Pojoaque Style by Jason Tate
+http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html
+Based on Solarized Style from http://ethanschoonover.com/solarized
+
+*/
+.hljs {
+  color: #dccf8f;
+  background: url(./pojoaque.jpg) repeat scroll left top #181914
+}
+.hljs-comment,
+.hljs-quote {
+  color: #586e75;
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-addition {
+  color: #b64926
+}
+.hljs-number,
+.hljs-string,
+.hljs-doctag,
+.hljs-regexp {
+  color: #468966
+}
+.hljs-title,
+.hljs-section,
+.hljs-built_in,
+.hljs-name {
+  color: #ffb03b
+}
+.hljs-variable,
+.hljs-template-variable,
+.hljs-title.class_,
+.hljs-class .hljs-title,
+.hljs-type,
+.hljs-tag {
+  color: #b58900
+}
+.hljs-attribute {
+  color: #b89859
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-subst,
+.hljs-meta {
+  color: #cb4b16
+}
+.hljs-deletion {
+  color: #dc322f
+}
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #d3a60c
+}
+.hljs-formula {
+  background: #073642
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/pojoaque.jpg b/snap-client/src/styles/pojoaque.jpg
new file mode 100644
index 0000000..9c07d4a
Binary files /dev/null and b/snap-client/src/styles/pojoaque.jpg differ
diff --git a/snap-client/src/styles/pojoaque.min.css b/snap-client/src/styles/pojoaque.min.css
new file mode 100644
index 0000000..71345a9
--- /dev/null
+++ b/snap-client/src/styles/pojoaque.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#dccf8f;background:url(./pojoaque.jpg) left top #181914}.hljs-comment,.hljs-quote{color:#586e75;font-style:italic}.hljs-addition,.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:#b64926}.hljs-doctag,.hljs-number,.hljs-regexp,.hljs-string{color:#468966}.hljs-built_in,.hljs-name,.hljs-section,.hljs-title{color:#ffb03b}.hljs-class .hljs-title,.hljs-tag,.hljs-template-variable,.hljs-title.class_,.hljs-type,.hljs-variable{color:#b58900}.hljs-attribute{color:#b89859}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-subst,.hljs-symbol{color:#cb4b16}.hljs-deletion{color:#dc322f}.hljs-selector-class,.hljs-selector-id{color:#d3a60c}.hljs-formula{background:#073642}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/purebasic.css b/snap-client/src/styles/purebasic.css
new file mode 100644
index 0000000..3529efd
--- /dev/null
+++ b/snap-client/src/styles/purebasic.css
@@ -0,0 +1,103 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+PureBASIC native IDE style ( version 1.0 - April 2016 )
+
+by Tristano Ajmone <tajmone@gmail.com>
+
+Public Domain
+
+NOTE_1:	PureBASIC code syntax highlighting only applies the following classes:
+			.hljs-comment
+			.hljs-function
+			.hljs-keywords
+			.hljs-string
+			.hljs-symbol
+
+		Other classes are added here for the benefit of styling other languages with the look and feel of PureBASIC native IDE style.
+		If you need to customize a stylesheet for PureBASIC only, remove all non-relevant classes -- PureBASIC-related classes are followed by
+		a "--- used for PureBASIC ... ---" comment on same line.
+
+NOTE_2:	Color names provided in comments were derived using "Name that Color" online tool:
+			http://chir.ag/projects/name-that-color
+*/
+.hljs {
+  background: #FFFFDF/* Half and Half (approx.) */
+  
+}
+/* --- used for PureBASIC base color --- */
+/* --- used for PureBASIC Procedures return type --- */
+/* --- used for wrapping PureBASIC Procedures definitions --- */
+.hljs,
+.hljs-type,
+.hljs-function,
+.hljs-name,
+.hljs-number,
+.hljs-attr,
+.hljs-params,
+.hljs-subst {
+  color: #000000/* Black */
+  
+}
+/* --- used for PureBASIC Comments --- */
+.hljs-comment,
+.hljs-regexp,
+.hljs-section,
+.hljs-selector-pseudo,
+.hljs-addition {
+  color: #00AAAA/* Persian Green (approx.) */
+  
+}
+/* --- used for PureBASIC Keywords --- */
+.hljs-keyword,
+.hljs-class,
+.hljs-meta .hljs-keyword,
+.hljs-selector-class,
+.hljs-built_in {
+  color: #006666;
+  /* Blue Stone (approx.) */
+  font-weight: bold
+}
+/* --- used for PureBASIC Procedures Names --- */
+.hljs-title,
+.hljs-tag,
+.hljs-variable,
+.hljs-code {
+  color: #006666/* Blue Stone (approx.) */
+  
+}
+/* --- used for PureBASIC Strings --- */
+.hljs-string,
+.hljs-selector-attr {
+  color: #0080FF/* Azure Radiance (approx.) */
+  
+}
+/* --- used for PureBASIC Constants --- */
+.hljs-symbol,
+.hljs-link,
+.hljs-deletion,
+.hljs-attribute {
+  color: #924B72/* Cannon Pink (approx.) */
+  
+}
+.hljs-meta,
+.hljs-literal,
+.hljs-selector-id {
+  color: #924B72;
+  /* Cannon Pink (approx.) */
+  font-weight: bold
+}
+.hljs-strong,
+.hljs-name {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/purebasic.min.css b/snap-client/src/styles/purebasic.min.css
new file mode 100644
index 0000000..e026c45
--- /dev/null
+++ b/snap-client/src/styles/purebasic.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#ffffdf}.hljs,.hljs-attr,.hljs-function,.hljs-name,.hljs-number,.hljs-params,.hljs-subst,.hljs-type{color:#000}.hljs-addition,.hljs-comment,.hljs-regexp,.hljs-section,.hljs-selector-pseudo{color:#0aa}.hljs-built_in,.hljs-class,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-selector-class{color:#066;font-weight:700}.hljs-code,.hljs-tag,.hljs-title,.hljs-variable{color:#066}.hljs-selector-attr,.hljs-string{color:#0080ff}.hljs-attribute,.hljs-deletion,.hljs-link,.hljs-symbol{color:#924b72}.hljs-literal,.hljs-meta,.hljs-selector-id{color:#924b72;font-weight:700}.hljs-name,.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/snap-client/src/styles/qtcreator-dark.css b/snap-client/src/styles/qtcreator-dark.css
new file mode 100644
index 0000000..a655384
--- /dev/null
+++ b/snap-client/src/styles/qtcreator-dark.css
@@ -0,0 +1,76 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Qt Creator dark color scheme
+
+*/
+.hljs {
+  color: #aaaaaa;
+  background: #000000
+}
+.hljs-strong,
+.hljs-emphasis {
+  color: #a8a8a2
+}
+.hljs-bullet,
+.hljs-quote,
+.hljs-number,
+.hljs-regexp,
+.hljs-literal {
+  color: #ff55ff
+}
+.hljs-code
+.hljs-selector-class {
+  color: #aaaaff
+}
+.hljs-emphasis,
+.hljs-stronge,
+.hljs-type {
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-function,
+.hljs-section,
+.hljs-symbol,
+.hljs-name {
+  color: #ffff55
+}
+.hljs-subst,
+.hljs-tag,
+.hljs-title {
+  color: #aaaaaa
+}
+.hljs-attribute {
+  color: #ff5555
+}
+.hljs-variable,
+.hljs-params,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #8888ff
+}
+.hljs-string,
+.hljs-selector-id,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-type,
+.hljs-built_in,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-addition,
+.hljs-link {
+  color: #ff55ff
+}
+.hljs-comment,
+.hljs-meta,
+.hljs-deletion {
+  color: #55ffff
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/qtcreator-dark.min.css b/snap-client/src/styles/qtcreator-dark.min.css
new file mode 100644
index 0000000..976e519
--- /dev/null
+++ b/snap-client/src/styles/qtcreator-dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#aaa;background:#000}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#f5f}.hljs-code .hljs-selector-class{color:#aaf}.hljs-emphasis,.hljs-stronge,.hljs-type{font-style:italic}.hljs-function,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-symbol{color:#ff5}.hljs-subst,.hljs-tag,.hljs-title{color:#aaa}.hljs-attribute{color:#f55}.hljs-class .hljs-title,.hljs-params,.hljs-title.class_,.hljs-variable{color:#88f}.hljs-addition,.hljs-built_in,.hljs-link,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-type{color:#f5f}.hljs-comment,.hljs-deletion,.hljs-meta{color:#5ff}
\ No newline at end of file
diff --git a/snap-client/src/styles/qtcreator-light.css b/snap-client/src/styles/qtcreator-light.css
new file mode 100644
index 0000000..327126d
--- /dev/null
+++ b/snap-client/src/styles/qtcreator-light.css
@@ -0,0 +1,74 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Qt Creator light color scheme
+*/
+.hljs {
+  color: #000000;
+  background: #ffffff
+}
+.hljs-strong,
+.hljs-emphasis {
+  color: #000000
+}
+.hljs-bullet,
+.hljs-quote,
+.hljs-number,
+.hljs-regexp,
+.hljs-literal {
+  color: #000080
+}
+.hljs-code
+.hljs-selector-class {
+  color: #800080
+}
+.hljs-emphasis,
+.hljs-stronge,
+.hljs-type {
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-function,
+.hljs-section,
+.hljs-symbol,
+.hljs-name {
+  color: #808000
+}
+.hljs-subst,
+.hljs-tag,
+.hljs-title {
+  color: #000000
+}
+.hljs-attribute {
+  color: #800000
+}
+.hljs-variable,
+.hljs-params,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #0055AF
+}
+.hljs-string,
+.hljs-selector-id,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-type,
+.hljs-built_in,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-addition,
+.hljs-link {
+  color: #008000
+}
+.hljs-comment,
+.hljs-meta,
+.hljs-deletion {
+  color: #008000
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/qtcreator-light.min.css b/snap-client/src/styles/qtcreator-light.min.css
new file mode 100644
index 0000000..7f1af8c
--- /dev/null
+++ b/snap-client/src/styles/qtcreator-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#000;background:#fff}.hljs-emphasis,.hljs-strong{color:#000}.hljs-bullet,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:navy}.hljs-code .hljs-selector-class{color:purple}.hljs-emphasis,.hljs-stronge,.hljs-type{font-style:italic}.hljs-function,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-symbol{color:olive}.hljs-subst,.hljs-tag,.hljs-title{color:#000}.hljs-attribute{color:maroon}.hljs-class .hljs-title,.hljs-params,.hljs-title.class_,.hljs-variable{color:#0055af}.hljs-addition,.hljs-built_in,.hljs-comment,.hljs-deletion,.hljs-link,.hljs-meta,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-type{color:green}
\ No newline at end of file
diff --git a/snap-client/src/styles/rainbow.css b/snap-client/src/styles/rainbow.css
new file mode 100644
index 0000000..80b2834
--- /dev/null
+++ b/snap-client/src/styles/rainbow.css
@@ -0,0 +1,77 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Style with support for rainbow parens
+
+*/
+.hljs {
+  background: #474949;
+  color: #d1d9e1
+}
+.hljs-comment,
+.hljs-quote {
+  color: #969896;
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-type,
+.hljs-addition {
+  color: #cc99cc
+}
+.hljs-number,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #f99157
+}
+.hljs-string,
+.hljs-doctag,
+.hljs-regexp {
+  color: #8abeb7
+}
+.hljs-title,
+.hljs-name,
+.hljs-section,
+.hljs-built_in {
+  color: #b5bd68
+}
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-id,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #ffcc66
+}
+.hljs-section,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-subst,
+.hljs-meta,
+.hljs-link {
+  color: #f99157
+}
+.hljs-deletion {
+  color: #dc322f
+}
+.hljs-formula {
+  background: #eee8d5
+}
+.hljs-attr,
+.hljs-attribute {
+  color: #81a2be
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/rainbow.min.css b/snap-client/src/styles/rainbow.min.css
new file mode 100644
index 0000000..c8ca25f
--- /dev/null
+++ b/snap-client/src/styles/rainbow.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#474949;color:#d1d9e1}.hljs-comment,.hljs-quote{color:#969896;font-style:italic}.hljs-addition,.hljs-keyword,.hljs-literal,.hljs-selector-tag,.hljs-type{color:#c9c}.hljs-number,.hljs-selector-attr,.hljs-selector-pseudo{color:#f99157}.hljs-doctag,.hljs-regexp,.hljs-string{color:#8abeb7}.hljs-built_in,.hljs-name,.hljs-section,.hljs-title{color:#b5bd68}.hljs-class .hljs-title,.hljs-selector-id,.hljs-template-variable,.hljs-title.class_,.hljs-variable{color:#fc6}.hljs-name,.hljs-section,.hljs-strong{font-weight:700}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-subst,.hljs-symbol{color:#f99157}.hljs-deletion{color:#dc322f}.hljs-formula{background:#eee8d5}.hljs-attr,.hljs-attribute{color:#81a2be}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/snap-client/src/styles/routeros.css b/snap-client/src/styles/routeros.css
new file mode 100644
index 0000000..5b3602b
--- /dev/null
+++ b/snap-client/src/styles/routeros.css
@@ -0,0 +1,86 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+ highlight.js style for MikroTik RouterOS script
+
+*/
+.hljs {
+  color: #444;
+  background: #F0F0F0
+}
+/* Base color: saturation 0; */
+.hljs-subst {
+  color: #444
+}
+.hljs-comment {
+  color: #888888
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-name {
+  font-weight: bold
+}
+.hljs-attribute {
+  color: #0E9A00
+}
+.hljs-function {
+  color: #99069A
+}
+/* User color: hue: 0 */
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #880000
+}
+.hljs-title,
+.hljs-section {
+  color: #880000;
+  font-weight: bold
+}
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #BC6060
+}
+/* Language color: hue: 90; */
+.hljs-literal {
+  color: #78A960
+}
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #0C9A9A
+}
+/* Meta color: hue: 200 */
+.hljs-meta {
+  color: #1f7199
+}
+.hljs-meta .hljs-string {
+  color: #4d99bf
+}
+/* Misc effects */
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/routeros.min.css b/snap-client/src/styles/routeros.min.css
new file mode 100644
index 0000000..0378678
--- /dev/null
+++ b/snap-client/src/styles/routeros.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#444;background:#f0f0f0}.hljs-subst{color:#444}.hljs-comment{color:#888}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-attribute{color:#0e9a00}.hljs-function{color:#99069a}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#bc6060}.hljs-literal{color:#78a960}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#0c9a9a}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/school-book.css b/snap-client/src/styles/school-book.css
new file mode 100644
index 0000000..8dcb902
--- /dev/null
+++ b/snap-client/src/styles/school-book.css
@@ -0,0 +1,62 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+School Book style from goldblog.com.ua (c) Zaripov Yura <yur4ik7@ukr.net>
+
+*/
+.hljs {
+  color: #3e5915;
+  background: #f6f5b2
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal {
+  color: #005599;
+  font-weight: bold
+}
+.hljs-subst {
+  color: #3e5915
+}
+.hljs-string,
+.hljs-title,
+.hljs-section,
+.hljs-type,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute,
+.hljs-built_in,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-link {
+  color: #2c009f
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-deletion,
+.hljs-meta {
+  color: #e60415
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-doctag,
+.hljs-title,
+.hljs-section,
+.hljs-type,
+.hljs-name,
+.hljs-selector-id,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/school-book.min.css b/snap-client/src/styles/school-book.min.css
new file mode 100644
index 0000000..843f268
--- /dev/null
+++ b/snap-client/src/styles/school-book.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#3e5915;background:#f6f5b2}.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:#059}.hljs-subst{color:#3e5915}.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-link,.hljs-section,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#2c009f}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:#e60415}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-id,.hljs-selector-tag,.hljs-strong,.hljs-title,.hljs-type{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/snap-client/src/styles/shades-of-purple.css b/snap-client/src/styles/shades-of-purple.css
new file mode 100644
index 0000000..8a51050
--- /dev/null
+++ b/snap-client/src/styles/shades-of-purple.css
@@ -0,0 +1,84 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/**
+ * Shades of Purple Theme — for Highlightjs.
+ *
+ * @author (c) Ahmad Awais <https://twitter.com/mrahmadawais/>
+ * @link GitHub Repo → https://github.com/ahmadawais/Shades-of-Purple-HighlightJS
+ * @version 1.5.0
+ */
+.hljs {
+  background: #2d2b57;
+  color: #e3dfff;
+  font-weight: normal
+}
+.hljs-subst {
+  color: #e3dfff
+}
+.hljs-title {
+  color: #fad000;
+  font-weight: normal
+}
+.hljs-name {
+  color: #a1feff
+}
+.hljs-tag {
+  color: #ffffff
+}
+.hljs-attr {
+  color: #f8d000;
+  font-style: italic
+}
+.hljs-built_in,
+.hljs-selector-tag,
+.hljs-section {
+  color: #fb9e00
+}
+.hljs-keyword {
+  color: #fb9e00
+}
+.hljs-string,
+.hljs-attribute,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition,
+.hljs-code,
+.hljs-regexp,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-template-tag,
+.hljs-quote,
+.hljs-deletion {
+  color: #4cd213
+}
+.hljs-meta,
+.hljs-meta .hljs-string {
+  color: #fb9e00
+}
+.hljs-comment {
+  color: #ac65ff
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-name,
+.hljs-strong {
+  font-weight: normal
+}
+.hljs-literal,
+.hljs-number {
+  color: #fa658d
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/shades-of-purple.min.css b/snap-client/src/styles/shades-of-purple.min.css
new file mode 100644
index 0000000..3dd25b4
--- /dev/null
+++ b/snap-client/src/styles/shades-of-purple.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#2d2b57;color:#e3dfff;font-weight:400}.hljs-subst{color:#e3dfff}.hljs-title{color:#fad000;font-weight:400}.hljs-name{color:#a1feff}.hljs-tag{color:#fff}.hljs-attr{color:#f8d000;font-style:italic}.hljs-built_in,.hljs-keyword,.hljs-section,.hljs-selector-tag{color:#fb9e00}.hljs-addition,.hljs-attribute,.hljs-bullet,.hljs-code,.hljs-deletion,.hljs-quote,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-string,.hljs-symbol,.hljs-template-tag{color:#4cd213}.hljs-meta,.hljs-meta .hljs-string{color:#fb9e00}.hljs-comment{color:#ac65ff}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-selector-tag,.hljs-strong{font-weight:400}.hljs-literal,.hljs-number{color:#fa658d}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/srcery.css b/snap-client/src/styles/srcery.css
new file mode 100644
index 0000000..1b60bd4
--- /dev/null
+++ b/snap-client/src/styles/srcery.css
@@ -0,0 +1,89 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Theme: Srcery
+Description: Srcery dark color scheme for highlight.js
+Author: Chen Bin <chen.bin@gmail.com>
+Maintainer: @redguardtoo
+Website: https://srcery-colors.github.io/
+Date: 2021-04-13
+*/
+.hljs {
+  background: #1C1B19;
+  /* Black */
+  color: #FCE8C3/* Bright White */
+  
+}
+/* Bright White */
+.hljs-subst,
+.hljs-quote,
+.hljs-literal {
+  color: #FCE8C3
+}
+/* Bright Blue */
+.hljs-type,
+.hljs-symbol {
+  color: #68A8E4
+}
+/* Red */
+.hljs-keyword,
+.hljs-deletion {
+  color: #EF2F27
+}
+/* Yellow */
+.hljs-name,
+.hljs-function,
+.hljs-attribute,
+.hljs-selector-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-pseudo,
+.hljs-section,
+.hljs-title {
+  color: #FBB829
+}
+/* Cyan */
+.hljs-code,
+.hljs-variable,
+.hljs-property,
+.hljs-template-variable,
+.hljs-class {
+  color: #0AAEB3
+}
+/* Bright Green */
+.hljs-string,
+.hljs-regexp,
+.hljs-bullet,
+.hljs-addition {
+  color: #98BC37
+}
+/* Bright Magenta */
+.hljs-built_in,
+.hljs-params {
+  color: #FF5C8F
+}
+/* Blue */
+.hljs-template-tag,
+.hljs-selector-tag {
+  color: #2C78BF
+}
+/* Bright Black */
+.hljs-link,
+.hljs-number,
+.hljs-comment,
+.hljs-meta {
+  color: #918175
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+/* @see https://github.com/srcery-colors/srcery-emacs for reference */
diff --git a/snap-client/src/styles/srcery.min.css b/snap-client/src/styles/srcery.min.css
new file mode 100644
index 0000000..377d61a
--- /dev/null
+++ b/snap-client/src/styles/srcery.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#1c1b19;color:#fce8c3}.hljs-literal,.hljs-quote,.hljs-subst{color:#fce8c3}.hljs-symbol,.hljs-type{color:#68a8e4}.hljs-deletion,.hljs-keyword{color:#ef2f27}.hljs-attribute,.hljs-function,.hljs-name,.hljs-section,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-title{color:#fbb829}.hljs-class,.hljs-code,.hljs-property,.hljs-template-variable,.hljs-variable{color:#0aaeb3}.hljs-addition,.hljs-bullet,.hljs-regexp,.hljs-string{color:#98bc37}.hljs-built_in,.hljs-params{color:#ff5c8f}.hljs-selector-tag,.hljs-template-tag{color:#2c78bf}.hljs-comment,.hljs-link,.hljs-meta,.hljs-number{color:#918175}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/stackoverflow-dark.css b/snap-client/src/styles/stackoverflow-dark.css
new file mode 100644
index 0000000..6cc355e
--- /dev/null
+++ b/snap-client/src/styles/stackoverflow-dark.css
@@ -0,0 +1,117 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  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 */
+  
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/stackoverflow-dark.min.css b/snap-client/src/styles/stackoverflow-dark.min.css
new file mode 100644
index 0000000..33cea55
--- /dev/null
+++ b/snap-client/src/styles/stackoverflow-dark.min.css
@@ -0,0 +1,13 @@
+pre code.hljs{display:block;overflow-x:auto;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{color:#fff;background:#1c1b1b}.hljs-subst{color:#fff}.hljs-comment{color:#999}.hljs-attr,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-section,.hljs-selector-tag{color:#88aece}.hljs-attribute{color:#c59bc1}.hljs-name,.hljs-number,.hljs-quote,.hljs-selector-id,.hljs-template-tag,.hljs-type{color:#f08d49}.hljs-selector-class{color:#88aece}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-string,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#b5bd68}.hljs-meta,.hljs-selector-pseudo{color:#88aece}.hljs-built_in,.hljs-literal,.hljs-title{color:#f08d49}.hljs-bullet,.hljs-code{color:#ccc}.hljs-meta .hljs-string{color:#b5bd68}.hljs-deletion{color:#de7176}.hljs-addition{color:#76c490}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/stackoverflow-light.css b/snap-client/src/styles/stackoverflow-light.css
new file mode 100644
index 0000000..308171d
--- /dev/null
+++ b/snap-client/src/styles/stackoverflow-light.css
@@ -0,0 +1,117 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: StackOverflow Light
+  Description: Light 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: #2f3337;
+  /* var(--highlight-bg) */
+  background: #f6f6f6
+}
+.hljs-subst {
+  /* var(--highlight-color) */
+  color: #2f3337
+}
+.hljs-comment {
+  /* var(--highlight-comment) */
+  color: #656e77
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-section {
+  /* var(--highlight-keyword) */
+  color: #015692
+}
+.hljs-attr {
+  /* var(--highlight-attribute); */
+  color: #015692
+}
+.hljs-attribute {
+  /* var(--highlight-symbol) */
+  color: #803378
+}
+.hljs-name,
+.hljs-type,
+.hljs-number,
+.hljs-selector-id,
+.hljs-quote,
+.hljs-template-tag {
+  /* var(--highlight-namespace) */
+  color: #b75501
+}
+.hljs-selector-class {
+  /* var(--highlight-keyword) */
+  color: #015692
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr {
+  /* var(--highlight-variable) */
+  color: #54790d
+}
+.hljs-meta,
+.hljs-selector-pseudo {
+  /* var(--highlight-keyword) */
+  color: #015692
+}
+.hljs-built_in,
+.hljs-title,
+.hljs-literal {
+  /* var(--highlight-literal) */
+  color: #b75501
+}
+.hljs-bullet,
+.hljs-code {
+  /* var(--highlight-punctuation) */
+  color: #535a60
+}
+.hljs-meta .hljs-string {
+  /* var(--highlight-variable) */
+  color: #54790d
+}
+.hljs-deletion {
+  /* var(--highlight-deletion) */
+  color: #c02d2e
+}
+.hljs-addition {
+  /* var(--highlight-addition) */
+  color: #2f6f44
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-formula,
+.hljs-operator,
+.hljs-params,
+.hljs-property,
+.hljs-punctuation,
+.hljs-tag {
+  /* purposely ignored */
+  
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/stackoverflow-light.min.css b/snap-client/src/styles/stackoverflow-light.min.css
new file mode 100644
index 0000000..c36d63d
--- /dev/null
+++ b/snap-client/src/styles/stackoverflow-light.min.css
@@ -0,0 +1,13 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: StackOverflow Light
+  Description: Light 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{color:#2f3337;background:#f6f6f6}.hljs-subst{color:#2f3337}.hljs-comment{color:#656e77}.hljs-attr,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-section,.hljs-selector-tag{color:#015692}.hljs-attribute{color:#803378}.hljs-name,.hljs-number,.hljs-quote,.hljs-selector-id,.hljs-template-tag,.hljs-type{color:#b75501}.hljs-selector-class{color:#015692}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-string,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#54790d}.hljs-meta,.hljs-selector-pseudo{color:#015692}.hljs-built_in,.hljs-literal,.hljs-title{color:#b75501}.hljs-bullet,.hljs-code{color:#535a60}.hljs-meta .hljs-string{color:#54790d}.hljs-deletion{color:#c02d2e}.hljs-addition{color:#2f6f44}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/sunburst.css b/snap-client/src/styles/sunburst.css
new file mode 100644
index 0000000..5b49f21
--- /dev/null
+++ b/snap-client/src/styles/sunburst.css
@@ -0,0 +1,89 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Sunburst-like style (c) Vasily Polovnyov <vast@whiteants.net>
+
+*/
+.hljs {
+  background: #000;
+  color: #f8f8f8
+}
+.hljs-comment,
+.hljs-quote {
+  color: #aeaeae;
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #e28964
+}
+.hljs-string {
+  color: #65b042
+}
+.hljs-subst {
+  color: #daefa3
+}
+.hljs-regexp,
+.hljs-link {
+  color: #e9c062
+}
+.hljs-title,
+.hljs-section,
+.hljs-tag,
+.hljs-name {
+  color: #89bdff
+}
+.hljs-title.class_,
+.hljs-class .hljs-title,
+.hljs-doctag {
+  text-decoration: underline
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-number {
+  color: #3387cc
+}
+.hljs-params,
+.hljs-variable,
+.hljs-template-variable {
+  color: #3e87e3
+}
+.hljs-attribute {
+  color: #cda869
+}
+.hljs-meta {
+  color: #8996a8
+}
+.hljs-formula {
+  background-color: #0e2231;
+  color: #f8f8f8;
+  font-style: italic
+}
+.hljs-addition {
+  background-color: #253b22;
+  color: #f8f8f8
+}
+.hljs-deletion {
+  background-color: #420e09;
+  color: #f8f8f8
+}
+.hljs-selector-class {
+  color: #9b703f
+}
+.hljs-selector-id {
+  color: #8b98ab
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/sunburst.min.css b/snap-client/src/styles/sunburst.min.css
new file mode 100644
index 0000000..9210ae6
--- /dev/null
+++ b/snap-client/src/styles/sunburst.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#000;color:#f8f8f8}.hljs-comment,.hljs-quote{color:#aeaeae;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-type{color:#e28964}.hljs-string{color:#65b042}.hljs-subst{color:#daefa3}.hljs-link,.hljs-regexp{color:#e9c062}.hljs-name,.hljs-section,.hljs-tag,.hljs-title{color:#89bdff}.hljs-class .hljs-title,.hljs-doctag,.hljs-title.class_{text-decoration:underline}.hljs-bullet,.hljs-number,.hljs-symbol{color:#3387cc}.hljs-params,.hljs-template-variable,.hljs-variable{color:#3e87e3}.hljs-attribute{color:#cda869}.hljs-meta{color:#8996a8}.hljs-formula{background-color:#0e2231;color:#f8f8f8;font-style:italic}.hljs-addition{background-color:#253b22;color:#f8f8f8}.hljs-deletion{background-color:#420e09;color:#f8f8f8}.hljs-selector-class{color:#9b703f}.hljs-selector-id{color:#8b98ab}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/tokyo-night-dark.css b/snap-client/src/styles/tokyo-night-dark.css
new file mode 100644
index 0000000..e746b50
--- /dev/null
+++ b/snap-client/src/styles/tokyo-night-dark.css
@@ -0,0 +1,114 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Tokyo-night-Dark
+  origin: https://github.com/enkia/tokyo-night-vscode-theme
+  Description: Original highlight.js style
+  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
+  License: see project LICENSE
+  Touched: 2022
+*/
+/*  Comment */
+.hljs-meta,
+.hljs-comment {
+  color: #565f89
+}
+/* Red */
+/*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */
+.hljs-tag,
+.hljs-doctag,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-template-tag,
+.hljs-selector-pseudo,
+.hljs-selector-attr,
+.hljs-variable.language_,
+.hljs-deletion {
+  color: #f7768e
+}
+/*Orange */
+/*INFO: Number and Boolean constants, Language support constants */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-number,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-link {
+  color: #ff9e64
+}
+/*  Yellow */
+/* INFO:  	Function parameters, Regex character sets, Terminal Yellow */
+.hljs-built_in,
+.hljs-attribute {
+  color: #e0af68
+}
+/* cyan */
+/* INFO: Language support functions, CSS HTML elements */
+.hljs-selector-tag {
+  color: #2ac3de
+}
+/* light blue */
+/* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */
+.hljs-keyword,
+.hljs-title.function_,
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-subst,
+.hljs-property {
+  color: #7dcfff
+}
+/*Green*/
+/* INFO: Object literal keys, Markdown links, Terminal Green */
+.hljs-selector-tag {
+  color: #73daca
+}
+/*Green(er) */
+/* INFO: Strings, CSS class names */
+.hljs-quote,
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #9ece6a
+}
+/* Blue */
+/* INFO:  	Function names, CSS property names, Terminal Blue */
+.hljs-code,
+.hljs-formula,
+.hljs-section {
+  color: #7aa2f7
+}
+/* Magenta */
+/*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */
+.hljs-name,
+.hljs-keyword,
+.hljs-operator,
+.hljs-keyword,
+.hljs-char.escape_,
+.hljs-attr {
+  color: #bb9af7
+}
+/* white*/
+/* INFO: Variables, Class names, Terminal White */
+.hljs-punctuation {
+  color: #c0caf5
+}
+.hljs {
+  background: #1a1b26;
+  color: #9aa5ce
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/tokyo-night-dark.min.css b/snap-client/src/styles/tokyo-night-dark.min.css
new file mode 100644
index 0000000..dc63ad9
--- /dev/null
+++ b/snap-client/src/styles/tokyo-night-dark.min.css
@@ -0,0 +1,8 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: Tokyo-night-Dark
+  origin: https://github.com/enkia/tokyo-night-vscode-theme
+  Description: Original highlight.js style
+  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
+  License: see project LICENSE
+  Touched: 2022
+*/.hljs-comment,.hljs-meta{color:#565f89}.hljs-deletion,.hljs-doctag,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-tag,.hljs-template-tag,.hljs-variable.language_{color:#f7768e}.hljs-link,.hljs-literal,.hljs-number,.hljs-params,.hljs-template-variable,.hljs-type,.hljs-variable{color:#ff9e64}.hljs-attribute,.hljs-built_in{color:#e0af68}.hljs-keyword,.hljs-property,.hljs-subst,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#7dcfff}.hljs-selector-tag{color:#73daca}.hljs-addition,.hljs-bullet,.hljs-quote,.hljs-string,.hljs-symbol{color:#9ece6a}.hljs-code,.hljs-formula,.hljs-section{color:#7aa2f7}.hljs-attr,.hljs-char.escape_,.hljs-keyword,.hljs-name,.hljs-operator{color:#bb9af7}.hljs-punctuation{color:#c0caf5}.hljs{background:#1a1b26;color:#9aa5ce}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/tokyo-night-light.css b/snap-client/src/styles/tokyo-night-light.css
new file mode 100644
index 0000000..2c7ca12
--- /dev/null
+++ b/snap-client/src/styles/tokyo-night-light.css
@@ -0,0 +1,114 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Tokyo-night-light
+  origin: https://github.com/enkia/tokyo-night-vscode-theme
+  Description: Original highlight.js style
+  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
+  License: see project LICENSE
+  Touched: 2022
+*/
+/*  Comment */
+.hljs-meta,
+.hljs-comment {
+  color: #9699a3
+}
+/* Red */
+/*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */
+.hljs-tag,
+.hljs-doctag,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-template-tag,
+.hljs-selector-pseudo,
+.hljs-selector-attr,
+.hljs-variable.language_,
+.hljs-deletion {
+  color: #8c4351
+}
+/*Orange */
+/*INFO: Number and Boolean constants, Language support constants */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-number,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-link {
+  color: #965027
+}
+/*  Yellow */
+/* INFO:  	Function parameters, Regex character sets, Terminal Yellow */
+.hljs-built_in,
+.hljs-attribute {
+  color: #8f5e15
+}
+/* cyan */
+/* INFO: Language support functions, CSS HTML elements */
+.hljs-selector-tag {
+  color: #166775
+}
+/* light blue */
+/* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */
+.hljs-keyword,
+.hljs-title.function_,
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-subst,
+.hljs-property {
+  color: #0f4b6e
+}
+/*Green*/
+/* INFO: Object literal keys, Markdown links, Terminal Green */
+.hljs-selector-tag {
+  color: #33635c
+}
+/*Green(er) */
+/* INFO: Strings, CSS class names */
+.hljs-quote,
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #485e30
+}
+/* Blue */
+/* INFO:  	Function names, CSS property names, Terminal Blue */
+.hljs-code,
+.hljs-formula,
+.hljs-section {
+  color: #34548a
+}
+/* Magenta */
+/*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */
+.hljs-name,
+.hljs-keyword,
+.hljs-operator,
+.hljs-keyword,
+.hljs-char.escape_,
+.hljs-attr {
+  color: #5a4a78
+}
+/* white*/
+/* INFO: Variables, Class names, Terminal White */
+.hljs-punctuation {
+  color: #343b58
+}
+.hljs {
+  background: #d5d6db;
+  color: #565a6e
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/tokyo-night-light.min.css b/snap-client/src/styles/tokyo-night-light.min.css
new file mode 100644
index 0000000..0096d4d
--- /dev/null
+++ b/snap-client/src/styles/tokyo-night-light.min.css
@@ -0,0 +1,8 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: Tokyo-night-light
+  origin: https://github.com/enkia/tokyo-night-vscode-theme
+  Description: Original highlight.js style
+  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
+  License: see project LICENSE
+  Touched: 2022
+*/.hljs-comment,.hljs-meta{color:#9699a3}.hljs-deletion,.hljs-doctag,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-tag,.hljs-template-tag,.hljs-variable.language_{color:#8c4351}.hljs-link,.hljs-literal,.hljs-number,.hljs-params,.hljs-template-variable,.hljs-type,.hljs-variable{color:#965027}.hljs-attribute,.hljs-built_in{color:#8f5e15}.hljs-keyword,.hljs-property,.hljs-subst,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#0f4b6e}.hljs-selector-tag{color:#33635c}.hljs-addition,.hljs-bullet,.hljs-quote,.hljs-string,.hljs-symbol{color:#485e30}.hljs-code,.hljs-formula,.hljs-section{color:#34548a}.hljs-attr,.hljs-char.escape_,.hljs-keyword,.hljs-name,.hljs-operator{color:#5a4a78}.hljs-punctuation{color:#343b58}.hljs{background:#d5d6db;color:#565a6e}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/tomorrow-night-blue.css b/snap-client/src/styles/tomorrow-night-blue.css
new file mode 100644
index 0000000..ae57a71
--- /dev/null
+++ b/snap-client/src/styles/tomorrow-night-blue.css
@@ -0,0 +1,69 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/* Tomorrow Night Blue Theme */
+/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
+/* Original theme - https://github.com/chriskempson/tomorrow-theme */
+/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
+/* Tomorrow Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #7285b7
+}
+/* Tomorrow Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #ff9da4
+}
+/* Tomorrow Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link {
+  color: #ffc58f
+}
+/* Tomorrow Yellow */
+.hljs-attribute {
+  color: #ffeead
+}
+/* Tomorrow Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #d1f1a9
+}
+/* Tomorrow Blue */
+.hljs-title,
+.hljs-section {
+  color: #bbdaff
+}
+/* Tomorrow Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #ebbbff
+}
+.hljs {
+  background: #002451;
+  color: white
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/tomorrow-night-blue.min.css b/snap-client/src/styles/tomorrow-night-blue.min.css
new file mode 100644
index 0000000..2f71b26
--- /dev/null
+++ b/snap-client/src/styles/tomorrow-night-blue.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs-comment,.hljs-quote{color:#7285b7}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ff9da4}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#ffc58f}.hljs-attribute{color:#ffeead}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#d1f1a9}.hljs-section,.hljs-title{color:#bbdaff}.hljs-keyword,.hljs-selector-tag{color:#ebbbff}.hljs{background:#002451;color:#fff}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/tomorrow-night-bright.css b/snap-client/src/styles/tomorrow-night-bright.css
new file mode 100644
index 0000000..b3b532d
--- /dev/null
+++ b/snap-client/src/styles/tomorrow-night-bright.css
@@ -0,0 +1,68 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/* Tomorrow Night Bright Theme */
+/* Original theme - https://github.com/chriskempson/tomorrow-theme */
+/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
+/* Tomorrow Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #969896
+}
+/* Tomorrow Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #d54e53
+}
+/* Tomorrow Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link {
+  color: #e78c45
+}
+/* Tomorrow Yellow */
+.hljs-attribute {
+  color: #e7c547
+}
+/* Tomorrow Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #b9ca4a
+}
+/* Tomorrow Blue */
+.hljs-title,
+.hljs-section {
+  color: #7aa6da
+}
+/* Tomorrow Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #c397d8
+}
+.hljs {
+  background: black;
+  color: #eaeaea
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/tomorrow-night-bright.min.css b/snap-client/src/styles/tomorrow-night-bright.min.css
new file mode 100644
index 0000000..d335629
--- /dev/null
+++ b/snap-client/src/styles/tomorrow-night-bright.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs-comment,.hljs-quote{color:#969896}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#d54e53}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#e78c45}.hljs-attribute{color:#e7c547}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#b9ca4a}.hljs-section,.hljs-title{color:#7aa6da}.hljs-keyword,.hljs-selector-tag{color:#c397d8}.hljs{background:#000;color:#eaeaea}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/vs.css b/snap-client/src/styles/vs.css
new file mode 100644
index 0000000..dc35c88
--- /dev/null
+++ b/snap-client/src/styles/vs.css
@@ -0,0 +1,63 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Visual Studio-like style based on original C# coloring by Jason Diamond <jason@diamond.name>
+
+*/
+.hljs {
+  background: white;
+  color: black
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-variable {
+  color: #008000
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-built_in,
+.hljs-name,
+.hljs-tag {
+  color: #00f
+}
+.hljs-string,
+.hljs-title,
+.hljs-section,
+.hljs-attribute,
+.hljs-literal,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-type,
+.hljs-addition {
+  color: #a31515
+}
+.hljs-deletion,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-meta {
+  color: #2b91af
+}
+.hljs-doctag {
+  color: #808080
+}
+.hljs-attr {
+  color: #f00
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link {
+  color: #00b0e8
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/vs.min.css b/snap-client/src/styles/vs.min.css
new file mode 100644
index 0000000..fb695c1
--- /dev/null
+++ b/snap-client/src/styles/vs.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#000}.hljs-comment,.hljs-quote,.hljs-variable{color:green}.hljs-built_in,.hljs-keyword,.hljs-name,.hljs-selector-tag,.hljs-tag{color:#00f}.hljs-addition,.hljs-attribute,.hljs-literal,.hljs-section,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type{color:#a31515}.hljs-deletion,.hljs-meta,.hljs-selector-attr,.hljs-selector-pseudo{color:#2b91af}.hljs-doctag{color:grey}.hljs-attr{color:red}.hljs-bullet,.hljs-link,.hljs-symbol{color:#00b0e8}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/snap-client/src/styles/vs2015.css b/snap-client/src/styles/vs2015.css
new file mode 100644
index 0000000..2c2cf04
--- /dev/null
+++ b/snap-client/src/styles/vs2015.css
@@ -0,0 +1,100 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+ * Visual Studio 2015 dark style
+ * Author: Nicolas LLOBERA <nllobera@gmail.com>
+ */
+.hljs {
+  background: #1E1E1E;
+  color: #DCDCDC
+}
+.hljs-keyword,
+.hljs-literal,
+.hljs-symbol,
+.hljs-name {
+  color: #569CD6
+}
+.hljs-link {
+  color: #569CD6;
+  text-decoration: underline
+}
+.hljs-built_in,
+.hljs-type {
+  color: #4EC9B0
+}
+.hljs-number,
+.hljs-class {
+  color: #B8D7A3
+}
+.hljs-string,
+.hljs-meta .hljs-string {
+  color: #D69D85
+}
+.hljs-regexp,
+.hljs-template-tag {
+  color: #9A5334
+}
+.hljs-subst,
+.hljs-function,
+.hljs-title,
+.hljs-params,
+.hljs-formula {
+  color: #DCDCDC
+}
+.hljs-comment,
+.hljs-quote {
+  color: #57A64A;
+  font-style: italic
+}
+.hljs-doctag {
+  color: #608B4E
+}
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-tag {
+  color: #9B9B9B
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #BD63C5
+}
+.hljs-attr,
+.hljs-attribute {
+  color: #9CDCFE
+}
+.hljs-section {
+  color: gold
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+/*.hljs-code {
+  font-family:'Monospace';
+}*/
+.hljs-bullet,
+.hljs-selector-tag,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #D7BA7D
+}
+.hljs-addition {
+  background-color: #144212;
+  display: inline-block;
+  width: 100%
+}
+.hljs-deletion {
+  background-color: #600;
+  display: inline-block;
+  width: 100%
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/vs2015.min.css b/snap-client/src/styles/vs2015.min.css
new file mode 100644
index 0000000..7f6fe11
--- /dev/null
+++ b/snap-client/src/styles/vs2015.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#1e1e1e;color:#dcdcdc}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-symbol{color:#569cd6}.hljs-link{color:#569cd6;text-decoration:underline}.hljs-built_in,.hljs-type{color:#4ec9b0}.hljs-class,.hljs-number{color:#b8d7a3}.hljs-meta .hljs-string,.hljs-string{color:#d69d85}.hljs-regexp,.hljs-template-tag{color:#9a5334}.hljs-formula,.hljs-function,.hljs-params,.hljs-subst,.hljs-title{color:#dcdcdc}.hljs-comment,.hljs-quote{color:#57a64a;font-style:italic}.hljs-doctag{color:#608b4e}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-tag{color:#9b9b9b}.hljs-template-variable,.hljs-variable{color:#bd63c5}.hljs-attr,.hljs-attribute{color:#9cdcfe}.hljs-section{color:gold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-bullet,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{color:#d7ba7d}.hljs-addition{background-color:#144212;display:inline-block;width:100%}.hljs-deletion{background-color:#600;display:inline-block;width:100%}
\ No newline at end of file
diff --git a/snap-client/src/styles/xcode.css b/snap-client/src/styles/xcode.css
new file mode 100644
index 0000000..6ed07fb
--- /dev/null
+++ b/snap-client/src/styles/xcode.css
@@ -0,0 +1,90 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>
+
+*/
+.hljs {
+  background: #fff;
+  color: black
+}
+/* Gray DOCTYPE selectors like WebKit */
+.xml .hljs-meta {
+  color: #c0c0c0
+}
+.hljs-comment,
+.hljs-quote {
+  color: #007400
+}
+.hljs-tag,
+.hljs-attribute,
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-name {
+  color: #aa0d91
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #3F6E74
+}
+.hljs-code,
+.hljs-string,
+.hljs-meta .hljs-string {
+  color: #c41a16
+}
+.hljs-regexp,
+.hljs-link {
+  color: #0E0EFF
+}
+.hljs-title,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-number {
+  color: #1c00cf
+}
+.hljs-section,
+.hljs-meta {
+  color: #643820
+}
+.hljs-title.class_,
+.hljs-class .hljs-title,
+.hljs-type,
+.hljs-built_in,
+.hljs-params {
+  color: #5c2699
+}
+.hljs-attr {
+  color: #836C28
+}
+.hljs-subst {
+  color: #000
+}
+.hljs-formula {
+  background-color: #eee;
+  font-style: italic
+}
+.hljs-addition {
+  background-color: #baeeba
+}
+.hljs-deletion {
+  background-color: #ffc8bd
+}
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #9b703f
+}
+.hljs-doctag,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/xcode.min.css b/snap-client/src/styles/xcode.min.css
new file mode 100644
index 0000000..cda4adc
--- /dev/null
+++ b/snap-client/src/styles/xcode.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#000}.xml .hljs-meta{color:silver}.hljs-comment,.hljs-quote{color:#007400}.hljs-attribute,.hljs-keyword,.hljs-literal,.hljs-name,.hljs-selector-tag,.hljs-tag{color:#aa0d91}.hljs-template-variable,.hljs-variable{color:#3f6e74}.hljs-code,.hljs-meta .hljs-string,.hljs-string{color:#c41a16}.hljs-link,.hljs-regexp{color:#0e0eff}.hljs-bullet,.hljs-number,.hljs-symbol,.hljs-title{color:#1c00cf}.hljs-meta,.hljs-section{color:#643820}.hljs-built_in,.hljs-class .hljs-title,.hljs-params,.hljs-title.class_,.hljs-type{color:#5c2699}.hljs-attr{color:#836c28}.hljs-subst{color:#000}.hljs-formula{background-color:#eee;font-style:italic}.hljs-addition{background-color:#baeeba}.hljs-deletion{background-color:#ffc8bd}.hljs-selector-class,.hljs-selector-id{color:#9b703f}.hljs-doctag,.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/snap-client/src/styles/xt256.css b/snap-client/src/styles/xt256.css
new file mode 100644
index 0000000..85950c4
--- /dev/null
+++ b/snap-client/src/styles/xt256.css
@@ -0,0 +1,79 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+  xt256.css
+
+  Contact: initbar [at] protonmail [dot] ch
+         : github.com/initbar
+*/
+.hljs {
+  color: #eaeaea;
+  background: #000
+}
+.hljs-subst {
+  color: #eaeaea
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-type {
+  color: #eaeaea
+}
+.hljs-params {
+  color: #da0000
+}
+.hljs-literal,
+.hljs-number,
+.hljs-name {
+  color: #ff0000;
+  font-weight: bolder
+}
+.hljs-comment {
+  color: #969896
+}
+.hljs-selector-id,
+.hljs-quote {
+  color: #00ffff
+}
+.hljs-template-variable,
+.hljs-variable,
+.hljs-title {
+  color: #00ffff;
+  font-weight: bold
+}
+.hljs-selector-class,
+.hljs-keyword,
+.hljs-symbol {
+  color: #fff000
+}
+.hljs-string,
+.hljs-bullet {
+  color: #00ff00
+}
+.hljs-tag,
+.hljs-section {
+  color: #000fff
+}
+.hljs-selector-tag {
+  color: #000fff;
+  font-weight: bold
+}
+.hljs-attribute,
+.hljs-built_in,
+.hljs-regexp,
+.hljs-link {
+  color: #ff00ff
+}
+.hljs-meta {
+  color: #fff;
+  font-weight: bolder
+}
\ No newline at end of file
diff --git a/snap-client/src/styles/xt256.min.css b/snap-client/src/styles/xt256.min.css
new file mode 100644
index 0000000..ef34f0c
--- /dev/null
+++ b/snap-client/src/styles/xt256.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#eaeaea;background:#000}.hljs-subst{color:#eaeaea}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-type{color:#eaeaea}.hljs-params{color:#da0000}.hljs-literal,.hljs-name,.hljs-number{color:red;font-weight:bolder}.hljs-comment{color:#969896}.hljs-quote,.hljs-selector-id{color:#0ff}.hljs-template-variable,.hljs-title,.hljs-variable{color:#0ff;font-weight:700}.hljs-keyword,.hljs-selector-class,.hljs-symbol{color:#fff000}.hljs-bullet,.hljs-string{color:#0f0}.hljs-section,.hljs-tag{color:#000fff}.hljs-selector-tag{color:#000fff;font-weight:700}.hljs-attribute,.hljs-built_in,.hljs-link,.hljs-regexp{color:#f0f}.hljs-meta{color:#fff;font-weight:bolder}
\ No newline at end of file
diff --git a/snap-server/src/event_handler/config.rs b/snap-server/src/event_handler/config.rs
index cbfbbf2..0e1a08b 100644
--- a/snap-server/src/event_handler/config.rs
+++ b/snap-server/src/event_handler/config.rs
@@ -9,6 +9,7 @@ pub struct Config {
     preview_title: String,
     watermark_font_family: String,
     editor_font_family: String,
+    highlight_theme: String,
 }
 
 impl From<&str> for Config {
diff --git a/snap-server/src/main.rs b/snap-server/src/main.rs
index 01d690f..68119bb 100644
--- a/snap-server/src/main.rs
+++ b/snap-server/src/main.rs
@@ -55,6 +55,7 @@ async fn main() -> std::io::Result<()> {
             .route("/themes.json", web::get().to(themes))
             .service(Files::new("/public", "./public"))
             .service(Files::new("/static", "./public/static"))
+            .service(Files::new("/styles", "./public/styles"))
     })
     .bind(("127.0.0.1", available_port))?
     .run()