themes: add v_moonlight theme for dark mode

src/resources/themes/v_moonlight/arrow_dropdown.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
+<g>
+	<polygon fill="#9EA5B4" points="128,192 256,320 384,192 	"/>
+</g>
+</svg>

src/resources/themes/v_moonlight/branch_closed.svg

@@ -0,0 +1,8 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <g transform="rotate(-90 256.00000000000006,256) " id="svg_1">
+   <polygon fill="#9EA5B4" id="svg_2" points="128,192 256,320 384,192  "/>
+  </g>
+ </g>
+</svg>

src/resources/themes/v_moonlight/branch_open.svg

@@ -0,0 +1,8 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <g id="svg_1">
+   <polygon fill="#9EA5B4" id="svg_2" points="128,192 256,320 384,192  "/>
+  </g>
+ </g>
+</svg>

src/resources/themes/v_moonlight/checkbox_checked.svg

@@ -0,0 +1,7 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <rect id="svg_6" fill-opacity="0" height="299" width="299" y="106.5" x="106.5" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="30" stroke="#9EA5B4" fill="#000000"/>
+  <path stroke-opacity="0" id="svg_3" d="m126,243.24589l27.93756,-27.94743l76.53449,76.52461l127.58052,-127.54102l27.94743,27.92768l-155.52795,155.50821" stroke-width="5" fill="#9EA5B4" stroke="#000000"/>
+ </g>
+</svg>

src/resources/themes/v_moonlight/checkbox_unchecked.svg

@@ -0,0 +1,6 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <rect id="svg_6" fill-opacity="0" height="299" width="299" y="106.5" x="106.5" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="30" stroke="#9EA5B4" fill="#000000"/>
+ </g>
+</svg>

src/resources/themes/v_moonlight/close.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<path style="fill:#9EA5B4" d="M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4
+	L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1
+	c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1
+	c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z"/>
+</svg>

src/resources/themes/v_moonlight/close_grey.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<path style="fill:#636D81" d="M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4
+	L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1
+	c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1
+	c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z"/>
+</svg>

src/resources/themes/v_moonlight/down.svg

@@ -0,0 +1,8 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <g transform="null" id="svg_1">
+   <polygon points="128,192 256,320 384,192  " id="svg_2" fill="#9EA5B4"/>
+  </g>
+ </g>
+</svg>

src/resources/themes/v_moonlight/down_disabled.svg

@@ -0,0 +1,8 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <g transform="null" id="svg_1">
+   <polygon points="128,192 256,320 384,192  " id="svg_2" fill="#4D5765"/>
+  </g>
+ </g>
+</svg>

src/resources/themes/v_moonlight/float.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<path style="fill:#9EA5B4" d="M64,144v304h303.9V144H64z M351.9,432H80V160h271.9V432z"/>
+	<g>
+		<polygon style="fill:#9EA5B4" points="448,64 144,64 144,128 160,128 160,80 432,80 432,352 384,352 384,368 448,368 		"/>
+	</g>
+</g>
+</svg>

src/resources/themes/v_moonlight/left.svg

@@ -0,0 +1,8 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <g transform="rotate(90 255.99999999999997,256.00000000000006) " id="svg_1">
+   <polygon points="128,192 256,320 384,192  " id="svg_2" fill="#9EA5B4"/>
+  </g>
+ </g>
+</svg>

src/resources/themes/v_moonlight/left_disabled.svg

@@ -0,0 +1,8 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <g transform="rotate(90 255.99999999999997,256.00000000000006) " id="svg_1">
+   <polygon points="128,192 256,320 384,192  " id="svg_2" fill="#4D5765"/>
+  </g>
+ </g>
+</svg>

src/resources/themes/v_moonlight/menu_checkbox.svg

@@ -0,0 +1,6 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <path stroke-opacity="0" id="svg_3" d="m126,243.24589l27.93756,-27.94743l76.53449,76.52461l127.58052,-127.54102l27.94743,27.92768l-155.52795,155.50821" stroke-width="5" fill="#9EA5B4" stroke="#000000"/>
+ </g>
+</svg>

src/resources/themes/v_moonlight/menu_radiobutton.svg

@@ -0,0 +1,6 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <circle fill="#9EA5B4" stroke="#000000" stroke-width="20" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" stroke-opacity="0" cx="257.00002" cy="256" r="83.2406" id="svg_11"/>
+ </g>
+</svg>

src/resources/themes/v_moonlight/radiobutton_checked.svg

@@ -0,0 +1,7 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <circle fill="#000000" stroke-width="30" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" fill-opacity="0" cx="256.00001" cy="256.00001" r="142.96561" id="svg_9" stroke="#9EA5B4"/>
+  <circle fill="#9EA5B4" stroke="#000000" stroke-width="20" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" stroke-opacity="0" cx="256.00002" cy="256" r="83.2406" id="svg_11"/>
+ </g>
+</svg>

src/resources/themes/v_moonlight/radiobutton_unchecked.svg

@@ -0,0 +1,6 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <circle fill="#000000" stroke-width="30" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" fill-opacity="0" cx="256.00001" cy="256.00001" r="142.96561" id="svg_9" stroke="#9EA5B4"/>
+ </g>
+</svg>

src/resources/themes/v_moonlight/right.svg

@@ -0,0 +1,8 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <g transform="rotate(-90 256.00000000000006,256) " id="svg_1">
+   <polygon fill="#9EA5B4" id="svg_2" points="128,192 256,320 384,192  "/>
+  </g>
+ </g>
+</svg>

