From 6b2f4f59fbe41fa8a883dbfa9ca5eecef179c0fb Mon Sep 17 00:00:00 2001
From: reuixiy <reuixiy@gmail.com>
Date: Thu, 22 Aug 2019 00:18:44 +0800
Subject: [PATCH] fix: syntax highlight style

---
 assets/scss/_common/single.scss | 33 ++++++++++++++-------------------
 assets/scss/main.scss           |  4 ++--
 2 files changed, 16 insertions(+), 21 deletions(-)

diff --git a/assets/scss/_common/single.scss b/assets/scss/_common/single.scss
index 1604d225..34bc2f5a 100644
--- a/assets/scss/_common/single.scss
+++ b/assets/scss/_common/single.scss
@@ -187,22 +187,24 @@ pre {
     overflow: auto;
     font-size: $fontSize * 0.8;
     margin: ($fontSize * 2) 0;
+    padding: 1em;
+    line-height: 1.618;
+    background-color: alpha(var(--color-contrast-lower), 0.5);
 }
 .highlight {
     font-size: 0.8em;
     margin: ($fontSize * 2) 0;
-    line-height: 1.618;
-    background-color: var(--color-contrast-lower);
     code {
         margin: 0;
         padding: 0;
         font-size: 1em;
+        background-color: unset;
     }
     pre {
-        margin: 1em 0;
-    }
-    table {
-        border-collapse: separate;
+        margin: 0;
+        padding: 1em;
+        overflow: hidden;
+        background-color: unset;
     }
     th, td {
         font-size: inherit;
@@ -214,19 +216,12 @@ pre {
         background-color: inherit;
     }
 }
-span.lnt {
-    user-select: none;
-    display: block;
-    margin: 0 !important;
-    padding: 0 !important;
-}
-.lntable {
-    padding: 0 1em !important;
-}
-.lntd {
-    padding-right: 1em !important;
-    pre {
-        overflow: hidden;
+.chroma {
+    .lnt {
+        user-select: none;
+        display: block;
+        margin-right: -1em !important;
+        padding: 0 !important;
     }
 }
 
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 24472377..0ab06e6e 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -334,13 +334,13 @@
     @import "_common/_highlight/light.scss";
     .chroma {
         color: var(--color-contrast-high);
-        background-color: var(--color-contrast-lower);
+        background-color: alpha(var(--color-contrast-lower), 0.5);
     }
     {{ if .Site.Params.enableDarkMode }}
         @import "_common/_highlight/dark.scss";
         .chroma-dark {
             color: var(--color-contrast-high);
-            background-color: var(--color-contrast-lower);
+            background-color: alpha(var(--color-contrast-lower), 0.5);
         }
     {{ end }}
 {{ end }}