diff --git a/src/resources/themes/v_material/arrow_dropdown.svg b/src/resources/themes/v_material/arrow_dropdown.svg
new file mode 100644
index 00000000..dcfad993
--- /dev/null
+++ b/src/resources/themes/v_material/arrow_dropdown.svg
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/src/resources/themes/v_material/branch_closed.svg b/src/resources/themes/v_material/branch_closed.svg
new file mode 100644
index 00000000..18c6857d
--- /dev/null
+++ b/src/resources/themes/v_material/branch_closed.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/resources/themes/v_material/branch_end.svg b/src/resources/themes/v_material/branch_end.svg
new file mode 100644
index 00000000..baa0c23f
--- /dev/null
+++ b/src/resources/themes/v_material/branch_end.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/resources/themes/v_material/branch_more.svg b/src/resources/themes/v_material/branch_more.svg
new file mode 100644
index 00000000..cb0fecad
--- /dev/null
+++ b/src/resources/themes/v_material/branch_more.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/resources/themes/v_material/branch_open.svg b/src/resources/themes/v_material/branch_open.svg
new file mode 100644
index 00000000..c89c36ef
--- /dev/null
+++ b/src/resources/themes/v_material/branch_open.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/resources/themes/v_material/checkbox_checked.svg b/src/resources/themes/v_material/checkbox_checked.svg
new file mode 100644
index 00000000..2903aee3
--- /dev/null
+++ b/src/resources/themes/v_material/checkbox_checked.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/resources/themes/v_material/checkbox_unchecked.svg b/src/resources/themes/v_material/checkbox_unchecked.svg
new file mode 100644
index 00000000..90565676
--- /dev/null
+++ b/src/resources/themes/v_material/checkbox_unchecked.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/resources/themes/v_material/close.svg b/src/resources/themes/v_material/close.svg
new file mode 100644
index 00000000..aa6b81c1
--- /dev/null
+++ b/src/resources/themes/v_material/close.svg
@@ -0,0 +1,10 @@
+
+
+
+
diff --git a/src/resources/themes/v_material/close_grey.svg b/src/resources/themes/v_material/close_grey.svg
new file mode 100644
index 00000000..24bddd4e
--- /dev/null
+++ b/src/resources/themes/v_material/close_grey.svg
@@ -0,0 +1,10 @@
+
+
+
+
diff --git a/src/resources/themes/v_material/down.svg b/src/resources/themes/v_material/down.svg
new file mode 100644
index 00000000..386ac7f8
--- /dev/null
+++ b/src/resources/themes/v_material/down.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/resources/themes/v_material/down_disabled.svg b/src/resources/themes/v_material/down_disabled.svg
new file mode 100644
index 00000000..2a53e0f0
--- /dev/null
+++ b/src/resources/themes/v_material/down_disabled.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/resources/themes/v_material/float.svg b/src/resources/themes/v_material/float.svg
new file mode 100644
index 00000000..3c29db9a
--- /dev/null
+++ b/src/resources/themes/v_material/float.svg
@@ -0,0 +1,12 @@
+
+
+
+
diff --git a/src/resources/themes/v_material/left.svg b/src/resources/themes/v_material/left.svg
new file mode 100644
index 00000000..aee69f4a
--- /dev/null
+++ b/src/resources/themes/v_material/left.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/resources/themes/v_material/left_disabled.svg b/src/resources/themes/v_material/left_disabled.svg
new file mode 100644
index 00000000..3cabd4b5
--- /dev/null
+++ b/src/resources/themes/v_material/left_disabled.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/resources/themes/v_material/line.svg b/src/resources/themes/v_material/line.svg
new file mode 100644
index 00000000..8c981419
--- /dev/null
+++ b/src/resources/themes/v_material/line.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/resources/themes/v_material/menu_checkbox.svg b/src/resources/themes/v_material/menu_checkbox.svg
new file mode 100644
index 00000000..0aeb35a1
--- /dev/null
+++ b/src/resources/themes/v_material/menu_checkbox.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/resources/themes/v_material/menu_radiobutton.svg b/src/resources/themes/v_material/menu_radiobutton.svg
new file mode 100644
index 00000000..aafaa309
--- /dev/null
+++ b/src/resources/themes/v_material/menu_radiobutton.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/resources/themes/v_material/radiobutton_checked.svg b/src/resources/themes/v_material/radiobutton_checked.svg
new file mode 100644
index 00000000..c9834cc5
--- /dev/null
+++ b/src/resources/themes/v_material/radiobutton_checked.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/resources/themes/v_material/radiobutton_unchecked.svg b/src/resources/themes/v_material/radiobutton_unchecked.svg
new file mode 100644
index 00000000..7cd0863a
--- /dev/null
+++ b/src/resources/themes/v_material/radiobutton_unchecked.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/resources/themes/v_material/right.svg b/src/resources/themes/v_material/right.svg
new file mode 100644
index 00000000..c524ab79
--- /dev/null
+++ b/src/resources/themes/v_material/right.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/resources/themes/v_material/right_disabled.svg b/src/resources/themes/v_material/right_disabled.svg
new file mode 100644
index 00000000..c0c83ba8
--- /dev/null
+++ b/src/resources/themes/v_material/right_disabled.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/resources/themes/v_material/up.svg b/src/resources/themes/v_material/up.svg
new file mode 100644
index 00000000..52be26da
--- /dev/null
+++ b/src/resources/themes/v_material/up.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/resources/themes/v_material/up_disabled.svg b/src/resources/themes/v_material/up_disabled.svg
new file mode 100644
index 00000000..36e54158
--- /dev/null
+++ b/src/resources/themes/v_material/up_disabled.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/resources/themes/v_material/v_material.css b/src/resources/themes/v_material/v_material.css
new file mode 100644
index 00000000..1daa2579
--- /dev/null
+++ b/src/resources/themes/v_material/v_material.css
@@ -0,0 +1,224 @@
+body {
+ margin: 0 auto;
+ font-family: "Microsoft YaHei", "ubuntu", "Tahoma", arial, sans-serif;
+ color: rgb(238, 255, 255);
+ background: rgb(38, 50, 56);
+ line-height: 1;
+ padding: 30px;
+}
+
+img {
+ max-width: 100%;
+}
+
+@media screen and (min-width: 1000px) {
+ body {
+ width: 842px;
+ margin: 10px auto;
+ }
+
+}
+
+h1, h2, h3, h4, h5 {
+ font-family: "Microsoft YaHei", "ubuntu", "Tahoma", arial, sans-serif;
+ font-weight: 400;
+ margin-top: 1em;
+ color: rgb(171, 232, 141);
+
+}
+
+h1, h2, h3, h4, h5, dl {
+ margin-bottom: 16px;
+ padding: 0;
+}
+
+p {
+ margin-top: 8px;
+ margin-bottom: 3px;
+}
+
+h1 {
+ font-size: 32px;
+ line-height: 54px;
+}
+
+h1:before {
+ content: '# ';
+}
+
+h2 {
+ font-size: 30px;
+ line-height: 42px;
+}
+
+h2:before {
+ content: '## ';
+}
+
+h1, h2 {
+ padding-bottom: 10px;
+}
+
+h3 {
+ font-size: 24px;
+ line-height: 30px;
+}
+
+h3:before {
+ content: '### ';
+}
+
+h4 {
+ font-size: 20px;
+ line-height: 26px;
+}
+
+h4:before {
+ content: '#### ';
+}
+
+h5 {
+ font-size: 18px;
+ line-height: 23px;
+}
+
+h5:before {
+ content: '##### ';
+}
+
+a {
+ color: rgb(247, 140, 108);
+ margin: 0 2px;
+ padding: 0;
+ vertical-align: baseline;
+}
+
+a:hover {
+
+ color: #0099ff;
+}
+
+ul, ol {
+ padding: 0;
+ padding-left: 18px;
+ margin: 0;
+}
+
+li {
+ line-height: 24px;
+}
+
+p, ul, ol {
+ font-size: 16px;
+ line-height: 24px;
+}
+
+ol ol, ul ol {
+ list-style-type: lower-roman;
+}
+
+strong {
+ color: rgb(240, 113, 120);
+}
+
+i {
+ color: rgb(240, 113, 120);
+}
+
+pre {
+ line-height: 1.7em;
+ overflow: auto;
+ padding: 6px 10px;
+ /*border-left: 2px solid #6CE26C;*/
+
+}
+
+pre code {
+
+ font-family: Consolas, Monaco, Andale Mono, monospace;
+ border: 0;
+ display: inline;
+ max-width: initial;
+ padding: 0;
+ margin: 0;
+ overflow: initial;
+ line-height: 1.6em;
+ font-size: .95em;
+ white-space: pre;
+
+}
+
+:not(pre) code {
+ border: none;
+ padding: 1px 3px;
+ color: #c792ea;
+
+}
+
+aside {
+ display: block;
+ float: right;
+ width: 390px;
+}
+
+blockquote {
+ position: relative;
+ color: rgb(101, 170, 255);
+ font-style: italic;
+ font-weight: 300;
+ background: rgb(26, 34, 38);
+ border-left: 2px solid rgb(101, 115, 126);
+ padding-left: 1em;
+
+}
+
+blockquote cite {
+ font-size: 14px;
+ line-height: 20px;
+ color: #bfbfbf;
+}
+
+blockquote cite:before {
+ content: '\2014 \00A0';
+}
+
+hr {
+ text-align: left;
+ color: #999;
+ height: 2px;
+ padding: 0;
+ margin: 16px 0;
+ background-color: #e7e7e7;
+ border: 0 none;
+}
+
+dl {
+ padding: 0;
+}
+
+dl dt {
+ padding: 10px 0;
+ margin-top: 16px;
+ font-size: 1em;
+ font-style: italic;
+ font-weight: bold;
+}
+
+dl dd {
+ padding: 0 16px;
+ margin-bottom: 16px;
+}
+
+dd {
+ margin-left: 0;
+}
+
+table {
+ *border-collapse: collapse; /* IE7 and lower */
+ border-spacing: 0;
+ width: 100%;
+ border: 1px solid #eeffff;
+ margin: 0px;
+ padding: 5px 10px;
+ font-weight: bold;
+}
diff --git a/src/resources/themes/v_material/v_material.mdhl b/src/resources/themes/v_material/v_material.mdhl
new file mode 100644
index 00000000..990b97d9
--- /dev/null
+++ b/src/resources/themes/v_material/v_material.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
+foreground: eeffff
+background: 263238
+caret: FFCC00
+# 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: 18
+# [VNote] Style for trailing space
+trailing-space: a8a8a8
+# [VNote] Style for line number
+line-number-background: 263238
+line-number-foreground: 374650
+# [VNote] style for selected word highlight
+selected-word-background: dfdf00
+# [VNote] style for searched word highlight
+searched-word-background: 4db6ac
+# [VNote] style for searched word under cursor highlight
+searched-word-cursor-background: 66bb6a
+# [VNote] style for incremental searched word highlight
+incremental-searched-word-background: ce93d8
+
+
+
+editor-selection
+foreground: eeeeee
+background: 444444
+
+editor-current-line
+background: 1a2227
+# [VNote] Vim insert mode cursor line background
+vim-insert-background: bcbcbc
+# [VNote] Vim normal mode cursor line background
+vim-normal-background: b0bec5
+# [VNote] Vim visual mode cursor line background
+vim-visual-background: 90caf9
+# [VNote] Vim replace mode cursor line background
+vim-replace-background: f8bbd0
+
+H1
+foreground: ABE88D
+font-style: bold
+font-size: +8
+
+H2
+foreground: ABE88D
+font-style: bold
+font-size: +6
+
+H3
+foreground: ABE88D
+font-style: bold
+font-size: +4
+
+H4
+foreground: ABE88D
+font-style: bold
+font-size: +2
+
+H5
+foreground: ABE88D
+font-style: bold
+font-size: +2
+
+H6
+foreground: ABE88D
+font-style: bold
+font-size: +2
+
+HRULE
+foreground: 586e75
+
+LIST_BULLET
+foreground: d33682
+font-style: bold
+font-size: +2
+
+LIST_ENUMERATOR
+foreground: 0000ff
+
+LINK
+foreground: F78C6C
+font-style: underlined
+
+AUTO_LINK_URL
+foreground: F78C6C
+font-style: underlined
+
+AUTO_LINK_EMAIL
+foreground: 005fff
+font-style: underlined
+
+IMAGE
+foreground: 616161
+
+REFERENCE
+foreground: b58900
+
+CODE
+foreground: C792EA
+font-family: Consolas, Monaco, Andale Mono, Monospace, Courier New
+
+EMPH
+font-style: italic
+
+
+STRONG
+font-style: bold
+foreground: f78c6c
+
+HTML_ENTITY
+foreground: 6c71c4
+
+COMMENT
+foreground: 93a1a1
+
+VERBATIM
+foreground: c792ea
+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
+hljs-comment: 546e7a
+hljs-keyword: c792ea
+hljs-attribute: c3e88d
+hljs-selector-tag: c792ea
+hljs-meta-keyword: c3e88d
+hljs-doctag: c3e88d
+hljs-name: c3e88d
+hljs-type: ffcb6b
+hljs-string: c3e176
+hljs-number: f78c6c
+hljs-selector-id: 880000
+hljs-selector-class: 880000
+hljs-quote: 546e7a
+hljs-template-tag: 880000
+hljs-deletion: 880000
+# Could specify multiple attribute in one line
+hljs-title: bold, ffcb6b
+hljs-section: bold, 880000
+hljs-regexp: bc6060
+hljs-symbol: bc6060
+hljs-variable: bc6060
+hljs-template-variable: bc6060
+hljs-link: bc6060
+hljs-selector-attr: bc6060
+hljs-selector-pseudo: bc6060
+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
+hljs-strong: bold
+
+BLOCKQUOTE
+foreground: 65aaff
+font-style: italic
+
+STRIKE
+strike-color: 586e75
diff --git a/src/resources/themes/v_material/v_material.palette b/src/resources/themes/v_material/v_material.palette
new file mode 100644
index 00000000..75ff09a1
--- /dev/null
+++ b/src/resources/themes/v_material/v_material.palette
@@ -0,0 +1,309 @@
+; File path could be absolute path or relative path (related to this file).
+; Use @color_tag to reference a style.
+
+[metadata]
+qss_file=v_material.qss
+mdhl_file=v_material.mdhl
+css_file=v_material.css
+codeblock_css_file=v_material_codeblock.css
+
+[phony]
+; Abstract color attributes.
+
+
+master_fg=#eeffff
+
+master_bg=#80cbc4
+
+base_fg=#80cbc4
+
+base_bg=#263238
+
+
+main_fg=@base_fg
+main_bg=#base_bg
+
+title_fg=@base_fg
+title_bg=@base_bg
+
+disabled_fg=#9E9E9E
+
+content_fg=@base_fg
+content_bg=@base_bg
+
+border_bg=#212b30
+
+separator_bg=#D3D3D3
+
+hover_fg=@base_fg
+hover_bg=#1a2227
+
+selected_fg=@base_fg
+selected_bg=#1a2227
+
+active_fg=@selected_fg
+active_bg=@selected_bg
+
+inactive_fg=@selected_fg
+inactive_bg=#1a2227
+
+focus_fg=@selected_fg
+focus_bg=@selected_bg
+
+pressed_fg=@base_fg
+
+pressed_bg=#b2b2b2
+
+edit_fg=#eeffff
+
+edit_bg=@base_bg
+edit_focus_bg=#1a2227
+edit_focus_border=@master_bg
+edit_selection_fg=@edit_fg
+edit_selection_bg=#31454a
+
+danger_red=#C9302C
+icon_fg=#eeffff
+
+[soft_defined]
+; VAvatar.
+avatar_border_bg=@selected_bg
+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=@80cbc4
+bubble_bg=@master_bg
+
+; Icons' foreground.
+danger_icon_fg=@danger_red
+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
+
+[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
+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=@icon_fg
+
+; 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_checked_bg=@selected_bg
+pushbutton_hover_bg=@hover_bg
+pushbutton_default_border=@master_bg
+
+pushbutton_specialbtn_fg=@master_fg
+pushbutton_specialbtn_bg=@master_bg
+pushbutton_specialbtn_hover_bg=#3F51B5
+pushbutton_specialbtn_checked_bg=#3949AB
+pushbutton_specialbtn_pressed_bg=#303F9F
+
+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=#FFF
+pushbutton_dangerbtn_border=#D43F3A
+pushbutton_dangerbtn_bg=#D9534F
+pushbutton_dangerbtn_hover_fg=#FFF
+pushbutton_dangerbtn_hover_bg=#C9302C
+pushbutton_dangerbtn_hover_border=#AC2925
+
+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
+
+; 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_red
+
+; SelectorItem.
+selectoritem_border=@base_fg
+selectoritem_fg=@base_fg
+selectoritem_bg=@base_bg
+
+; InsertSelector.
+insertselector_bg=@base_bg
+
+; TreeView.
+treeview_fg=@content_fg
+treeview_bg=@content_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
+
+
+; ScrollBar.
+scrollbar_bg=@base_bg
+scrollbar_page_bg=transparent
+scrollbar_handle_bg=#222c31
+scrollbar_handle_hover_bg=@hover_bg
+scrollbar_handle_pressed_bg=@pressed_bg
+
+; VEditWindow.
+editwindow_corner_icon_fg=@master_bg
+editwindow_corner_icon_inactive_fg=#D3D3D3
+
+; 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=#E0E0E0
+headerview_fg=@base_fg
+headerview_border=@border_bg
+headerview_checked_fg=@selected_fg
+headerview_checked_bg=@selected_bg
diff --git a/src/resources/themes/v_material/v_material.qss b/src/resources/themes/v_material/v_material.qss
new file mode 100644
index 00000000..64efa0a4
--- /dev/null
+++ b/src/resources/themes/v_material/v_material.qss
@@ -0,0 +1,1127 @@
+QToolTip
+{
+ border: none;
+ background: @tooltip_bg;
+ color: @tooltip_fg;
+}
+
+/* QWidget */
+QWidget
+{
+ color: @widget_fg;
+}
+
+QWidget[NotebookPanel="true"] {
+ padding-left: 3px;
+}
+
+/* End QWidget */
+
+/* QMainWindow */
+QMainWindow {
+ color: @base_fg;
+ background: @base_bg;
+}
+
+QMainWindow::separator {
+ background: @dock_separator_bg;
+ width: 2px;
+ height: 2px;
+}
+
+QMainWindow::separator:hover {
+ background: @dock_separator_hover_bg;
+}
+/* End QMainWindow */
+
+QMenuBar {
+ border: none;
+ background: @menubar_bg;
+ color: @menubar_fg;
+}
+
+QMenuBar::item:selected {
+ background: @menubar_item_selected_bg;
+}
+
+/* QMenu */
+QMenu {
+ background: @menu_bg;
+ color: @menu_fg;
+ margin: 2px;
+}
+
+QMenu::icon {
+ margin: 5px;
+}
+
+QMenu::item {
+ padding: 5px 30px 5px 30px;
+ border: 1px solid transparent;
+}
+
+QMenu::item:disabled {
+ color: @menu_item_disabled_fg;
+}
+
+QMenu::item:selected {
+ color: @menu_item_selected_fg;
+ background: @menu_item_selected_bg;
+}
+
+QMenu::icon:checked { /* appearance of a 'checked' icon */
+ border: 2px solid @menu_fg;
+}
+
+QMenu::separator {
+ height: 2px;
+ background: @menu_separator_bg;
+ margin-left: 10px;
+ margin-right: 5px;
+}
+
+QMenu::indicator {
+ width: 20px;
+ height: 20px;
+}
+
+QMenu::indicator:non-exclusive:unchecked {
+ image: none;
+}
+
+QMenu::indicator:non-exclusive:checked {
+ image: url(menu_checkbox.svg);
+}
+
+QMenu::indicator:exclusive:unchecked {
+ image: none;
+}
+
+QMenu::indicator:exclusive:checked {
+ image: url(menu_radiobutton.svg);
+}
+/* End QMenu */
+
+QToolBar {
+ border: none;
+ background: @toolbar_bg;
+}
+
+/* QToolButton */
+QToolButton {
+ border: none;
+ background: transparent;
+ margin: 1px 3px 1px 3px;
+ padding: 0px;
+}
+
+QToolButton[popupMode="1"] { /* only for MenuButtonPopup */
+ padding-right: 16px; /* make way for the popup button */
+}
+
+QToolButton[popupMode="2"] { /* only for InstantPopup */
+ padding-right: 10px; /* make way for the popup button */
+}
+
+QToolButton:hover {
+ border:none;
+ background: @toolbutton_hover_bg;
+}
+
+QToolButton:pressed {
+ background: @toolbutton_pressed_bg;
+}
+
+QToolButton:checked {
+ background: @toolbutton_checked_bg;
+}
+
+QToolButton:checked:hover {
+ background: @toolbutton_hover_bg;
+}
+
+/* the subcontrols below are used only in the MenuButtonPopup mode */
+QToolButton::menu-button {
+ border: none;
+ width: 16px;
+}
+
+QToolButton::menu-arrow {
+ image: url(arrow_dropdown.svg);
+ width: 16px;
+ height: 16px;
+}
+/* End QToolButton*/
+
+/* DockWidget */
+QDockWidget {
+ color: @dockwidget_title_fg;
+ titlebar-close-icon: url(close.svg);
+ titlebar-normal-icon: url(float.svg);
+}
+
+QDockWidget::Title {
+ background: @dockwidget_title_bg;
+ text-align: center left;
+}
+
+QDockWidget::close-button, QDockWidget::float-button {
+ border: none;
+}
+
+QDockWidget::close-button:hover, QDockWidget::float-button:hover {
+ background: @dockwidget_button_hover_bg;
+}
+/* End DockWidget */
+
+/* QPushButton */
+QPushButton {
+ color: @pushbutton_fg;
+ background: @pushbutton_bg;
+ border: 1px solid @pushbutton_border;
+ padding: 3px;
+ min-width: 80px;
+}
+
+QPushButton:pressed {
+ background-color: @pushbutton_pressed_bg;
+}
+
+QPushButton:checked {
+ background-color: @pushbutton_checked_bg;
+}
+
+QPushButton:checked:hover {
+ background-color: @pushbutton_hover_bg;
+}
+
+QPushButton:hover {
+ background-color: @pushbutton_hover_bg;
+}
+
+QPushButton:flat {
+ border: none;
+}
+
+QPushButton:default {
+ border-color: @pushbutton_default_border;
+}
+
+QPushButton::menu-indicator {
+ image: url(arrow_dropdown.svg);
+ width: 16px;
+ height: 16px;
+}
+
+QPushButton[SpecialBtn="true"] {
+ color: @pushbutton_specialbtn_fg;
+ background: @pushbutton_specialbtn_bg;
+}
+
+QPushButton[SpecialBtn="true"]:pressed {
+ background-color: @pushbutton_specialbtn_pressed_bg;
+}
+
+QPushButton[SpecialBtn="true"]:checked {
+ background-color: @pushbutton_specialbtn_checked_bg;
+}
+
+QPushButton[SpecialBtn="true"]:checked:hover {
+ background-color: @pushbutton_specialbtn_hover_bg;
+}
+
+QPushButton[SpecialBtn="true"]:hover {
+ background-color: @pushbutton_specialbtn_hover_bg;
+}
+
+QPushButton[CornerBtn="true"] {
+ padding: 4px -2px 4px -2px;
+ margin: 0px;
+ border: none;
+ background-color: transparent;
+ min-width: -1;
+}
+
+QPushButton[CornerBtn="true"]::menu-indicator {
+ image: none;
+}
+
+QPushButton[CornerBtn="true"]:hover {
+ background-color: @pushbutton_cornerbtn_hover_bg;
+}
+
+QPushButton[CornerBtn="true"]:focus {
+ background-color: @pushbutton_cornerbtn_focus_bg;
+}
+
+QPushButton[CornerBtn="true"]:pressed {
+ background-color: @pushbutton_cornerbtn_pressed_bg;
+}
+
+QPushButton[StatusBtn="true"] {
+ font: bold;
+ padding: 0px 2px 0px 2px;
+ margin: 0px;
+ border: none;
+ background-color: transparent;
+ min-width: -1;
+}
+
+QPushButton[StatusBtn="true"]:hover {
+ background-color: @pushbutton_statusbtn_hover_bg;
+}
+
+QPushButton[StatusBtn="true"]:focus {
+ background-color: @pushbutton_statusbtn_focus_bg;;
+}
+
+QPushButton[StatusBtn="true"]:pressed {
+ background-color: @pushbutton_statusbtn_pressed_bg;
+}
+
+QPushButton[FlatBtn="true"] {
+ padding: 4px;
+ margin: 0px;
+ border: none;
+ background-color: transparent;
+ min-width: -1;
+}
+
+QPushButton[FlatBtn="true"]:hover {
+ background-color: @pushbutton_flatbtn_hover_bg;
+}
+
+QPushButton[FlatBtn="true"]:focus {
+ background-color: @pushbutton_flatbtn_focus_bg;
+}
+
+QPushButton[FlatBtn="true"]:focus {
+ background-color: @pushbutton_flatbtn_pressed_bg;
+}
+
+QPushButton[SelectionBtn="true"] {
+ padding: 4px 10px 4px 10px;
+ border: none;
+ background-color: transparent;
+ font-size: 15pt;
+ text-align: left;
+ min-width: -1;
+}
+
+QPushButton[SelectionBtn="true"]:hover {
+ background-color: @pushbutton_selectionbtn_hover_bg;
+}
+
+QPushButton[SelectionBtn="true"]:focus {
+ background-color: @pushbutton_selectionbtn_focus_bg;
+}
+
+QPushButton[SelectionBtn="true"]:focus {
+ background-color: @pushbutton_selectionbtn_pressed_bg;
+}
+
+QPushButton[TitleBtn="true"] {
+ padding: 4px;
+ margin: 0px;
+ border: none;
+ background-color: @pushbutton_titlebtn_bg;
+ min-width: -1;
+}
+
+QPushButton[TitleBtn="true"]:hover {
+ background-color: @pushbutton_titlebtn_hover_bg;
+}
+
+QPushButton[TitleBtn="true"]:focus {
+ background-color: @pushbutton_titlebtn_focus_bg;
+}
+
+QPushButton[TitleBtn="true"]:focus {
+ background-color: @pushbutton_titlebtn_pressed_bg;
+}
+
+QPushButton[DangerBtn="true"] {
+ color: @pushbutton_dangerbtn_fg;
+ border-color: @pushbutton_dangerbtn_border;
+ background-color: @pushbutton_dangerbtn_bg;
+ min-width: -1;
+}
+
+QPushButton[DangerBtn="true"]:hover {
+ color: @pushbutton_dangerbtn_hover_fg;
+ border-color: @pushbutton_dangerbtn_hover_border;
+ background-color: @pushbutton_dangerbtn_hover_bg;
+}
+
+VButtonMenuItem {
+ padding: 5px;
+ padding-right: 30px;
+ border: 1px solid transparent;
+ background-color: transparent;
+ min-width: -1;
+ text-align: left;
+}
+
+VButtonMenuItem[Heading1="true"] {
+ font-size: 22pt;
+}
+
+VButtonMenuItem[Heading2="true"] {
+ font-size: 20pt;
+}
+
+VButtonMenuItem[Heading3="true"] {
+ font-size: 18pt;
+}
+
+VButtonMenuItem[Heading4="true"] {
+ font-size: 16pt;
+}
+
+VButtonMenuItem[Heading5="true"] {
+ font-size: 14pt;
+}
+
+VButtonMenuItem[Heading6="true"] {
+ font-size: 14pt;
+}
+
+VButtonMenuItem:hover {
+ background-color: @menubar_item_selected_bg;
+}
+
+VButtonMenuItem:focus {
+ background-color: @menubar_item_selected_bg;
+}
+/* End QPushButton*/
+
+/* QComboBox */
+QComboBox {
+ padding: 3px;
+ color: @combobox_fg;
+ background: @combobox_bg;
+ border: 1px solid @combobox_border;
+}
+
+QComboBox:focus, QComboBox:on {
+ background-color: @combobox_focus_bg;
+ border: 2px solid @combobox_focus_border;
+}
+
+QComboBox::drop-down {
+ subcontrol-origin: padding;
+ subcontrol-position: top right;
+ width: 20px;
+ border: none;
+ background: transparent;
+}
+
+QComboBox::down-arrow {
+ image: url(arrow_dropdown.svg);
+ width: 20px;
+ height: 20px;
+}
+
+QComboBox QAbstractItemView {
+ padding: 2px;
+ border: 1px solid @combobox_view_border;
+ background: @combobox_bg;
+ selection-color: @combobox_view_selected_fg;
+ selection-background-color: @combobox_view_selected_bg;
+}
+
+QComboBox QAbstractItemView::item {
+ background: transparent;
+ padding: 3px;
+}
+
+QComboBox QAbstractItemView::item:hover {
+ color: @combobox_view_item_hover_fg;
+ background: @combobox_view_item_hover_bg;
+}
+
+QComboBox#NotebookSelector {
+ border: none;
+ font-size: 13pt;
+ padding-top: 3px;
+ padding-bottom: 3px;
+ icon-size: 30px;
+}
+
+QComboBox#NotebookSelector:focus, QComboBox#NotebookSelector:on {
+ border: none;
+ background: @combobox_bg
+}
+
+QComboBox#NotebookSelector QListWidget {
+ border: 1px solid @combobox_view_border;
+ background-color: @combobox_bg;
+ font-size: 13pt;
+ icon-size: 30px;
+}
+
+QComboBox#NotebookSelector QListWidget::item {
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+QComboBox#NotebookSelector QListWidget::item:hover {
+ color: @combobox_view_item_hover_fg;
+ background-color: @combobox_view_item_hover_bg;
+}
+/* End QComboBox */
+
+/* QLabel */
+QLabel {
+ border: none;
+ color: @label_fg;
+ background: transparent;
+}
+
+QLabel[TitleLabel="true"] {
+ padding-top: 5px;
+ padding-bottom: 5px;
+ color: @label_titlelabel_fg;
+ background-color: @label_titlelabel_bg;
+}
+
+QLabel[ColorRedLabel="true"] {
+ padding-left: 5px;
+ padding-right: 5px;
+ font: bold;
+ color: white;
+ border-radius: 2px;
+ background-color: #D32F2F;
+}
+
+QLabel[ColorGreenLabel="true"] {
+ padding-left: 5px;
+ padding-right: 5px;
+ font: bold;
+ color: white;
+ border-radius: 2px;
+ background-color: #388E3C;
+}
+
+QLabel[ColorGreyLabel="true"] {
+ padding-left: 5px;
+ padding-right: 5px;
+ font: bold;
+ color: white;
+ border-radius: 2px;
+ background-color: #616161;
+}
+
+QLabel[ColorTealLabel="true"] {
+ padding-left: 5px;
+ padding-right: 5px;
+ font: bold;
+ color: white;
+ border-radius: 2px;
+ background-color: #00796B;
+}
+
+QLabel[MenuSeparator="true"] {
+ padding-top: 5px;
+ padding-bottom: 5px;
+ margin-top: 3px;
+ font: italic;
+ border-top: 1px solid @menu_separator_bg
+}
+
+VVimIndicator QLabel[VimIndicatorKeyLabel="true"] {
+ font: bold;
+ color: @vim_indicator_key_label_fg;
+ background: transparent;
+}
+
+VVimIndicator QLabel[VimIndicatorModeLabel="true"] {
+ padding: 0px 2px 0px 2px;
+ font: bold;
+ color: @vim_indicator_mode_label_fg;
+ /* background color will be controlled by the code. */
+}
+
+VTabIndicator QLabel[TabIndicatorLabel="true"] {
+ color: @tab_indicator_label_fg;
+ background: transparent;
+}
+/* End QLabel */
+
+/* QLineEdit */
+QLineEdit {
+ border: 1px solid @lineedit_border;
+ padding: 3px;
+ color: @lineedit_fg;
+ background: @lineedit_bg;
+ selection-color: @lineedit_selection_fg;
+ selection-background-color: @lineedit_selection_bg;
+}
+
+QLineEdit:focus {
+ border: 2px solid @lineedit_focus_border;
+ background: @lineedit_focus_bg;
+}
+
+QLineEdit[VimCommandLine="true"] {
+ padding: 0px;
+ margin: 0px;
+ border: none;
+ color: @lineedit_fg;
+ background: @lineedit_bg;
+}
+/* End QLineEdit */
+
+/* QPlainTextEdit QTextEdit */
+QPlainTextEdit[LineEdit="true"], QTextEdit[LineEdit="true"] {
+ border: 1px solid @lineedit_border;
+ padding: 3px;
+ color: @lineedit_fg;
+ background: @lineedit_bg;
+ selection-color: @lineedit_selection_fg;
+ selection-background-color: @lineedit_selection_bg;
+}
+
+QPlainTextEdit[LineEdit="true"]:focus, QTextEdit[LineEdit="true"]:focus {
+ border: 2px solid @lineedit_focus_border;
+ background: @lineedit_focus_bg;
+}
+/* End QPlainTextEdit QTextEdit */
+
+/* QTabWidget */
+QTabWidget {
+ border: none;
+}
+
+QTabWidget::pane {
+ border: none;
+}
+/* End QTabWidget */
+
+/* QTabBar */
+QTabBar::tab {
+ color: @tabbar_fg;
+ background: @tabbar_bg;
+ border: 1px solid @tabbar_border;
+ border-bottom: none;
+ border-top: none;
+ padding: 2px;
+}
+
+QTabBar::tab:selected {
+ color: @tabbar_selected_fg;
+ background: @tabbar_selected_bg;
+ border-top: 3px solid @master_bg;
+}
+
+QTabBar::tab:hover {
+ color: @tabbar_hover_fg;
+ background: @tabbar_hover_bg;
+}
+
+QTabBar::close-button {
+ image: url(close_grey.svg);
+}
+
+QTabBar::close-button:hover {
+ image: url(close.svg);
+}
+
+QTabBar::close-button:focus {
+ image: url(close.svg);
+}
+
+QTabBar::scroller {
+ width: 20px;
+}
+
+QTabBar QToolButton {
+ border: none;
+}
+
+QTabBar QToolButton::right-arrow:enabled {
+ image: url(right.svg);
+}
+
+QTabBar QToolButton::left-arrow:enabled {
+ image: url(left.svg);
+}
+
+QTabBar QToolButton::right-arrow:disabled {
+ image: url(right_disabled.svg);
+}
+
+QTabBar QToolButton::left-arrow:disabled {
+ image: url(left_disabled.svg);
+}
+/* End QTabBar */
+
+VSelectorItemWidget QLabel[SelectorItemShortcutLabel="true"] {
+ font: bold;
+ border: 2px solid @selectoritem_border;
+ padding: 3px;
+ border-radius: 5px;
+ background-color: @selectoritem_bg;
+ color: @selectoritem_fg;
+}
+
+VInsertSelector {
+ border: none;
+ background: @insertselector_bg;
+}
+
+/* QTreeView */
+QTreeView {
+ color: @treeview_fg;
+ background: @treeview_bg;
+ show-decoration-selected: 0;
+ border: none;
+ selection-background-color: transparent;
+ outline: none;
+}
+
+QTreeView::item {
+ padding-top: 5px;
+ padding-bottom: 5px;
+}
+
+QTreeView::item:hover {
+ color: @treeview_item_hover_fg;
+ background: @treeview_item_hover_bg;
+}
+
+QTreeView::item:selected {
+ color: @treeview_item_selected_fg;
+ background: @treeview_item_selected_bg;
+}
+
+QTreeView::item:selected:active {
+ color: @treeview_item_selected_active_fg;
+ background: @treeview_item_selected_active_bg;
+}
+
+QTreeView::item:selected:!active {
+ color: @treeview_item_selected_inactive_fg;
+ background: @treeview_item_selected_inactive_bg;
+}
+
+
+/*
+QTreeView::branch:has-siblings:!adjoins-item {
+ border-image: url(line.svg) 0;
+}
+
+QTreeView::branch:has-siblings:adjoins-item {
+ border-image: url(branch_more.svg) 0;
+}
+
+QTreeView::branch:!has-children:!has-siblings:adjoins-item {
+ border-image: url(branch_end.svg) 0;
+}
+
+QTreeView::branch:has-children:!has-siblings:closed,
+QTreeView::branch:closed:has-children:has-siblings {
+ border-image: none;
+ image: url(branch_closed.svg);
+}
+
+QTreeView::branch:open:has-children:!has-siblings,
+QTreeView::branch:open:has-children:has-siblings {
+ border-image: none;
+ image: url(branch_open.svg);
+}
+
+
+*/
+/* End QTreeView */
+
+/* QListView */
+QListView {
+ color: @listview_fg;
+ background: @listview_bg;
+ show-decoration-selected: 0;
+ border: none;
+ selection-background-color: transparent;
+ outline: none;
+}
+
+QListView::item {
+ padding-top: 5px;
+ padding-bottom: 5px;
+}
+
+QListView::item:hover {
+ color: @listview_item_hover_fg;
+ background: @listview_item_hover_bg;
+}
+
+QListView::item:selected {
+ color: @listview_item_selected_fg;
+ background: @listview_item_selected_bg;
+}
+
+QListView::item:selected:active {
+ color: @listview_item_selected_active_fg;
+ background: @listview_item_selected_active_bg;
+}
+
+QListView::item:selected:!active {
+ color: @listview_item_selected_inactive_fg;
+ background: @listview_item_selected_inactive_bg;
+}
+/* End QListView */
+
+/* QSplitter */
+QSplitter {
+ border: none;
+}
+
+QSplitter::handle {
+ background-color: @splitter_handle_bg;
+}
+
+QSplitter::handle:vertical {
+ height: 2px;
+}
+
+QSplitter::handle:horizontal {
+ width: 2px;
+}
+
+QSplitter#MainSplitter {
+ border: none;
+}
+/* End QSplitter */
+
+/* QStatusBar */
+QStatusBar {
+ color: @statusbar_fg;
+ background: @statusbar_bg;
+}
+/* End QStatusBar */
+
+QWidget[MainEditor="true"] {
+ border: none;
+}
+
+QDialog {
+ color: @base_fg;
+ background: @base_bg;
+}
+
+/* QScrollBar */
+QScrollBar::add-page, QScrollBar::sub-page {
+ background: @scrollbar_page_bg;
+}
+
+QScrollBar:vertical {
+ background: @scrollbar_bg;
+ width: 16px;
+ margin: 16px 0px 16px 0px;
+ padding: 0px 2px 0px 2px;
+ border: none;
+}
+
+QScrollBar::handle:vertical {
+ background: @scrollbar_handle_bg;
+ min-height: 16px;
+}
+
+QScrollBar::handle:vertical:hover {
+ background: @scrollbar_handle_hover_bg;
+}
+
+QScrollBar::handle:vertical:pressed {
+ background: @scrollbar_handle_pressed_bg;
+}
+
+QScrollBar::add-line:vertical {
+ border: none;
+ background: @scrollbar_bg;
+ width: 16px;
+ height: 16px;
+ subcontrol-position: bottom;
+ subcontrol-origin: margin;
+}
+
+QScrollBar::add-line:vertical:hover {
+ background: @scrollbar_handle_hover_bg;
+}
+
+QScrollBar::add-line:vertical:pressed {
+ background: @scrollbar_handle_pressed_bg;
+}
+
+QScrollBar::sub-line:vertical {
+ border: none;
+ background: @scrollbar_bg;
+ width: 16px;
+ height: 16px;
+ subcontrol-position: top;
+ subcontrol-origin: margin;
+}
+
+QScrollBar::sub-line:vertical:hover {
+ background: @scrollbar_handle_hover_bg;
+}
+
+QScrollBar::sub-line:vertical:pressed {
+ background: @scrollbar_handle_pressed_bg;
+}
+
+QScrollBar::down-arrow:vertical {
+ image: url(down.svg);
+ width: 16px;
+ height: 16px;
+}
+
+QScrollBar::up-arrow:vertical {
+ image: url(up.svg);
+ width: 16px;
+ height: 16px;
+}
+
+QScrollBar:horizontal {
+ background: @scrollbar_bg;
+ height: 16px;
+ margin: 0px 16px 0px 16px;
+ padding: 2px 0px 2px 0px;
+ border: none;
+}
+
+QScrollBar::handle:horizontal {
+ background: @scrollbar_handle_bg;
+ min-width: 16px;
+}
+
+QScrollBar::handle:horizontal:hover {
+ background: @scrollbar_handle_hover_bg;
+}
+
+QScrollBar::handle:horizontal:pressed {
+ background: @scrollbar_handle_pressed_bg;
+}
+
+QScrollBar::add-line:horizontal {
+ border: none;
+ background: @scrollbar_bg;
+ width: 16px;
+ height: 16px;
+ subcontrol-position: right;
+ subcontrol-origin: margin;
+}
+
+QScrollBar::add-line:horizontal:hover {
+ background: @scrollbar_handle_hover_bg;
+}
+
+QScrollBar::add-line:horizontal:pressed {
+ background: @scrollbar_handle_pressed_bg;
+}
+
+QScrollBar::sub-line:horizontal {
+ border: none;
+ background: @scrollbar_bg;
+ width: 16px;
+ height: 16px;
+ subcontrol-position: left;
+ subcontrol-origin: margin;
+}
+
+QScrollBar::sub-line:horizontal:hover {
+ background: @scrollbar_handle_hover_bg;
+}
+
+QScrollBar::sub-line:horizontal:pressed {
+ background: @scrollbar_handle_pressed_bg;
+}
+
+QScrollBar::right-arrow:horizontal {
+ image: url(right.svg);
+ width: 16px;
+ height: 16px;
+}
+
+QScrollBar::left-arrow:horizontal {
+ image: url(left.svg);
+ width: 16px;
+ height: 16px;
+}
+/* End QScrollBar */
+
+/* QCheckBox */
+QCheckBox {
+ spacing: 5px;
+}
+
+QCheckBox::indicator {
+ width: 20px;
+ height: 20px;
+}
+
+QCheckBox::indicator:unchecked {
+ image: url(checkbox_unchecked.svg);
+}
+
+QCheckBox::indicator:unchecked:hover {
+ background: @checkbox_indicator_hover_bg;
+}
+
+QCheckBox::indicator:unchecked:pressed {
+ background: @checkbox_indicator_pressed_bg;
+}
+
+QCheckBox::indicator:checked {
+ image: url(checkbox_checked.svg);
+}
+
+QCheckBox::indicator:checked:hover {
+ background: @checkbox_indicator_hover_bg;
+}
+
+QCheckBox::indicator:checked:pressed {
+ background: @checkbox_indicator_pressed_bg;
+}
+
+QCheckBox::indicator:indeterminate:hover {
+ background: @checkbox_indicator_hover_bg;
+}
+
+QCheckBox::indicator:indeterminate:pressed {
+ background: @checkbox_indicator_pressed_bg;
+}
+/* End QCheckBox */
+
+/* QRadioButton */
+QRadioButton {
+ spacing: 5px;
+}
+
+QRadioButton::indicator {
+ width: 20px;
+ height: 20px;
+}
+
+QRadioButton::indicator:unchecked {
+ image: url(radiobutton_unchecked.svg);
+}
+
+QRadioButton::indicator:unchecked:hover {
+ background: @radiobutton_indicator_hover_bg;
+}
+
+QRadioButton::indicator:unchecked:pressed {
+ background: @radiobutton_indicator_pressed_bg;
+}
+
+QRadioButton::indicator:checked {
+ image: url(radiobutton_checked.svg);
+}
+
+QRadioButton::indicator:checked:hover {
+ background: @radiobutton_indicator_hover_bg;
+}
+
+QRadioButton::indicator:checked:pressed {
+ background: @radiobutton_indicator_pressed_bg;
+}
+/* End QRadioButton */
+
+/* QSpinBox */
+QSpinBox, QDoubleSpinBox {
+ border: 1px solid @spinbox_border;
+ color: @spinbox_fg;
+ background: @spinbox_bg;
+ padding-right: 25px;
+ min-height: 25px;
+ selection-color: @spinbox_selection_fg;
+ selection-background-color: @spinbox_selection_bg;
+}
+
+QSpinBox:focus, QDoubleSpinBox::focus {
+ border: 2px solid @spinbox_focus_border;
+ background: @spinbox_focus_bg;
+}
+
+QSpinBox::up-button, QDoubleSpinBox::up-button {
+ subcontrol-origin: border;
+ subcontrol-position: top right; /* position at the top right corner */
+ width: 25px;
+ border: none;
+ background: transparent;
+}
+
+QSpinBox::up-button:hover, QDoubleSpinBox::up-button:hover {
+ background: @spinbox_button_hover_bg;
+}
+
+QSpinBox::up-button:pressed, QDoubleSpinBox::up-button:pressed {
+ background: @spinbox_button_pressed_bg;
+}
+
+QSpinBox::up-arrow, QDoubleSpinBox::up-arrow {
+ image: url(up.svg);
+ width: 12px;
+ height: 12px;
+}
+
+QSpinBox::up-arrow:disabled, QSpinBox::up-arrow:off, QDoubleSpinBox::up-arrow:disabled, QDoubleSpinBox::up-arrow:off {
+ image: url(up_disabled.svg);
+}
+
+QSpinBox::down-button, QDoubleSpinBox::down-button {
+ subcontrol-origin: border;
+ subcontrol-position: bottom right; /* position at the top right corner */
+ width: 25px;
+ border: none;
+ background: transparent;
+}
+
+QSpinBox::down-button:hover, QDoubleSpinBox::down-button:hover {
+ background: @spinbox_button_hover_bg;
+}
+
+QSpinBox::down-button:pressed, QDoubleSpinBox::down-button:pressed {
+ background: @spinbox_button_pressed_bg;
+}
+
+QSpinBox::down-arrow, QDoubleSpinBox::down-arrow {
+ image: url(down.svg);
+ width: 12px;
+ height: 12px;
+}
+
+QSpinBox::down-arrow:disabled, QSpinBox::down-arrow:off, QDoubleSpinBox::down-arrow:disabled, QDoubleSpinBox::down-arrow:off {
+ image: url(down_disabled.svg);
+}
+/* End QSpinBox */
+
+/* QHeaderView */
+QHeaderView::section {
+ background: @headerview_bg;
+ color: @headerview_fg;
+ padding-left: 4px;
+ border: none;
+ border-left: 1px solid @headerview_border;
+ border-bottom: 1px solid @headerview_border;
+}
+
+QHeaderView::section:checked
+{
+ color: @headerview_checked_fg;
+ background: @headerview_checked_bg;
+}
+
+/* style the sort indicator */
+QHeaderView::down-arrow {
+ image: url(down.svg);
+}
+
+QHeaderView::up-arrow {
+ image: url(up.svg);
+}
+/* End QHeaderView */
+
+QWidget#FindReplaceTitleWidget {
+ background: @title_bg;
+}
diff --git a/src/resources/themes/v_material/v_material_codeblock.css b/src/resources/themes/v_material/v_material_codeblock.css
new file mode 100644
index 00000000..e8191399
--- /dev/null
+++ b/src/resources/themes/v_material/v_material_codeblock.css
@@ -0,0 +1,96 @@
+/*
+
+Atom One Light by Daniel Gamage
+Original One Light Syntax theme from https://github.com/atom/one-light-syntax
+
+base: #fafafa
+mono-1: #383a42
+mono-2: #686b77
+mono-3: #a0a1a7
+hue-1: #0184bb
+hue-2: #4078f2
+hue-3: #a626a4
+hue-4: #50a14f
+hue-5: #e45649
+hue-5-2: #c91243
+hue-6: #986801
+hue-6-2: #c18401
+
+*/
+
+.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ color: #eeffff;
+ /*background: #1a2226;*/
+}
+
+.hljs-comment,
+.hljs-quote {
+ color: #546e7a;
+ font-style: italic;
+}
+
+.hljs-doctag,
+.hljs-keyword,
+.hljs-formula {
+ color: #c792ea;
+}
+
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+ color: #c3e88d;
+}
+
+.hljs-literal {
+ color: #0184bb;
+}
+
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta-string {
+ color: #c3e176;
+}
+
+.hljs-built_in,
+.hljs-class .hljs-title {
+ color: #ffcb6b;
+}
+
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+ color: #f78c6c;
+}
+
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+ color: #4078f2;
+}
+
+.hljs-emphasis {
+ font-style: italic;
+}
+
+.hljs-strong {
+ font-weight: bold;
+}
+
+.hljs-link {
+ text-decoration: underline;
+}
diff --git a/src/vconfigmanager.cpp b/src/vconfigmanager.cpp
index c82b4775..25c2e39a 100644
--- a/src/vconfigmanager.cpp
+++ b/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_material/v_material.palette";
+ m_themes.insert(VPalette::themeName(file), file);
// User theme folder.
QDir dir(getThemeConfigFolder());
diff --git a/src/vnote.qrc b/src/vnote.qrc
index 33b0b889..03b7cd9f 100644
--- a/src/vnote.qrc
+++ b/src/vnote.qrc
@@ -165,5 +165,33 @@
resources/themes/v_pure/v_pure.css
resources/themes/v_pure/v_pure_codeblock.css
resources/themes/v_white/v_white_codeblock.css
+ resources/themes/v_material/arrow_dropdown.svg
+ resources/themes/v_material/branch_closed.svg
+ resources/themes/v_material/branch_end.svg
+ resources/themes/v_material/branch_more.svg
+ resources/themes/v_material/branch_open.svg
+ resources/themes/v_material/checkbox_checked.svg
+ resources/themes/v_material/checkbox_unchecked.svg
+ resources/themes/v_material/close.svg
+ resources/themes/v_material/close_grey.svg
+ resources/themes/v_material/down.svg
+ resources/themes/v_material/down_disabled.svg
+ resources/themes/v_material/float.svg
+ resources/themes/v_material/left.svg
+ resources/themes/v_material/left_disabled.svg
+ resources/themes/v_material/line.svg
+ resources/themes/v_material/menu_checkbox.svg
+ resources/themes/v_material/menu_radiobutton.svg
+ resources/themes/v_material/radiobutton_checked.svg
+ resources/themes/v_material/radiobutton_unchecked.svg
+ resources/themes/v_material/right.svg
+ resources/themes/v_material/right_disabled.svg
+ resources/themes/v_material/up.svg
+ resources/themes/v_material/up_disabled.svg
+ resources/themes/v_material/v_material.css
+ resources/themes/v_material/v_material.mdhl
+ resources/themes/v_material/v_material.palette
+ resources/themes/v_material/v_material.qss
+ resources/themes/v_material/v_material_codeblock.css