dawy_go/vnote
1
0
Fork 0
mirror of https://gitee.com/vnotex/vnote.git synced 2025-07-05 13:59:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

v_white theme: support checkbox and radiobutton style

Browse Source
This commit is contained in:
Le Tan 2017-12-08 19:31:05 +08:00
parent ce1c042337
commit 27be40a454
10 changed files with 132 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/resources/themes/v_white/branch_end.svg
View File

@ -1,7 +1,7 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 2</title>
<rect stroke="null" fill="#b2b2b2" stroke-width="null" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" x="225.3" y="0.100029" width="51" height="281.537138" id="svg_3"/>
<rect fill="#b2b2b2" stroke-width="null" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" x="346.499997" y="116.499998" width="51" height="278.999996" id="svg_6" transform="rotate(90 372,256.00000000000006) " stroke="null"/>
<rect stroke="null" fill="#E0E0E0" stroke-width="null" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" x="225.3" y="0.100029" width="51" height="281.537138" id="svg_3"/>
<rect fill="#E0E0E0" stroke-width="null" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" x="346.499997" y="116.499998" width="51" height="278.999996" id="svg_6" transform="rotate(90 372,256.00000000000006) " stroke="null"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 588 B

After

Width:  |  Height:  |  Size: 588 B

4
src/resources/themes/v_white/branch_more.svg
View File

@ -1,7 +1,7 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 2</title>
<rect stroke="null" fill="#b2b2b2" stroke-width="null" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" x="225.3" y="0.100029" width="51" height="511.910139" id="svg_3"/>
<rect fill="#b2b2b2" stroke-width="null" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" x="346.499997" y="116.499998" width="51" height="278.999996" id="svg_6" transform="rotate(90 372,256.00000000000006) " stroke="null"/>
<rect stroke="null" fill="#E0E0E0" stroke-width="null" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" x="225.3" y="0.100029" width="51" height="511.910139" id="svg_3"/>
<rect fill="#E0E0E0" stroke-width="null" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" x="346.499997" y="116.499998" width="51" height="278.999996" id="svg_6" transform="rotate(90 372,256.00000000000006) " stroke="null"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 588 B

After

Width:  |  Height:  |  Size: 588 B

7
src/resources/themes/v_white/checkbox_checked.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 559 B

6
src/resources/themes/v_white/checkbox_unchecked.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 348 B

2
src/resources/themes/v_white/line.svg
View File

@ -1,6 +1,6 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 2</title>
<rect stroke="null" id="svg_3" height="510.999989" width="51" y="0.100029" x="225.3" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="#b2b2b2"/>
<rect stroke="null" id="svg_3" height="510.999989" width="51" y="0.100029" x="225.3" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="#E0E0E0"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 341 B

After

Width:  |  Height:  |  Size: 341 B

7
src/resources/themes/v_white/radiobutton_checked.svg Normal file
View File

@ -0,0 +1,7 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<circle stroke="#333333" id="svg_9" r="142.96561" cy="291.50001" cx="255.49999" fill-opacity="0" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="30" fill="#000000"/>
<circle id="svg_11" r="83.2406" cy="290" cx="255" stroke-opacity="0" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="20" stroke="#000000" fill="#333333"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 543 B

6
src/resources/themes/v_white/radiobutton_unchecked.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 351 B

12
src/resources/themes/v_white/v_white.palette
View File

@ -33,6 +33,8 @@ focus_bg=#A9A9A9
pressed_fg=#000000
pressed_bg=#808080
disabled_fg=#BCBCBC
separator_bg=#C0C0C0
border_bg=#C0C0C0
@ -93,6 +95,8 @@ 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
@ -255,3 +259,11 @@ scrollbar_handle_pressed_bg=@pressed_bg
; VEditWindow.
editwindow_corner_icon_fg=@icon_fg
editwindow_corner_icon_inactive_fg=#808080
; 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

85
src/resources/themes/v_white/v_white.qss
View File

@ -44,6 +44,7 @@ QMenuBar::item:selected {
background: @menubar_item_selected_bg;
}
/* QMenu */
QMenu {
background: @menu_bg;
color: @menu_fg;
@ -59,7 +60,12 @@ QMenu::item {
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;
}
@ -78,6 +84,7 @@ QMenu::indicator {
width: 20px;
height: 20px;
}
/* End QMenu */
QToolBar {
border: none;
@ -879,3 +886,81 @@ QScrollBar::left-arrow:horizontal {
height: 20px;
}
/* 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 */

4
src/vnote.qrc
View File

@ -159,5 +159,9 @@
<file>resources/themes/v_white/right_disabled.svg</file>
<file>resources/themes/v_white/down_disabled.svg</file>
<file>resources/themes/v_white/up_disabled.svg</file>
<file>resources/themes/v_white/checkbox_checked.svg</file>
<file>resources/themes/v_white/checkbox_unchecked.svg</file>
<file>resources/themes/v_white/radiobutton_checked.svg</file>
<file>resources/themes/v_white/radiobutton_unchecked.svg</file>
</qresource>
</RCC>