custumize table style

_sass/klise/_base.scss

@@ -291,24 +291,26 @@ sup {
 }
 
 // Table
+.overflow-table {
+  overflow-x: auto;
+}
+
 table {
-  margin: 0 auto;
+  margin-top: $spacing-half;
   border-collapse: collapse;
-  background: $white;
   font-size: $small-font-size;
 
-  th {
+  thead {
     font-weight: $bold-weight;
-    background: #f5f5f5;
-    text-align: left;
-    border-bottom: 2px solid #f5f5f5;
+    color: $black;
+    border-bottom: 1px solid $light;
   }
 
   th,
   td,
   tr {
     border: 1px solid $light;
-    padding: 4px 8px;
+    padding: 2px 7px;
   }
 }
 

_sass/klise/_dark.scss

@@ -12,6 +12,20 @@ body[data-theme="dark"] {
     color: $dark-white;
   }
 
+  // Table
+  table {
+    thead {
+      color: $dark-white;
+      border-color: $dark-light;
+    }
+
+    th,
+    td,
+    tr {
+      border-color: $dark-light;
+    }
+  }
+
   // Post
   .page-content {
     a {

_sass/klise/_syntax.scss

@@ -8,9 +8,10 @@ code {
   word-spacing: normal;
   word-break: normal;
   word-wrap: normal;
-  font-size: 16px;
+  font-size: inherit;
+
   &.highlighter-rouge {
-    padding: 1px 4px;
+    padding: 1px 3px;
     position: relative;
     top: -1px;
     background-color: #f6f6f6;