Isolate highlight styles of code from highlight schemes

iissnan · Feb 27, 2017 · 2664032 · 2664032
1 parent e9da79a
commit 2664032
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/source/css/_common/components/highlight/highlight.styl b/source/css/_common/components/highlight/highlight.styl
@@ -19,8 +19,8 @@ pre, code { font-family: $code-font-family; }
 code {
   padding: 2px 4px;
   word-wrap: break-word;
-  color: $highlight-foreground;
-  background: $highlight-background;
+  color: $code-foreground;
+  background: $code-background;
   border-radius: $code-border-radius;
   font-size $code-font-size;
 }
@@ -89,14 +89,14 @@ pre {
   .line { height: 20px; }
 }
 
-  
+
 .gutter {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
-  
+
 .gist table {
   width: auto;
 

diff --git a/source/css/_variables/base.styl b/source/css/_variables/base.styl
@@ -145,6 +145,8 @@ $code-font-family               = $font-family-monospace
 $code-font-size                 = 13px
 $code-font-size                 = unit(hexo-config('font.codes.size'), px) if hexo-config('font.codes.size') is a 'unit'
 $code-border-radius             = 3px
+$code-foreground                = $black-light
+$code-background                = $gainsboro