From c0c22530f2521fed715d4aafa0d5badece4d42c7 Mon Sep 17 00:00:00 2001 From: NocLin Date: Tue, 12 Dec 2017 23:08:38 +0800 Subject: [PATCH] add theme v_material --- .../themes/v_material/arrow_dropdown.svg | 9 + .../themes/v_material/branch_closed.svg | 8 + .../themes/v_material/branch_end.svg | 7 + .../themes/v_material/branch_more.svg | 7 + .../themes/v_material/branch_open.svg | 8 + .../themes/v_material/checkbox_checked.svg | 7 + .../themes/v_material/checkbox_unchecked.svg | 6 + src/resources/themes/v_material/close.svg | 10 + .../themes/v_material/close_grey.svg | 10 + src/resources/themes/v_material/down.svg | 8 + .../themes/v_material/down_disabled.svg | 8 + src/resources/themes/v_material/float.svg | 12 + src/resources/themes/v_material/left.svg | 8 + .../themes/v_material/left_disabled.svg | 8 + src/resources/themes/v_material/line.svg | 6 + .../themes/v_material/menu_checkbox.svg | 6 + .../themes/v_material/menu_radiobutton.svg | 6 + .../themes/v_material/radiobutton_checked.svg | 7 + .../v_material/radiobutton_unchecked.svg | 6 + src/resources/themes/v_material/right.svg | 8 + .../themes/v_material/right_disabled.svg | 8 + src/resources/themes/v_material/up.svg | 8 + .../themes/v_material/up_disabled.svg | 8 + .../themes/v_material/v_material.css | 224 ++++ .../themes/v_material/v_material.mdhl | 172 +++ .../themes/v_material/v_material.palette | 309 +++++ .../themes/v_material/v_material.qss | 1127 +++++++++++++++++ .../v_material/v_material_codeblock.css | 96 ++ src/vconfigmanager.cpp | 2 + src/vnote.qrc | 28 + 30 files changed, 2137 insertions(+) create mode 100644 src/resources/themes/v_material/arrow_dropdown.svg create mode 100644 src/resources/themes/v_material/branch_closed.svg create mode 100644 src/resources/themes/v_material/branch_end.svg create mode 100644 src/resources/themes/v_material/branch_more.svg create mode 100644 src/resources/themes/v_material/branch_open.svg create mode 100644 src/resources/themes/v_material/checkbox_checked.svg create mode 100644 src/resources/themes/v_material/checkbox_unchecked.svg create mode 100644 src/resources/themes/v_material/close.svg create mode 100644 src/resources/themes/v_material/close_grey.svg create mode 100644 src/resources/themes/v_material/down.svg create mode 100644 src/resources/themes/v_material/down_disabled.svg create mode 100644 src/resources/themes/v_material/float.svg create mode 100644 src/resources/themes/v_material/left.svg create mode 100644 src/resources/themes/v_material/left_disabled.svg create mode 100644 src/resources/themes/v_material/line.svg create mode 100644 src/resources/themes/v_material/menu_checkbox.svg create mode 100644 src/resources/themes/v_material/menu_radiobutton.svg create mode 100644 src/resources/themes/v_material/radiobutton_checked.svg create mode 100644 src/resources/themes/v_material/radiobutton_unchecked.svg create mode 100644 src/resources/themes/v_material/right.svg create mode 100644 src/resources/themes/v_material/right_disabled.svg create mode 100644 src/resources/themes/v_material/up.svg create mode 100644 src/resources/themes/v_material/up_disabled.svg create mode 100644 src/resources/themes/v_material/v_material.css create mode 100644 src/resources/themes/v_material/v_material.mdhl create mode 100644 src/resources/themes/v_material/v_material.palette create mode 100644 src/resources/themes/v_material/v_material.qss create mode 100644 src/resources/themes/v_material/v_material_codeblock.css 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 @@ + + + Layer 1 + + + + + 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 @@ + + + Layer 2 + + + + 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 @@ + + + Layer 2 + + + + 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 @@ + + + Layer 1 + + + + + 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 @@ + + + Layer 1 + + + + 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 @@ + + + Layer 1 + + + 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 @@ + + + Layer 1 + + + + + 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 @@ + + + Layer 1 + + + + + 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 @@ + + + Layer 1 + + + + + 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 @@ + + + Layer 1 + + + + + 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 @@ + + + Layer 2 + + + 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 @@ + + + Layer 1 + + + 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 @@ + + + Layer 1 + + + 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 @@ + + + Layer 1 + + + + 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 @@ + + + Layer 1 + + + 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 @@ + + + Layer 1 + + + + + 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 @@ + + + Layer 1 + + + + + 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 @@ + + + Layer 1 + + + + + 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 @@ + + + Layer 1 + + + + + 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