fix some style

assets/sass/markdown.scss

@@ -16,13 +16,17 @@
 }
 
 .md table thead {
-  background-color: var(--bd);
+  border-top: 2px solid var(--ft);
+  border-bottom: 1px solid var(--ft);
+}
+
+.md table tbody {
+  border-bottom: 2px solid var(--ft);
 }
 
 .md table th, 
 .md table td {
   padding: 10px 20px;
-  border-bottom: 1px solid var(--bd);
 }
 
 .md img {

assets/sass/syntax.scss

@@ -7,6 +7,10 @@ code[class*="language-"] {
   line-height: 1.5;
 }
 
+pre {
+  line-height: 1.2;
+}
+
 .chroma {
   background-color: #292929;
   margin: .5em 0;

exampleSite/content/markdown-syntax.md

@@ -54,16 +54,14 @@ The blockquote element represents content that is quoted from another source, op
 Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
 
 | Name | Age |
-| ---- | --- |
-
-    Bob | 27
-
-  Alice | 23
+|:----:|:---:|
+|  Bob | 27  |
+| Alice | 23 |
 
 #### Inline Markdown within tables
 
 | Italics   | Bold     | Code   |
-| --------- | -------- | ------ |
+|:---------:|:--------:|:------:|
 | *italics* | **bold** | `code` |
 
 ## Code Blocks