diff --git a/src/app/common/common.less b/src/app/common/common.less
index c7967ea5..20d53c36 100644
--- a/src/app/common/common.less
+++ b/src/app/common/common.less
@@ -271,16 +271,20 @@
 .markdown {
     color: @term-white;
     margin-bottom: 10px;
+    font-family: @markdown-font;
+    font-size: 14px;
 
     code {
-        background-color: @term-black;
+        background-color: @markdown-highlight;
         color: @term-white;
-        padding: 5px;
+        font-family: @terminal-font;
+        display: inline-block;
     }
 
     code.inline {
         padding-top: 0;
         padding-bottom: 0;
+        font-family: @terminal-font;
     }
 
     .title {
@@ -317,14 +321,14 @@
     blockquote {
         margin: 4px 10px 4px 10px;
         border-radius: 3px;
-        background-color: #444;
+        background-color: @markdown-highlight;
         padding: 2px 4px 2px 6px;
     }
 
     pre {
-        background-color: inherit;
+        background-color: @markdown-highlight;
         margin: 4px 10px 4px 10px;
-        padding: 2px 4px 2px 6px;
+        padding: 6px 6px 6px 10px;
     }
 
     .title.is-1 {
diff --git a/src/app/common/themes/themes.less b/src/app/common/themes/themes.less
index 7a1a0573..46affbd5 100644
--- a/src/app/common/themes/themes.less
+++ b/src/app/common/themes/themes.less
@@ -55,3 +55,7 @@
 // @font-face declaration lives in app.less
 @fixed-font: "Martian Mono", sans-serif;
 @terminal-font: "JetBrains Mono", sans-serif;
+
+// to match Github
+@markdown-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial,sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+@markdown-highlight: rgb(35, 35, 35);
diff --git a/src/plugins/markdown/markdown.less b/src/plugins/markdown/markdown.less
index 14b98a27..b83dc8d8 100644
--- a/src/plugins/markdown/markdown.less
+++ b/src/plugins/markdown/markdown.less
@@ -7,78 +7,6 @@
     .scroller {
         overflow-y: auto;
     }
-
-    code {
-        background-color: @term-black;
-        color: @term-white;
-        padding: 5px;
-    }
-
-    code.inline {
-        padding-top: 0;
-        padding-bottom: 0;
-    }
-
-    .title {
-        color: @term-white;
-        margin-top: 16px;
-        margin-bottom: 8px;
-    }
-
-    strong {
-        color: @term-white;
-    }
-
-    a {
-        color: #32afff;
-    }
-
-    table {
-        tr th {
-            color: @term-white;
-        }
-    }
-
-    ul {
-        list-style-type: disc;
-        list-style-position: outside;
-        margin-left: 16px;
-    }
-
-    ol {
-        list-style-position: outside;
-        margin-left: 19px;
-    }
-
-    blockquote {
-        margin: 4px 10px 4px 10px;
-        border-radius: 3px;
-        background-color: #444;
-        padding: 2px 4px 2px 6px;
-    }
-
-    pre {
-        background-color: inherit;
-        margin: 4px 10px 4px 10px;
-        padding: 2px 4px 2px 6px;
-    }
-
-    .title.is-1 {
-        border-bottom: 1px solid #777;
-        padding-bottom: 6px;
-    }
-    .title.is-2 {
-        border-bottom: 1px solid #777;
-        padding-bottom: 6px;
-    }
-    .title.is-3 {
-    }
-    .title.is-4 {
-    }
-    .title.is-5 {
-    }
-    .title.is-6 {
-    }
 }
 
 .markdown > *:first-child {