diff --git a/src/resources/markdown_template.html b/src/resources/markdown_template.html
index f88c7b6b..149a0745 100644
--- a/src/resources/markdown_template.html
+++ b/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 -->
diff --git a/src/resources/styles/default.mdhl b/src/resources/styles/default.mdhl
index 1598223c..eeea9a97 100644
--- a/src/resources/styles/default.mdhl
+++ b/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
diff --git a/src/utils/highlightjs/styles/vnote.css b/src/utils/highlightjs/styles/vnote.css
new file mode 100644
index 00000000..48945394
--- /dev/null
+++ b/src/utils/highlightjs/styles/vnote.css
@@ -0,0 +1,99 @@
+/*
+
+Original highlight.js style (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+
+*/
+
+.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;
+}
diff --git a/src/vnote.qrc b/src/vnote.qrc
index 1556fe27..6f77872e 100644
--- a/src/vnote.qrc
+++ b/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>