add default highlightjs style vnote.css

src/resources/markdown_template.html

@@ -6,7 +6,7 @@
         <!-- BACKGROUND_PLACE_HOLDER -->
     </style>
     <link rel="stylesheet" type="text/css" href="CSS_PLACE_HOLDER">
-    <link rel="stylesheet" type="text/css" href="qrc:/utils/highlightjs/styles/default.css">
+    <link rel="stylesheet" type="text/css" href="qrc:/utils/highlightjs/styles/vnote.css">
     <script src="qrc:/resources/qwebchannel.js"></script>
     <script src="qrc:/utils/highlightjs/highlight.pack.js"></script>
     <!-- EXTRA_PLACE_HOLDER -->

src/resources/styles/default.mdhl

@@ -94,13 +94,13 @@ foreground: 551a8b
 font-family: Consolas, Monaco, Andale Mono, Monospace, Courier New
 # Codeblock sylte from HighlightJS (bold, italic, underlined, color)
 # The last occurence of the same attribute takes effect
-hljs-comment: 888888
-hljs-keyword: bold
-hljs-attribute: bold
-hljs-selector-tag: bold
-hljs-meta-keyword: bold
-hljs-doctag: bold
-hljs-name: bold
+hljs-comment: 6c6c6c
+hljs-keyword: 0000ee
+hljs-attribute: 0000ee
+hljs-selector-tag: 0000ee
+hljs-meta-keyword: 0000ee
+hljs-doctag: 0000ee
+hljs-name: 0000ee
 hljs-type: 880000
 hljs-string: 880000
 hljs-number: 880000
@@ -118,11 +118,11 @@ hljs-template-variable: bc6060
 hljs-link: bc6060
 hljs-selector-attr: bc6060
 hljs-selector-pseudo: bc6060
-hljs-literal: 78a960
-hljs-built_in: 397300
-hljs-bullet: 397300
-hljs-code: 397300
-hljs-addition: 397300
+hljs-literal: af00d7
+hljs-built_in: 008700
+hljs-bullet: 008700
+hljs-code: 008700
+hljs-addition: 008700
 hljs-meta: 1f7199
 hljs-meta-string: 4d99bf
 hljs-emphasis: italic

src/utils/highlightjs/styles/vnote.css

@@ -0,0 +1,99 @@
+/*
+
+Original highlight.js style (c) Ivan Sagalaev <[email protected]>
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #F0F0F0;
+}
+
+
+/* Base color: saturation 0; */
+
+.hljs,
+.hljs-subst {
+  color: #363636;
+}
+
+.hljs-comment {
+  color: #767676;
+}
+
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta-keyword,
+.hljs-doctag,
+.hljs-name {
+  color: #0000ee;
+}
+
+
+/* User color: hue: 0 */
+
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #880000;
+}
+
+.hljs-title,
+.hljs-section {
+  color: #880000;
+  font-weight: bold;
+}
+
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #BC6060;
+}
+
+
+/* Language color: hue: 90; */
+
+.hljs-literal {
+  color: #af00d7;
+}
+
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #008700;
+}
+
+
+/* Meta color: hue: 200 */
+
+.hljs-meta {
+  color: #1f7199;
+}
+
+.hljs-meta-string {
+  color: #4d99bf;
+}
+
+
+/* Misc effects */
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}

src/vnote.qrc

@@ -100,5 +100,6 @@
         <file>resources/docs/shortcuts_zh.md</file>
         <file>resources/styles/default.css</file>
         <file>resources/icons/add_style.svg</file>
+        <file>utils/highlightjs/styles/vnote.css</file>
     </qresource>
 </RCC>