chore(screenshot): adjust pretty under json

microlinkhq · Jan 3, 2022 · a164dec · a164dec
1 parent 898ac18
commit a164dec
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/packages/cli/src/commands/screenshot.js b/packages/cli/src/commands/screenshot.js
@@ -41,12 +41,15 @@ module.exports = async ({ url, browserless, opts }) => {
   }
 
   if (opts.codeScheme === 'ghcolors') {
-    const isDark = await darkMode.isDark()
+    const isDark = darkMode.isDark()
     opts.colorScheme = isDark ? 'dark' : 'light'
 
-    opts.styles = isDark
-      ? '#screenshot pre{background:#000}#screenshot .token.string{color:#50e3c2}#screenshot .token.number{color:#f81ce5}'
-      : '#screenshot pre{background:#fff}#screenshot .token.string{color:#f81ce5}#screenshot .token.number{color:#50e3c2}'
+    opts.styles = [
+      isDark
+        ? '#screenshot pre{background:#000}#screenshot .token.string{color:#50e3c2}#screenshot .token.number{color:#f81ce5}'
+        : '#screenshot pre{background:#fff}#screenshot .token.string{color:#f81ce5}#screenshot .token.number{color:#50e3c2}',
+      '#screenshot .language-js span{font-family:"Roboto Mono"}'
+    ]
   }
 
   const screenshot = await browserless.screenshot(url, opts)

diff --git a/packages/screenshot/src/pretty/html.js b/packages/screenshot/src/pretty/html.js
@@ -35,7 +35,7 @@ const resetCSS = `<style>
   }
 </style>`
 
-const JSON_MAX_LENGTH = 76 * 0.5
+const JSON_MAX_LENGTH = 72 * 0.5
 const TEXT_MAX_LENGTH = 96 * 0.6
 
 const truncate = (input, maxLength) => {