Browse Source

style: hljs github

richard1015 4 years ago
parent
commit
7edbde0869
1 changed files with 49 additions and 32 deletions
  1. 49 32
      src/sites/assets/styles/highlight.scss

+ 49 - 32
src/sites/assets/styles/highlight.scss

@@ -30,54 +30,71 @@ pre {
   background: #f7f8fa;
   background: #f7f8fa;
 }
 }
 
 
-.hljs-subst {
-  color: $nutui-doc-code-color;
+.hljs-comment,
+.hljs-quote {
+  color: #a0a1a7;
+  font-style: italic;
 }
 }
 
 
-.hljs-string,
-.hljs-meta,
-.hljs-symbol,
-.hljs-template-tag,
-.hljs-template-variable,
-.hljs-addition {
-  color: $nutui-doc-red;
+.hljs-doctag,
+.hljs-formula,
+.hljs-keyword {
+  color: #a626a4;
 }
 }
 
 
-.hljs-comment,
-.hljs-quote {
-  color: #999;
+.hljs-deletion,
+.hljs-name,
+.hljs-section,
+.hljs-selector-tag,
+.hljs-subst {
+  color: #e45649;
 }
 }
 
 
-.hljs-params,
-.hljs-keyword,
-.hljs-attribute {
-  color: $nutui-doc-purple;
+.hljs-literal {
+  color: #0184bb;
 }
 }
 
 
-.hljs-deletion,
-.hljs-variable,
-.hljs-number,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta-string,
 .hljs-regexp,
 .hljs-regexp,
-.hljs-literal,
-.hljs-bullet,
-.hljs-link {
-  color: #eb6f6f;
+.hljs-string {
+  color: #50a14f;
 }
 }
 
 
-.hljs-attr,
-.hljs-selector-tag,
-.hljs-title,
-.hljs-section,
 .hljs-built_in,
 .hljs-built_in,
-.hljs-doctag,
+.hljs-class .hljs-title {
+  color: #c18401;
+}
+
+.hljs-attr,
+.hljs-number,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-pseudo,
+.hljs-template-variable,
 .hljs-type,
 .hljs-type,
-.hljs-name,
+.hljs-variable {
+  color: #986801;
+}
+
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
 .hljs-selector-id,
 .hljs-selector-id,
-.hljs-selector-class,
-.hljs-strong {
-  color: #4994df;
+.hljs-symbol,
+.hljs-title {
+  color: #4078f2;
 }
 }
 
 
 .hljs-emphasis {
 .hljs-emphasis {
   font-style: italic;
   font-style: italic;
 }
 }
+
+.hljs-strong {
+  font-weight: 700;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}