Merge pull request #2170 from cyrossignol/gui

gui: Refresh checkbox and radio button styles

Author: jamescowens

src/Makefile.qt.include

@@ -396,6 +396,9 @@ RES_ICONS = \
   qt/res/icons/clock3.png \
   qt/res/icons/clock4.png \
   qt/res/icons/clock5.png \
+  qt/res/icons/checkbox_checked.svg \
+  qt/res/icons/checkbox_indeterminate.svg \
+  qt/res/icons/checkbox_unchecked.svg \
   qt/res/icons/configure.png \
   qt/res/icons/connect0.svg \
   qt/res/icons/connect1.svg \
@@ -423,6 +426,7 @@ RES_ICONS = \
   qt/res/icons/open_link.svg \
   qt/res/icons/qrcode.png \
   qt/res/icons/quit.png \
+  qt/res/icons/radio_checked.svg \
   qt/res/icons/remove.png \
   qt/res/icons/round_gray_x.svg \
   qt/res/icons/round_green_check.svg \

src/qt/bitcoin.qrc

@@ -201,6 +201,10 @@
         <file alias="light_mode_active">res/icons/light_mode_active.svg</file>
         <file alias="no_result">res/icons/no_result.svg</file>
         <file alias="open_link">res/icons/open_link.svg</file>
+        <file alias="checkbox_checked">res/icons/checkbox_checked.svg</file>
+        <file alias="checkbox_indeterminate">res/icons/checkbox_indeterminate.svg</file>
+        <file alias="checkbox_unchecked">res/icons/checkbox_unchecked.svg</file>
+        <file alias="radio_checked">res/icons/radio_checked.svg</file>
 
     </qresource>
     <qresource prefix="/images">

src/qt/res/icons/checkbox_checked.svg

@@ -438,6 +438,63 @@ QSpinBox::down-arrow {
     image: url(:/icons/dark_chevron_down);
 }
 
+QCheckBox::indicator,
+QRadioButton::indicator,
+QTreeView::indicator {
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 rgb(234, 237, 237), stop: 1 rgb(202, 210, 210));
+    border: 0.13em solid rgb(170, 182, 182);
+    border-radius: 0.26em;
+}
+
+QCheckBox::indicator,
+QRadioButton::indicator {
+    width: 0.8em;
+    height: 0.8em;
+}
+
+QRadioButton::indicator {
+    border-radius: 0.5em;
+}
+
+QCheckBox::indicator:unchecked,
+QRadioButton::indicator:unchecked,
+QTreeView::indicator:unchecked {
+    image: url(:/icons/checkbox_unchecked);
+}
+
+QCheckBox::indicator:unchecked:hover,
+QRadioButton::indicator:unchecked:hover,
+QTreeView::indicator:unchecked:hover {
+    border-color: rgb(33, 114, 208);
+}
+
+QCheckBox::indicator:checked,
+QCheckBox::indicator:indeterminate,
+QRadioButton::indicator:checked,
+QTreeView::indicator:checked,
+QTreeView::indicator:indeterminate {
+    background: rgb(74, 144, 226);
+    border-color: rgb(74, 144, 226);
+    image: url(:/icons/checkbox_checked);
+}
+
+QCheckBox::indicator:indeterminate,
+QTreeView::indicator:indeterminate {
+    image: url(:/icons/checkbox_indeterminate);
+}
+
+QCheckBox::indicator:checked:hover,
+QCheckBox::indicator:indeterminate:hover,
+QTreeView::indicator:checked:hover,
+QTreeView::indicator:indeterminate:hover {
+    background: rgb(33, 114, 208);
+    border-color: rgb(33, 114, 208);
+}
+
+QRadioButton::indicator::checked {
+    image: url(:/icons/radio_checked);
+}
+
 QTabWidget::tab-bar {
     left: 0.5em;
 }

src/qt/res/icons/checkbox_indeterminate.svg

@@ -429,6 +429,63 @@ QSpinBox::down-arrow {
     image: url(:/icons/light_chevron_down);
 }
 
+QCheckBox::indicator,
+QRadioButton::indicator,
+QTreeView::indicator {
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 white, stop: 1 rgb(234, 237, 237));
+    border: 0.13em solid rgb(191, 199, 215);
+    border-radius: 0.26em;
+}
+
+QCheckBox::indicator,
+QRadioButton::indicator {
+    width: 0.8em;
+    height: 0.8em;
+}
+
+QRadioButton::indicator {
+    border-radius: 0.5em;
+}
+
+QCheckBox::indicator:unchecked,
+QRadioButton::indicator:unchecked,
+QTreeView::indicator:unchecked {
+    image: url(:/icons/checkbox_unchecked);
+}
+
+QCheckBox::indicator:unchecked:hover,
+QRadioButton::indicator:unchecked:hover,
+QTreeView::indicator:unchecked:hover {
+    border-color: rgb(144, 19, 254);
+}
+
+QCheckBox::indicator:checked,
+QCheckBox::indicator:indeterminate,
+QRadioButton::indicator:checked,
+QTreeView::indicator:checked,
+QTreeView::indicator:indeterminate {
+    background: rgb(172, 78, 254);
+    border-color: rgb(172, 78, 254);
+    image: url(:/icons/checkbox_checked);
+}
+
+QCheckBox::indicator:indeterminate,
+QTreeView::indicator:indeterminate {
+    image: url(:/icons/checkbox_indeterminate);
+}
+
+QCheckBox::indicator:checked:hover,
+QCheckBox::indicator:indeterminate:hover,
+QTreeView::indicator:checked:hover,
+QTreeView::indicator:indeterminate:hover {
+    background: rgb(144, 19, 254);
+    border-color: rgb(144, 19, 254);
+}
+
+QRadioButton::indicator::checked {
+    image: url(:/icons/radio_checked);
+}
+
 QTabWidget::tab-bar {
     left: 0.5em;
 }