Modify markdown styles.

Author: jaywcjlove

src/components/PreviewMarkdown/css.less

@@ -1,4 +1,3 @@
-
 .hljs {
   .comment {
     color: #6a737d;
@@ -32,3 +31,21 @@
     }
   }
 }
+
+.hljs {
+  .selector-tag {
+    color: #22863a; 
+  }
+  .selector-class {
+    color: #6f42c1;
+  }
+  .selector-pseudo {
+    font-weight: bold;
+  }
+  .attribute {
+    color: #005cc5;
+  }
+  .number {
+    color: #005cc5;
+  }
+}

src/components/PreviewMarkdown/default.less

@@ -18,9 +18,9 @@
     }
     &-markdown {
       padding: 20px;
-      @import "./default.less";
-      @import "./hljs.less";
-      @import "./css.less";
+      // @import "./default.less";
+      // @import "./hljs.less";
+      // @import "./css.less";
     }
   }
 }

src/components/PreviewMarkdown/hljs.less

@@ -3,7 +3,9 @@ import hljs from 'highlight.js';
 import React from 'react';
 import ReactMarkdown, { MarkdownAbstractSyntaxTree } from 'react-markdown';
 import { IProps } from '../../common/props';
+import './hljs.less';
 import './index.less';
+import './markdown.less';
 
 hljs.configure({
   classPrefix: '', // don't append class prefix