Browse Source

v_white theme: support checkbox and radiobutton style

Le Tan 8 years ago
parent
commit
27be40a454

+ 2 - 2
src/resources/themes/v_white/branch_end.svg

@@ -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>

+ 2 - 2
src/resources/themes/v_white/branch_more.svg

@@ -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>

+ 7 - 0
src/resources/themes/v_white/checkbox_checked.svg

@@ -0,0 +1,7 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <rect 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>

+ 6 - 0
src/resources/themes/v_white/checkbox_unchecked.svg

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

+ 1 - 1
src/resources/themes/v_white/line.svg

@@ -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>

+ 7 - 0
src/resources/themes/v_white/radiobutton_checked.svg

@@ -0,0 +1,7 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <circle 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>

+ 6 - 0
src/resources/themes/v_white/radiobutton_unchecked.svg

@@ -0,0 +1,6 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <g>
+  <title>Layer 1</title>
+  <circle 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>

+ 12 - 0
src/resources/themes/v_white/v_white.palette

@@ -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 - 0
src/resources/themes/v_white/v_white.qss

@@ -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 - 0
src/vnote.qrc

@@ -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>