Changed highlight colors

thiagorossener · Feb 4, 2020 · 76d05c8 · 76d05c8
1 parent 38c8c5b
commit 76d05c8
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 35 deletions.
diff --git a/_sass/_highlight.scss b/_sass/_highlight.scss
@@ -1,5 +1,5 @@
 pre {
-  background: #222;
+  background: #282a36;
   width: 100%;
   padding: rem(20px) 0;
   color: $accentDark;
@@ -13,7 +13,7 @@ pre {
   }
 
   code {
-    @include center(rem(800px));
+    @include center(rem(800));
     padding: 0 rem(20px);
 
     @include media("<sm") {
@@ -36,25 +36,23 @@ pre {
   }
 
   .hll {
-    background-color: #333;
+    background-color: #282a36;
   }
 
   .c,     // Comment
   .cm,    // Comment.Multiline
   .cp,    // Comment.Preproc
   .c1,    // Comment.Single
   .cs {   // Comment.Special
-    color: #75715e;
+    color: #6272a4;
   }
 
   .err {  // Error
-    color: #960050;
-    background-color: #1e0010;
+    color: #ff5555;
+    background-color: #282a36;
   }
 
-  .k,     // Keyword
   .kc,    // Keyword.Constant
-  .kd,    // Keyword.Declaration
   .kp,    // Keyword.Pseudo
   .kr,    // Keyword.Reserved
   .kt,    // Keyword.Type
@@ -72,17 +70,12 @@ pre {
     color: #ae81ff;
   }
 
-  .o,     // Operator
-  .p {    // Punctuation
-
+  .p,     // Punctuation
+  .nx {   // Name.Other
     color: #f7f7f2;
   }
 
-  .m,     // Literal.Number
-  .n,     // Name
-  .nb,    // Name.Builtin
   .ni,    // Name.Entity
-  .nl,    // Name.Label
   .nn,    // Name.Namespace
   .py,    // Name.Property
   .nv,    // Name.Variable
@@ -91,13 +84,26 @@ pre {
   .vc,    // Name.Variable.Class
   .vg,    // Name.Variable.Global
   .vi {   // Name.Variable.Instance
-    color: #a4d043;
+    color: #50fa7b;
+  }
+
+  .nl {   // Name.Label
+    color: #8be9fd;
+  }
+
+  .n,     // Name
+  .nb,    // Name.Builtin
+  .m {    // Literal.Number
+    color: #bd93f9;
   }
 
-  .kn,    // Keyword.Namespace
   .nt,    // Name.Tag
+  .k,     // Keyword
+  .kn,    // Keyword.Namespace
+  .kd,    // Keyword.Declaration
+  .o,     // Operator
   .ow {   // Operator.Word
-    color: #f92672;
+    color: #ff79c6;
   }
 
   .ge {   // Generic.Emph
@@ -108,27 +114,27 @@ pre {
     font-weight: bold;
   }
 
-  .ld,    // Literal.Date
-  .s,     // Literal.String
-  .sb,    // Literal.String.Backtick
-  .sc,    // Literal.String.Char
-  .sd,    // Literal.String.Doc
-  .s2,    // Literal.String.Double
-  .sh,    // Literal.String.Heredoc
-  .si,    // Literal.String.Interpol
-  .sx,    // Literal.String.Other
-  .sr,    // Literal.String.Regex
-  .s1,    // Literal.String.Single
-  .ss {   // Literal.String.Symbol
-    color: #e6db74;
+  .ld,     // Literal.Date
+  .s,      // Literal.String
+  .sb,     // Literal.String.Backtick
+  .sc,     // Literal.String.Char
+  .sd,     // Literal.String.Doc
+  .s2,     // Literal.String.Double
+  .sh,     // Literal.String.Heredoc
+  .si,     // Literal.String.Interpol
+  .sx,     // Literal.String.Other
+  .sr,     // Literal.String.Regex
+  .s1,     // Literal.String.Single
+  .ss,     // Literal.String.Symbol
+  .vglnk { // Link
+    color: #f1fa8c;
   }
 
   .na,    // Name.Attribute
   .nc,    // Name.Class
   .nd,    // Name.Decorator
   .ne,    // Name.Exception
-  .nf,    // Name.Function
-  .nx {   // Name.Other
-    color: #a6e22e;
+  .nf {   // Name.Function
+    color: #50fa7b;
   }
 }
diff --git a/_sass/_post.scss b/_sass/_post.scss
@@ -44,6 +44,15 @@
     padding: 10px 0;
   }
 
+  svg {
+    width: 20px;
+    height: 20px;
+    fill: $themeColor;
+    margin-top: rem(-2px);
+    margin-left: rem(3px);
+    margin-right: rem(3px);
+  }
+
   figure {
     margin: rem(20px) auto 0;
   }
@@ -140,7 +149,7 @@
 
     code {
       font-size: rem(15px);
-      background: #222;
+      background: #282a36;
       color: #fff;
       word-wrap: break-word;
       padding: rem(3px) rem(5px);
@@ -537,6 +546,7 @@
         font-size: rem(15px);
       }
     }
+
     svg {
       fill: #fff;
       width: rem(22px);
@@ -553,6 +563,7 @@
         height: rem(28px);
       }
     }
+
     span {
       vertical-align: middle;
     }
@@ -590,6 +601,7 @@
       max-width: rem(200px);
       transition: all 0.3s;
     }
+
     .title {
       font-size: rem(16px);
       color: #fff;