Improve code block appearance (#609)

facebook · Apr 27, 2018 · 327d044 · 327d044
1 parent 7ea0f5a
commit 327d044
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/lib/static/css/main.css b/lib/static/css/main.css
@@ -740,13 +740,15 @@ code {
 }
 
 pre code {
-  display:block;
+  display: block;
   margin: 20px 0;
-  padding:0.5em;
-  border-left: 4px solid $primaryColor;
   font-family: "SFMono-Regular",source-code-pro,Menlo,Monaco,Consolas,"Roboto Mono","Droid Sans Mono","Liberation Mono",Consolas,"Courier New",Courier,monospace;
   font-size: 13px;
-  overflow-x:auto;
+  overflow-x: auto;
+}
+
+.hljs {
+  padding: 1.25rem 1.5rem;
 }
 
 /** GitHub **/

diff --git a/website/siteConfig.js b/website/siteConfig.js
@@ -171,7 +171,7 @@ const siteConfig = {
   translationRecruitingLink: 'https://crowdin.com/project/docusaurus',
   copyright: 'Copyright © ' + new Date().getFullYear() + ' Facebook Inc.',
   highlight: {
-    theme: 'solarized-dark',
+    theme: 'atom-one-dark',
   },
   scripts: ['https://buttons.github.io/buttons.js'],
   gaTrackingId: 'UA-44373548-31',