src/resources/themes/v_moonlight/right_disabled.svg

@@ -0,0 +1,8 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <g transform="rotate(-90 256.00000000000006,256) " id="svg_1">
+   <polygon fill="#4D5765" id="svg_2" points="128,192 256,320 384,192  "/>
+  </g>
+ </g>
+</svg>

src/resources/themes/v_moonlight/up.svg

@@ -0,0 +1,8 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <g transform="rotate(180 255.99999999999997,256) " id="svg_1">
+   <polygon points="128,192 256,320 384,192  " id="svg_2" fill="#9EA5B4"/>
+  </g>
+ </g>
+</svg>

src/resources/themes/v_moonlight/up_disabled.svg

@@ -0,0 +1,8 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <g transform="rotate(180 255.99999999999997,256) " id="svg_1">
+   <polygon points="128,192 256,320 384,192  " id="svg_2" fill="#4D5765"/>
+  </g>
+ </g>
+</svg>

src/resources/themes/v_moonlight/v_moonlight.css

@@ -0,0 +1,296 @@
+body {
+    margin: 0 auto;
+    font-family: Helvetica, sans-serif, Tahoma, Arial, Verdana, Geneva, Georgia, Palatino, "Times New Roman", "Hiragino Sans GB", "冬青黑体", "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", "WenQuanYi Micro Hei", "文泉驿雅黑", Dengxian, "等线体", STXihei, "华文细黑", "Liberation Sans", "Droid Sans", NSimSun, "新宋体", SimSun, "宋体";
+    color: #ABB2BF;
+    line-height: 1;
+    padding: 30px;
+    background: #282C34;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color: #E06C75;
+    font-weight: bold;
+    margin-bottom: 24px;
+    padding: 0;
+}
+
+p {
+    padding: 0;
+}
+
+h1 {
+    font-size: 36px;
+}
+
+h2 {
+    font-size: 30px;
+}
+
+h3 {
+    font-size: 26px;
+}
+
+h4 {
+    font-size: 22px;
+}
+
+h5 {
+    font-size: 20px;
+}
+
+h6 {
+    font-size: 18px;
+}
+
+a {
+    color: #61AFEF;
+    margin: 0;
+    padding: 0;
+    vertical-align: baseline;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+a:visited {
+    color: purple;
+}
+
+ul, ol {
+    padding: 0;
+    padding-left: 24px;
+}
+
+li {
+    line-height: 24px;
+}
+
+li ul, li ul {
+    margin-left: 24px;
+}
+
+p, ul, ol {
+    font-size: 16px;
+    line-height: 24px;
+}
+
+pre {
+    display: block;
+    overflow-y: hidden;
+    overflow-x: auto;
+}
+
+code {
+    font-family: Consolas, Monaco, Andale Mono, Monospace, Courier New;
+    line-height: 1.5;
+    font-size: 14px;
+    color: #98C379;
+}
+
+pre code {
+    margin: 0;
+    padding: 0;
+    border: none;
+    color: #98C379;
+}
+
+aside {
+    display: block;
+    float: right;
+    width: 390px;
+}
+
+blockquote {
+    color: #5C6370;
+    border-left:.5em solid #5C6370;
+    padding: 0 2em;
+    margin-left:0;
+}
+
+blockquote p {
+    color: #5C6370;
+}
+
+hr {
+    display: block;
+    text-align: left;
+    margin: 1em 0;
+    border: none;
+    height: 2px;
+    background: #373E47;
+}
+
+table {
+   padding: 0;
+   border-collapse: collapse;
+}
+
+table tr {
+   border-top: 1px solid #373E47;
+   margin: 0;
+   padding: 0;
+}
+
+table tr th {
+   font-weight: bold;
+   border: 1px solid #373E47;
+   margin: 0;
+   padding: 6px 13px;
+}
+
+table tr td {
+   border: 1px solid #373E47;
+   margin: 0;
+   padding: 6px 13px;
+}
+
+table tr th :first-child, table tr td :first-child {
+   margin-top: 0;
+}
+
+table tr th :last-child, table tr td :last-child {
+   margin-bottom: 0;
+}
+
+div.mermaid-diagram {
+    overflow-y: hidden;
+    background: #7D879B;
+    color: #6C6C6C;
+}
+
+pre.mermaid-diagram {
+    overflow-y: hidden;
+}
+
+div.flowchart-diagram {
+    overflow-y: hidden;
+    background: #7D879B;
+    color: #6C6C6C;
+}
+
+pre.flowchart-diagram {
+    overflow-y: hidden;
+}
+
+.img-package {
+    text-align: center;
+}
+
+img.img-center {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+div.img-caption {
+    min-width: 20%;
+    max-width: 80%;
+    display: inline-block;
+    padding: 10px;
+    margin: 0 auto;
+    border-bottom: 1px solid #373E47;
+    color: #ABB2BF;
+    text-align: center;
+    line-height: 1.5;
+}
+
+/* For Highlight.js Line Number */
+table.hljs-ln tr {
+    border: none;
+    background-color: transparent;
+}
+
+table.hljs-ln tr td {
+    border: none;
+    background-color: transparent;
+}
+
+table.hljs-ln tr td.hljs-ln-numbers {
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+
+	text-align: center;
+	color: #5C6370;
+	border-right: 1px solid #373E47;
+	vertical-align: top;
+	padding-right: 5px;
+}
+
+table.hljs-ln tr td.hljs-ln-code {
+	padding-left: 10px;
+}
+
+::-webkit-scrollbar {
+    background-color: #21252B;
+    width: 14px;
+    height: 14px;
+    border: none;
+}
+
+::-webkit-scrollbar-corner {
+    background-color: #21252B;
+}
+
+::-webkit-scrollbar-button {
+    /* This selector affects the styling of both the up & down and left & right buttons of a scrollbar */
+    height: 14px;
+    width: 14px;
+    background-color: #21252B;
+}
+
+::-webkit-scrollbar-button:hover {
+    background-color: #424A56;
+}
+
+::-webkit-scrollbar-button:active {
+    background-color: #31363F;
+}
+
+::-webkit-scrollbar-track {
+    /* This selector affects the styling of the area in the scrollbar between the two buttons */
+    background-color: #21252B;
+}
+
+::-webkit-scrollbar-thumb {
+    /* This selector affects the styling of draggable element of the scollbar */
+    border: none;
+    background-color: #353B45;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background-color: #424A56;
+}
+
+::-webkit-scrollbar-thumb:active {
+    background-color: #31363F;
+}
+
+::-webkit-scrollbar-button:horizontal:increment {
+    background-image: url(right.svg);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+::-webkit-scrollbar-button:horizontal:decrement {
+    background-image: url(left.svg);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+::-webkit-scrollbar-button:vertical:increment {
+    background-image: url(down.svg);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+::-webkit-scrollbar-button:vertical:decrement {
+    background-image: url(up.svg);
+    background-repeat: no-repeat;
+    background-size: contain;
+}

src/resources/themes/v_moonlight/v_moonlight.mdhl

@@ -0,0 +1,172 @@
+# This is the default markdown styles used for Peg-Markdown-Highlight
+# created by Le Tan(tamlokveer@gmail.com).
+# For a complete description of the syntax, please refer to the original
+# documentation of the style parser
+# [The Syntax of PEG Markdown Highlight Stylesheets](http://hasseg.org/peg-markdown-highlight/docs/stylesheet_syntax.html).
+# VNote adds some styles in the syntax which will be marked [VNote] in the comment.
+#
+# Note: Empty lines within a section is NOT allowed.
+# Note: Do NOT modify this file directly. Copy it and tune your own style!
+
+editor
+# QTextEdit just choose the first available font, so specify the Chinese fonts first
+# Do not use "" to quote the name
+font-family: Hiragino Sans GB, 冬青黑体, Microsoft YaHei, 微软雅黑, Microsoft YaHei UI, WenQuanYi Micro Hei, 文泉驿雅黑, Dengxian, 等线体, STXihei, 华文细黑, Liberation Sans, Droid Sans, NSimSun, 新宋体, SimSun, 宋体, Helvetica, sans-serif, Tahoma, Arial, Verdana, Geneva, Georgia, Times New Roman
+font-size: 12
+foreground: abb2bf
+background: 282c34
+# [VNote] Style for trailing space
+trailing-space: 636d81
+# [VNote] Style for line number
+line-number-background: 2c313a
+line-number-foreground: 5c6370
+# [VNote] Style for selected word highlight
+selected-word-background: 454bb2
+# [VNote] Style for searched word highlight
+searched-word-background: 424956
+# [VNote] Style for searched word under cursor highlight
+searched-word-cursor-background: 596173
+# [VNote] Style for incremental searched word highlight
+incremental-searched-word-background: 596173
+# [VNote] Style for color column in fenced code block
+color-column-background: c9302c
+color-column-foreground: eeeeee
+# [VNote} Style for preview image line
+preview-image-line-foreground: 6f5799
+
+editor-selection
+foreground: abb2bf
+background: 3e4451
+
+editor-current-line
+background: 353d49
+# [VNote] Vim insert mode cursor line background
+vim-insert-background: 353d49
+# [VNote] Vim normal mode cursor line background
+vim-normal-background: 373c47
+# [VNote] Vim visual mode cursor line background
+vim-visual-background: 105fa2
+# [VNote] Vim replace mode cursor line background
+vim-replace-background: 2f3377
+
+H1
+foreground: e06c75
+font-style: bold
+font-size: +8
+
+H2
+foreground: e06c75
+font-style: bold
+font-size: +6
+
+H3
+foreground: e06c75
+font-style: bold
+font-size: +4
+
+H4
+foreground: e06c75
+font-style: bold
+font-size: +2
+
+H5
+foreground: e06c75
+font-style: bold
+font-size: +2
+
+H6
+foreground: e06c75
+font-style: bold
+font-size: +2
+
+HRULE
+foreground: 8b90f3
+
+LIST_BULLET
+foreground: e06c75
+font-style: bold
+font-size: +2
+
+LIST_ENUMERATOR
+foreground: e06c75
+
+LINK
+foreground: 61afef
+font-style: underlined
+
+AUTO_LINK_URL
+foreground: 61afef
+font-style: underlined
+
+AUTO_LINK_EMAIL
+foreground: 61afef
+font-style: underlined
+
+IMAGE
+foreground: 4883b3
+
+REFERENCE
+foreground: 56b6c2
+
+CODE
+foreground: 98c379
+font-family: Consolas, Monaco, Andale Mono, Monospace, Courier New
+
+EMPH
+font-style: italic
+
+STRONG
+font-style: bold
+
+HTML_ENTITY
+foreground: abb2bf
+
+COMMENT
+foreground: 5c6370
+
+VERBATIM
+foreground: 98c379
+font-family: Consolas, Monaco, Andale Mono, Monospace, Courier New
+# [VNote] Codeblock sylte from HighlightJS (bold, italic, underlined, color)
+# The last occurence of the same attribute takes effect
+# Could specify multiple attribute in one line
+hljs-comment: 5c6370
+hljs-quote: 5c6370
+hljs-doctag: c678dd
+hljs-keyword: c678dd
+hljs-formula: c678dd
+hljs-section: e06c75
+hljs-name: e06c75
+hljs-selector-tag: e06c75
+hljs-deletion: e06c75
+hljs-subst: e06c75
+hljs-literal: 56b6c2
+hljs-string: 98c379
+hljs-regexp: 98c379
+hljs-addition: 98c379
+hljs-attribute: 98c379
+hljs-meta-string: 98c379
+hljs-built_in: e6c07b
+hljs-class: e6c07b
+hljs-attr: d19a66
+hljs-variable: d19a66
+hljs-template-variable: d19a66
+hljs-type: d19a66
+hljs-selector-class: d19a66
+hljs-selector-attr: d19a66
+hljs-selector-pseudo: d19a66
+hljs-number: d19a66
+hljs-symbol: 61aeee
+hljs-link: underlined, 61aeee
+hljs-bullet: 61aeee
+hljs-meta: 61aeee
+hljs-selector-id: 61aeee
+hljs-title: bold, 61aeee
+hljs-emphasis: italic
+hljs-strong: bold
+
+BLOCKQUOTE
+foreground: 5c6370
+
+STRIKE
+strike-color: 586e75

src/resources/themes/v_moonlight/v_moonlight.palette

@@ -0,0 +1,343 @@
+; File path could be absolute path or relative path (related to this file).
+; Use @color_tag to reference a style.
+
+[metadata]
+qss_file=v_moonlight.qss
+mdhl_file=v_moonlight.mdhl
+css_file=v_moonlight.css
+codeblock_css_file=v_moonlight_codeblock.css
+
+[phony]
+; Abstract color attributes.
+master_fg=@edit_fg
+master_bg=#00695C
+master_light_bg=#4DB6AC
+master_drak_bg=#004D40
+master_focus_bg=#00796B
+master_hover_bg=#00796B
+master_pressed_bg=#004D40
+
+base_fg=#9DA5B4
+base_bg=#21252B
+
+main_fg=@base_fg
+main_bg=#base_bg
+
+title_fg=@base_fg
+title_bg=@base_bg
+
+disabled_fg=#4D5765
+
+content_fg=@base_fg
+content_bg=@base_bg
+
+border_bg=#181A1F
+
+separator_bg=#373E47
+
+hover_fg=#D7DAE0
+hover_bg=#31363F
+
+selected_fg=#FFFFFF
+selected_bg=#3A3F4B
+
+active_fg=@selected_fg
+active_bg=@selected_bg
+
+inactive_fg=@hover_fg
+inactive_bg=#4D5465
+
+focus_fg=@hover_fg
+focus_bg=@hover_bg
+
+pressed_fg=@hover_fg
+pressed_bg=#2C303A
+
+edit_fg=#D7DAE0
+edit_bg=#282C34
+edit_focus_bg=#1B1D23
+edit_focus_border=@master_bg
+edit_selection_fg=@edit_fg
+edit_selection_bg=#4D5565
+
+icon_fg=#9EA5B4
+icon_disabled_fg=@disabled_fg
+
+danger_fg=#F5F5F5
+danger_bg=#C9302C
+danger_focus_bg=#D9534F
+danger_hover_bg=#D9534F
+danger_pressed_bg=#AC2925
+
+[soft_defined]
+; VAvatar.
+avatar_border_bg=#7D879B
+avatar_fg=@base_bg
+avatar_bg=@base_fg
+; The border background color of the avatar when Captain mode is triggered.
+avatar_captain_mode_border_bg=@master_bg
+
+; Style of the label in Navigation mode.
+navigation_label_fg=@master_fg
+navigation_label_bg=@master_bg
+
+; Style of the bubble of VButtonWithWidget.
+bubble_fg=@master_fg
+bubble_bg=@master_bg
+
+; Icons' foreground.
+danger_icon_fg=@danger_bg
+item_icon_fg=@icon_fg
+title_icon_fg=@icon_fg
+
+; VVimIndicator.
+vim_indicator_key_label_fg=@base_fg
+vim_indicator_mode_label_fg=@base_fg
+vim_indicator_cmd_edit_pending_bg=@selected_bg
+
+; VTabIndicator.
+tab_indicator_label_fg=@base_fg
+
+; Html template.
+template_title_flash_light_fg=@master_light_bg
+template_title_flash_dark_fg=@master_bg
+
+[widgets]
+; Widget color attributes.
+
+; QWidget.
+widget_fg=@base_fg
+
+; Separator of dock widgets.
+dock_separator_bg=@border_bg
+dock_separator_hover_bg=@border_bg
+
+; Menubar.
+menubar_bg=@main_bg
+menubar_fg=@main_fg
+menubar_item_selected_bg=@selected_bg
+
+; Menu.
+menu_bg=@base_bg
+menu_fg=@base_fg
+menu_item_disabled_fg=@disabled_fg
+menu_item_selected_fg=@selected_fg
+menu_item_selected_bg=@selected_bg
+menu_separator_bg=@separator_bg
+menu_icon_fg=@icon_fg
+menu_icon_danger_fg=@danger_icon_fg
+
+; Tooltip.
+tooltip_bg=@master_bg
+tooltip_fg=@master_fg
+
+; Toolbar.
+toolbar_bg=@main_bg
+toolbar_separator_bg=@separator_bg
+toolbutton_hover_bg=@hover_bg
+toolbutton_pressed_bg=@pressed_bg
+toolbutton_checked_bg=@selected_bg
+toolbutton_icon_fg=@icon_fg
+toolbutton_icon_danger_fg=@danger_icon_fg
+
+; Toolbox.
+toolbox_icon_fg=@master_bg
+toolbox_icon_active_fg=@master_fg
+toolbox_title_border=@master_bg
+
+; Dockwidget.
+dockwidget_title_fg=@title_fg
+dockwidget_title_bg=@title_bg
+dockwidget_button_hover_bg=@hover_bg
+
+; PushButton.
+pushbutton_fg=@base_fg
+pushbutton_bg=transparent
+pushbutton_border=@border_bg
+pushbutton_pressed_bg=@pressed_bg
+pushbutton_focus_bg=@focus_bg
+pushbutton_checked_bg=@selected_bg
+pushbutton_hover_bg=@hover_bg
+pushbutton_default_border=@master_bg
+pushbutton_disabled_fg=@disabled_fg
+pushbutton_disabled_bg=@pushbutton_bg
+
+pushbutton_specialbtn_fg=@master_fg
+pushbutton_specialbtn_bg=@master_bg
+pushbutton_specialbtn_focus_bg=@master_focus_bg
+pushbutton_specialbtn_hover_bg=@master_hover_bg
+pushbutton_specialbtn_checked_bg=@master_focus_bg
+pushbutton_specialbtn_pressed_bg=@master_pressed_bg
+
+pushbutton_cornerbtn_hover_bg=@hover_bg
+pushbutton_cornerbtn_focus_bg=@focus_bg
+pushbutton_cornerbtn_pressed_bg=@pressed_bg
+
+pushbutton_statusbtn_hover_bg=@hover_bg
+pushbutton_statusbtn_focus_bg=@focus_bg
+pushbutton_statusbtn_pressed_bg=@pressed_bg
+
+pushbutton_flatbtn_hover_bg=@hover_bg
+pushbutton_flatbtn_focus_bg=@focus_bg
+pushbutton_flatbtn_pressed_bg=@pressed_bg
+
+pushbutton_selectionbtn_hover_bg=@hover_bg
+pushbutton_selectionbtn_focus_bg=@focus_bg
+pushbutton_selectionbtn_pressed_bg=@pressed_bg
+
+pushbutton_titlebtn_bg=@title_bg
+pushbutton_titlebtn_hover_bg=@hover_bg
+pushbutton_titlebtn_focus_bg=@focus_bg
+pushbutton_titlebtn_pressed_bg=@pressed_bg
+
+pushbutton_dangerbtn_fg=@danger_fg
+pushbutton_dangerbtn_bg=@danger_bg
+pushbutton_dangerbtn_hover_bg=@danger_hover_bg
+pushbutton_dangerbtn_focus_bg=@danger_focus_bg
+pushbutton_dangerbtn_pressed_bg=@danger_pressed_bg
+
+pushbutton_toolboxbtn_active_fg=@master_fg
+pushbutton_toolboxbtn_active_bg=@master_bg
+pushbutton_toolboxbtn_active_focus_bg=@master_focus_bg
+pushbutton_toolboxbtn_active_hover_bg=@master_hover_bg
+pushbutton_toolboxbtn_active_pressed_bg=@master_pressed_bg
+
+button_icon_fg=@icon_fg
+button_icon_danger_fg=@danger_icon_fg
+
+; ComboBox.
+combobox_border=@border_bg
+combobox_fg=@content_fg
+combobox_bg=@content_bg
+combobox_view_border=@border_bg
+combobox_view_selected_bg=@selected_bg
+combobox_view_selected_fg=@selected_fg
+combobox_view_item_hover_fg=@hover_fg
+combobox_view_item_hover_bg=@hover_bg
+combobox_focus_bg=@edit_focus_bg
+combobox_focus_border=@edit_focus_border
+combobox_item_icon_fg=@item_icon_fg
+
+combobox_notebookselector_fg=@master_bg
+combobox_notebookselector_bg=@combobox_bg
+combobox_notebookselector_border=@master_bg
+combobox_notebookselector_hover_fg=@master_bg
+combobox_notebookselector_hover_bg=@hover_bg
+combobox_notebookselector_focus_fg=@master_bg
+combobox_notebookselector_focus_bg=@focus_bg
+
+; Label.
+label_fg=@base_fg
+label_titlelabel_fg=@title_fg
+label_titlelabel_bg=@title_bg
+
+; LineEdit.
+lineedit_border=@border_bg
+lineedit_fg=@edit_fg
+lineedit_bg=@edit_bg
+lineedit_focus_bg=@edit_focus_bg
+lineedit_focus_border=@edit_focus_border
+lineedit_selection_fg=@edit_selection_fg
+lineedit_selection_bg=@edit_selection_bg
+
+; TabWidget.
+tabwidget_pane_border=@selected_bg
+
+; TabBar.
+tabbar_fg=@base_fg
+tabbar_bg=@base_bg
+tabbar_border=@border_bg
+
+tabbar_selected_fg=@edit_fg
+tabbar_selected_bg=@edit_bg
+tabbar_selected_border=@border_bg
+
+tabbar_hover_fg=@hover_fg
+tabbar_hover_bg=@hover_bg
+
+tabbar_icon_fg=@icon_fg
+tabbar_icon_special_fg=@danger_bg
+
+; SelectorItem.
+selectoritem_border=@master_bg
+selectoritem_fg=@base_fg
+selectoritem_bg=@base_bg
+
+; InsertSelector.
+insertselector_bg=@base_bg
+
+; TreeView.
+treeview_fg=@content_fg
+treeview_bg=@content_bg
+treeview_item_border_bg=@border_bg
+treeview_item_hover_fg=@hover_fg
+treeview_item_hover_bg=@hover_bg
+treeview_item_selected_fg=@selected_fg
+treeview_item_selected_bg=@selected_bg
+treeview_item_selected_avtive_fg=@active_fg
+treeview_item_selected_avtive_bg=@active_bg
+treeview_item_selected_inactive_fg=@inactive_fg
+treeview_item_selected_inactive_bg=@inactive_bg
+treeview_item_icon_fg=@item_icon_fg
+
+; ListView.
+listview_fg=@content_fg
+listview_bg=@content_bg
+listview_item_hover_fg=@hover_fg
+listview_item_hover_bg=@hover_bg
+listview_item_selected_fg=@selected_fg
+listview_item_selected_bg=@selected_bg
+listview_item_selected_avtive_fg=@active_fg
+listview_item_selected_avtive_bg=@active_bg
+listview_item_selected_inactive_fg=@inactive_fg
+listview_item_selected_inactive_bg=@inactive_bg
+
+; Splitter.
+splitter_handle_bg=@border_bg
+
+; StatusBar.
+statusbar_fg=@main_fg
+statusbar_bg=@main_bg
+statusbar_border=@border_bg
+
+; ScrollBar.
+scrollbar_bg=@base_bg
+scrollbar_page_bg=transparent
+scrollbar_handle_bg=#353B45
+scrollbar_handle_hover_bg=#424A56
+scrollbar_handle_pressed_bg=@hover_bg
+
+; VEditWindow.
+editwindow_corner_icon_fg=@master_bg
+editwindow_corner_icon_inactive_fg=@icon_fg
+
+; CheckBox.
+checkbox_indicator_hover_bg=@hover_bg
+checkbox_indicator_pressed_bg=@pressed_bg
+
+; RadioButton.
+radiobutton_indicator_hover_bg=@hover_bg
+radiobutton_indicator_pressed_bg=@pressed_bg
+
+; SpinBox.
+spinbox_fg=@edit_fg
+spinbox_bg=@edit_bg
+spinbox_border=@border_bg
+spinbox_selection_fg=@edit_selection_fg
+spinbox_selection_bg=@edit_selection_bg
+spinbox_focus_border=@edit_focus_border
+spinbox_focus_bg=@edit_focus_bg
+spinbox_button_hover_bg=@hover_bg
+spinbox_button_pressed_bg=@pressed_bg
+
+; HeaderView.
+headerview_bg=#30333D
+headerview_fg=@base_fg
+headerview_border=@border_bg
+headerview_checked_fg=@selected_fg
+headerview_checked_bg=@selected_bg
+
+; ProgressBar.
+progressbar_bg=@edit_bg
+progressbar_border_bg=@border_bg
+progressbar_chunk_bg=@master_drak_bg

src/resources/themes/v_moonlight/v_moonlight_codeblock.css

@@ -0,0 +1,96 @@
+/*
+
+Atom One Dark by Daniel Gamage
+Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
+
+base:    #2c313a
+mono-1:  #abb2bf
+mono-2:  #818896
+mono-3:  #5c6370
+hue-1:   #56b6c2
+hue-2:   #61aeee
+hue-3:   #c678dd
+hue-4:   #98c379
+hue-5:   #e06c75
+hue-5-2: #be5046
+hue-6:   #d19a66
+hue-6-2: #e6c07b
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  color: #abb2bf;
+  background: #2c313a;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #5c6370;
+  font-style: italic;
+}
+
+.hljs-doctag,
+.hljs-keyword,
+.hljs-formula {
+  color: #c678dd;
+}
+
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+  color: #e06c75;
+}
+
+.hljs-literal {
+  color: #56b6c2;
+}
+
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta-string {
+  color: #98c379;
+}
+
+.hljs-built_in,
+.hljs-class .hljs-title {
+  color: #e6c07b;
+}
+
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+  color: #d19a66;
+}
+
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+  color: #61aeee;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}

src/resources/themes/v_pure/arrow_dropdown.svg

@@ -4,6 +4,6 @@
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
 <g>
-	<polygon points="128,192 256,320 384,192 	"/>
+	<polygon fill="#333333" points="128,192 256,320 384,192 	"/>
 </g>
 </svg>

src/resources/themes/v_pure/close.svg

@@ -3,7 +3,7 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<path d="M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4
+<path style="fill:#333333" d="M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4
 	L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1
 	c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1
 	c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z"/>

src/resources/themes/v_pure/float.svg

@@ -4,9 +4,9 @@
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
 <g>
-	<path d="M64,144v304h303.9V144H64z M351.9,432H80V160h271.9V432z"/>
+	<path style="fill:#333333" d="M64,144v304h303.9V144H64z M351.9,432H80V160h271.9V432z"/>
 	<g>
-		<polygon points="448,64 144,64 144,128 160,128 160,80 432,80 432,352 384,352 384,368 448,368 		"/>
+		<polygon style="fill:#333333" points="448,64 144,64 144,128 160,128 160,80 432,80 432,352 384,352 384,368 448,368 		"/>
 	</g>
 </g>
 </svg>

src/resources/themes/v_pure/v_pure.css

@@ -77,10 +77,9 @@ p, ul, ol {
 }
 
 pre {
-    background-color: #f8f8f8;
+    display: block;
-    border-radius: 3px;
+    overflow-y: hidden;
-    border: 1px solid #cccccc;
+    overflow-x: auto;
-    overflow: auto;
 }
 
 code {
@@ -94,8 +93,6 @@ pre code {
     margin: 0;
     padding: 0;
     border: none;
-    background: transparent;
-    overflow: auto;
     color: #363636;
 }
 
@@ -106,29 +103,23 @@ aside {
 }
 
 blockquote {
+    color: #666;
     border-left:.5em solid #7a7a7a;
     padding: 0 2em;
     margin-left:0;
 }
 
-blockquote  cite {
-    font-size:14px;
-    line-height:20px;
-    color:#bfbfbf;
-}
-
-blockquote cite:before {
-    content: '\2014 \00A0';
-}
-
 blockquote p {
     color: #666;
 }
 
 hr {
+    display: block;
     text-align: left;
     margin: 1em 0;
-    color: #999;
+    border: none;
+    height: 2px;
+    background: #999;
 }
 
 table {

src/resources/themes/v_pure/v_pure.palette

@@ -60,6 +60,7 @@ edit_selection_fg=@edit_fg
 edit_selection_bg=@master_light_bg
 
 icon_fg=#222222
+icon_disabled_fg=@disabled_fg
 
 danger_fg=#F5F5F5
 danger_bg=#C9302C
@@ -131,6 +132,7 @@ tooltip_fg=@master_fg
 
 ; Toolbar.
 toolbar_bg=@main_bg
+toolbar_separator_bg=@separator_bg
 toolbutton_hover_bg=@hover_bg
 toolbutton_pressed_bg=@pressed_bg
 toolbutton_checked_bg=@selected_bg
@@ -256,7 +258,7 @@ tabbar_icon_fg=@icon_fg
 tabbar_icon_special_fg=@danger_bg
 
 ; SelectorItem.
-selectoritem_border=@base_fg
+selectoritem_border=@master_bg
 selectoritem_fg=@base_fg
 selectoritem_bg=@base_bg
 

src/resources/themes/v_pure/v_pure.qss

@@ -9,6 +9,7 @@ QToolTip
 QWidget
 {
     color: @widget_fg;
+    font-family: "Hiragino Sans GB", "冬青黑体", "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", "WenQuanYi Micro Hei", "文泉驿雅黑", "Dengxian", "等线体", "STXihei", "华文细黑", "Liberation Sans", "Droid Sans", "NSimSun", "新宋体", "SimSun", "宋体", "Helvetica", "sans-serif", "Tahoma", "Arial", "Verdana", "Geneva", "Georgia", "Times New Roman";
 }
 
 QWidget[NotebookPanel="true"] {
@@ -107,6 +108,13 @@ QToolBar {
     background: @toolbar_bg;
 }
 
+QToolBar::separator {
+    width: 1px;
+    height: 1px;
+    border: none;
+    background: @toolbar_separator_bg;
+}
+
 /* QToolButton */
 QToolButton {
     border: none;
@@ -408,7 +416,7 @@ QPushButton[DangerBtn="true"]:disabled {
 }
 
 QPushButton[ToolBoxActiveBtn="true"] {
-    padding: 4px;
+    padding: 4px 10px 4px 4px;
     margin: 0px;
     border: none;
     color: @pushbutton_toolboxbtn_active_fg;

src/resources/themes/v_white/v_white.css

@@ -76,10 +76,9 @@ p, ul, ol {
 }
 
 pre {
-    background-color: #f8f8f8;
+    display: block;
-    border-radius: 3px;
+    overflow-y: hidden;
-    border: 1px solid #cccccc;
+    overflow-x: auto;
-    overflow: auto;
 }
 
 code {
@@ -93,8 +92,6 @@ pre code {
     margin: 0;
     padding: 0;
     border: none;
-    background: transparent;
-    overflow: auto;
     color: #363636;
 }
 
@@ -105,29 +102,23 @@ aside {
 }
 
 blockquote {
+    color: #666;
     border-left:.5em solid #7a7a7a;
     padding: 0 2em;
     margin-left:0;
 }
 
-blockquote  cite {
-    font-size:14px;
-    line-height:20px;
-    color:#bfbfbf;
-}
-
-blockquote cite:before {
-    content: '\2014 \00A0';
-}
-
 blockquote p {
     color: #666;
 }
 
 hr {
+    display: block;
     text-align: left;
     margin: 1em 0;
-    color: #999;
+    border: none;
+    height: 2px;
+    background: #999;
 }
 
 table {

src/resources/themes/v_white/v_white.palette

@@ -49,6 +49,7 @@ selection_fg=#000000
 selection_bg=#64b5f6
 
 icon_fg=#222222
+icon_disabled_fg=@disabled_fg
 
 danger_fg=#F5F5F5
 danger_bg=#C9302C

src/resources/themes/v_white/v_white.qss

@@ -9,6 +9,7 @@ QToolTip
 QWidget
 {
     color: @widget_fg;
+    font-family: "Hiragino Sans GB", "冬青黑体", "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", "WenQuanYi Micro Hei", "文泉驿雅黑", "Dengxian", "等线体", "STXihei", "华文细黑", "Liberation Sans", "Droid Sans", "NSimSun", "新宋体", "SimSun", "宋体", "Helvetica", "sans-serif", "Tahoma", "Arial", "Verdana", "Geneva", "Georgia", "Times New Roman";
 }
 
 QWidget[NotebookPanel="true"] {

src/utils/viconutils.cpp

@@ -13,7 +13,7 @@ VIconUtils::VIconUtils()
 
 }
 
-QIcon VIconUtils::icon(const QString &p_file, const QString &p_fg)
+QIcon VIconUtils::icon(const QString &p_file, const QString &p_fg, bool p_addDisabled)
 {
     QFileInfo fi(p_file);
     bool isSvg = fi.suffix().toLower() == "svg";
@@ -34,5 +34,19 @@ QIcon VIconUtils::icon(const QString &p_file, const QString &p_fg)
     QPixmap pixmap;
     pixmap.loadFromData(data, "svg");
 
-    return QIcon(pixmap);
+    // Disabled.
+    QPixmap disabledPixmap;
+    if (p_addDisabled) {
+        content.replace(reg, QString("\\1\\2\\3%1").arg(g_palette->color("icon_disabled_fg")));
+        data = content.toLocal8Bit();
+        disabledPixmap.loadFromData(data, "svg");
+    }
+
+    QIcon icon;
+    icon.addPixmap(pixmap, QIcon::Normal);
+    if (p_addDisabled) {
+        icon.addPixmap(disabledPixmap, QIcon::Disabled);
+    }
+
+    return icon;
 }

src/utils/viconutils.h

@@ -13,7 +13,9 @@ class VIconUtils
 {
 public:
     // Get an icon from @p_file file. May change the foreground of the icon.
-    static QIcon icon(const QString &p_file, const QString &p_fg = QString());
+    static QIcon icon(const QString &p_file,
+                      const QString &p_fg = QString(),
+                      bool p_addDisabled = true);
 
     static QIcon toolButtonIcon(const QString &p_file)
     {

src/vconfigmanager.cpp

@@ -1170,6 +1170,8 @@ void VConfigManager::initThemes()
     m_themes.insert(VPalette::themeName(file), file);
     file = ":/resources/themes/v_pure/v_pure.palette";
     m_themes.insert(VPalette::themeName(file), file);
+    file = ":/resources/themes/v_moonlight/v_moonlight.palette";
+    m_themes.insert(VPalette::themeName(file), file);
 
     /* NOT ready yet. Wait for author's tuning.
     file = ":/resources/themes/v_material/v_material.palette";

src/vmdtab.cpp

@@ -379,6 +379,9 @@ void VMdTab::setupMarkdownViewer()
     m_webViewer->setPage(page);
     m_webViewer->setZoomFactor(g_config->getWebZoomFactor());
 
+    // Avoid white flash before loading content.
+    page->setBackgroundColor(Qt::transparent);
+
     m_document = new VDocument(m_file, m_webViewer);
 
     QWebChannel *channel = new QWebChannel(m_webViewer);

src/vnote.cpp

@@ -122,7 +122,7 @@ void VNote::updateTemplate()
     }
 
     // Shoudl not display scrollbar in PDF.
-    cssStyle += "pre code { white-space: pre-wrap !important; "
+    cssStyle += "pre { white-space: pre-wrap !important; "
                       "word-break: break-all !important; }\n";
     if (!g_config->getEnableImageConstraint()) {
         // Constain the image width by force in PDF, otherwise, the PDF will

src/vnote.qrc

@@ -193,5 +193,30 @@
         <file>resources/themes/v_material/v_material.palette</file>
         <file>resources/themes/v_material/v_material.qss</file>
         <file>resources/themes/v_material/v_material_codeblock.css</file>
+        <file>resources/themes/v_moonlight/arrow_dropdown.svg</file>
+        <file>resources/themes/v_moonlight/branch_closed.svg</file>
+        <file>resources/themes/v_moonlight/branch_open.svg</file>
+        <file>resources/themes/v_moonlight/checkbox_checked.svg</file>
+        <file>resources/themes/v_moonlight/checkbox_unchecked.svg</file>
+        <file>resources/themes/v_moonlight/close.svg</file>
+        <file>resources/themes/v_moonlight/close_grey.svg</file>
+        <file>resources/themes/v_moonlight/down.svg</file>
+        <file>resources/themes/v_moonlight/down_disabled.svg</file>
+        <file>resources/themes/v_moonlight/float.svg</file>
+        <file>resources/themes/v_moonlight/left.svg</file>
+        <file>resources/themes/v_moonlight/left_disabled.svg</file>
+        <file>resources/themes/v_moonlight/menu_checkbox.svg</file>
+        <file>resources/themes/v_moonlight/menu_radiobutton.svg</file>
+        <file>resources/themes/v_moonlight/radiobutton_checked.svg</file>
+        <file>resources/themes/v_moonlight/radiobutton_unchecked.svg</file>
+        <file>resources/themes/v_moonlight/right.svg</file>
+        <file>resources/themes/v_moonlight/right_disabled.svg</file>
+        <file>resources/themes/v_moonlight/up.svg</file>
+        <file>resources/themes/v_moonlight/up_disabled.svg</file>
+        <file>resources/themes/v_moonlight/v_moonlight.css</file>
+        <file>resources/themes/v_moonlight/v_moonlight.mdhl</file>
+        <file>resources/themes/v_moonlight/v_moonlight.palette</file>
+        <file>resources/themes/v_moonlight/v_moonlight.qss</file>
+        <file>resources/themes/v_moonlight/v_moonlight_codeblock.css</file>
     </qresource>
 </RCC>