diff --git a/src/Gui/Stylesheets/Dark-blue.qss b/src/Gui/Stylesheets/Dark-blue.qss index bbb10ba78..5eef1ba6f 100644 --- a/src/Gui/Stylesheets/Dark-blue.qss +++ b/src/Gui/Stylesheets/Dark-blue.qss @@ -1,14 +1,14 @@ /* ABOUT ============================================================================================================ -version 2.04 +version 2.05 QT theme (stylesheet) specially developed for FreeCAD (http://www.freecadweb.org/). It might work with other software that uses QT styling. LICENSE ============================================================================================================ -Copyright (c) 2016 Pablo Gil Fernández +Copyright (c) 2016 Pablo Gil Fernández This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/. @@ -93,6 +93,7 @@ Main window ==================================================================================================*/ QMainWindow, QDialog, +QDockWidget, QToolBar { background-color: #6e6e6e; /* main background color */ } @@ -158,6 +159,38 @@ QMenu::indicator:non-exclusive:checked { color: white; } +/* Fix for elements inside a drop-down menu */ +QMenu QRadioButton, +QMenu QCheckBox, +QMenu QPushButton, +QMenu QToolButton { + color: white; /* same as regular QRadioButton and QCheckBox */ +} + +QMenu QRadioButton:hover, +QMenu QCheckBox:hover, +QMenu QPushButton:hover, +QMenu QToolButton:hover, +QMenu QPushButton:pressed, +QMenu QToolButton:pressed, +QMenu QPushButton:selected, +QMenu QToolButton:selected { + color: white; + background-color: #5e90fa; /* same as QMenu::item:selected and QMenu::item:pressed */ +} + +QMenu QRadioButton:disabled, +QMenu QCheckBox:disabled { + color: #f5f5f5; +} + +QMenu QRadioButton::indicator:disabled, +QMenu QCheckBox::indicator:disabled { + color: #f5f5f5; + background-color: transparent; + border: 1px solid #f5f5f5; +} + /*================================================================================================== Tool bar @@ -937,14 +970,6 @@ QSplitter::handle { padding: 0px; } -QSplitter::handle:vertical { - background-image: url(qss:images/splitter_horizontal_dark.png); - background-position: center center; - background-repeat: none; - margin: 2px 4px 2px 4px; - height: 2px; -} - QSplitter::handle:horizontal { background-image: url(qss:images/splitter_vertical_dark.png); background-position: center center; @@ -953,7 +978,15 @@ QSplitter::handle:horizontal { width: 2px; } -/* Similar to the splitter is the following window separator: */ +QSplitter::handle:vertical { + background-image: url(qss:images/splitter_horizontal_dark.png); + background-position: center center; + background-repeat: none; + margin: 2px 4px 2px 4px; + height: 2px; +} + +/* Similar to the splitter is the following window separator (but horizontal/vertical is on the opposite way) */ QMainWindow::separator { background-position: center center; background-repeat: none; @@ -1555,13 +1588,10 @@ QRadioButton::indicator:pressed { border-color: #adc5ed; } -QRadioButton::indicator:disabled { - border: 1px solid #f5f5f5; -} - QRadioButton::indicator:disabled { color: #f5f5f5; background-color: transparent; + border: 1px solid #f5f5f5; } QRadioButton:focus { @@ -1888,6 +1918,17 @@ QToolBar > QToolButton::menu-arrow:open { background-image: url(qss:images/down_arrow_lighter.png); } +/* when QToolButton is checked: */ +QToolBar > QToolButton:checked { + border: 1px solid #7cabf9; + background-color: rgba(124,171,249,60); /* transparency for #7cabf9 color */ +} + +QToolBar > QToolButton:checked:hover { + border: 1px solid #7cabf9; + background-color: rgba(124,171,249,80); /* transparency for #7cabf9 color */ +} + /*The "show more" button (it can also be stylable with "QToolBarExtension" */ QToolBar QToolButton#qt_toolbar_ext_button { margin: 0px; diff --git a/src/Gui/Stylesheets/Dark-green.qss b/src/Gui/Stylesheets/Dark-green.qss index db6b2ce8e..ed43b0978 100644 --- a/src/Gui/Stylesheets/Dark-green.qss +++ b/src/Gui/Stylesheets/Dark-green.qss @@ -1,14 +1,14 @@ /* ABOUT ============================================================================================================ -version 2.04 +version 2.05 QT theme (stylesheet) specially developed for FreeCAD (http://www.freecadweb.org/). It might work with other software that uses QT styling. LICENSE ============================================================================================================ -Copyright (c) 2016 Pablo Gil Fernández +Copyright (c) 2016 Pablo Gil Fernández This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/. @@ -93,6 +93,7 @@ Main window ==================================================================================================*/ QMainWindow, QDialog, +QDockWidget, QToolBar { background-color: #6e6e6e; /* main background color */ } @@ -158,6 +159,38 @@ QMenu::indicator:non-exclusive:checked { color: white; } +/* Fix for elements inside a drop-down menu */ +QMenu QRadioButton, +QMenu QCheckBox, +QMenu QPushButton, +QMenu QToolButton { + color: white; /* same as regular QRadioButton and QCheckBox */ +} + +QMenu QRadioButton:hover, +QMenu QCheckBox:hover, +QMenu QPushButton:hover, +QMenu QToolButton:hover, +QMenu QPushButton:pressed, +QMenu QToolButton:pressed, +QMenu QPushButton:selected, +QMenu QToolButton:selected { + color: white; + background-color: #94b30f; /* same as QMenu::item:selected and QMenu::item:pressed */ +} + +QMenu QRadioButton:disabled, +QMenu QCheckBox:disabled { + color: #f5f5f5; +} + +QMenu QRadioButton::indicator:disabled, +QMenu QCheckBox::indicator:disabled { + color: #f5f5f5; + background-color: transparent; + border: 1px solid #f5f5f5; +} + /*================================================================================================== Tool bar @@ -937,14 +970,6 @@ QSplitter::handle { padding: 0px; } -QSplitter::handle:vertical { - background-image: url(qss:images/splitter_horizontal_dark.png); - background-position: center center; - background-repeat: none; - margin: 2px 4px 2px 4px; - height: 2px; -} - QSplitter::handle:horizontal { background-image: url(qss:images/splitter_vertical_dark.png); background-position: center center; @@ -953,7 +978,15 @@ QSplitter::handle:horizontal { width: 2px; } -/* Similar to the splitter is the following window separator: */ +QSplitter::handle:vertical { + background-image: url(qss:images/splitter_horizontal_dark.png); + background-position: center center; + background-repeat: none; + margin: 2px 4px 2px 4px; + height: 2px; +} + +/* Similar to the splitter is the following window separator (but horizontal/vertical is on the opposite way) */ QMainWindow::separator { background-position: center center; background-repeat: none; @@ -1555,13 +1588,10 @@ QRadioButton::indicator:pressed { border-color: #c5d675; } -QRadioButton::indicator:disabled { - border: 1px solid #f5f5f5; -} - QRadioButton::indicator:disabled { color: #f5f5f5; background-color: transparent; + border: 1px solid #f5f5f5; } QRadioButton:focus { @@ -1888,6 +1918,17 @@ QToolBar > QToolButton::menu-arrow:open { background-image: url(qss:images/down_arrow_lighter.png); } +/* when QToolButton is checked: */ +QToolBar > QToolButton:checked { + border: 1px solid #a5c61a; + background-color: rgba(124,171,249,60); /* transparency for #a5c61a color */ +} + +QToolBar > QToolButton:checked:hover { + border: 1px solid #a5c61a; + background-color: rgba(124,171,249,80); /* transparency for #a5c61a color */ +} + /*The "show more" button (it can also be stylable with "QToolBarExtension" */ QToolBar QToolButton#qt_toolbar_ext_button { margin: 0px; diff --git a/src/Gui/Stylesheets/Dark-orange.qss b/src/Gui/Stylesheets/Dark-orange.qss index c4f1bcb87..af94aca98 100644 --- a/src/Gui/Stylesheets/Dark-orange.qss +++ b/src/Gui/Stylesheets/Dark-orange.qss @@ -1,14 +1,14 @@ /* ABOUT ============================================================================================================ -version 2.04 +version 2.05 QT theme (stylesheet) specially developed for FreeCAD (http://www.freecadweb.org/). It might work with other software that uses QT styling. LICENSE ============================================================================================================ -Copyright (c) 2016 Pablo Gil Fernández +Copyright (c) 2016 Pablo Gil Fernández This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/. @@ -93,6 +93,7 @@ Main window ==================================================================================================*/ QMainWindow, QDialog, +QDockWidget, QToolBar { background-color: #6e6e6e; /* main background color */ } @@ -158,6 +159,38 @@ QMenu::indicator:non-exclusive:checked { color: white; } +/* Fix for elements inside a drop-down menu */ +QMenu QRadioButton, +QMenu QCheckBox, +QMenu QPushButton, +QMenu QToolButton { + color: white; /* same as regular QRadioButton and QCheckBox */ +} + +QMenu QRadioButton:hover, +QMenu QCheckBox:hover, +QMenu QPushButton:hover, +QMenu QToolButton:hover, +QMenu QPushButton:pressed, +QMenu QToolButton:pressed, +QMenu QPushButton:selected, +QMenu QToolButton:selected { + color: white; + background-color: #daa116; /* same as QMenu::item:selected and QMenu::item:pressed */ +} + +QMenu QRadioButton:disabled, +QMenu QCheckBox:disabled { + color: #f5f5f5; +} + +QMenu QRadioButton::indicator:disabled, +QMenu QCheckBox::indicator:disabled { + color: #f5f5f5; + background-color: transparent; + border: 1px solid #f5f5f5; +} + /*================================================================================================== Tool bar @@ -937,14 +970,6 @@ QSplitter::handle { padding: 0px; } -QSplitter::handle:vertical { - background-image: url(qss:images/splitter_horizontal_dark.png); - background-position: center center; - background-repeat: none; - margin: 2px 4px 2px 4px; - height: 2px; -} - QSplitter::handle:horizontal { background-image: url(qss:images/splitter_vertical_dark.png); background-position: center center; @@ -953,7 +978,15 @@ QSplitter::handle:horizontal { width: 2px; } -/* Similar to the splitter is the following window separator: */ +QSplitter::handle:vertical { + background-image: url(qss:images/splitter_horizontal_dark.png); + background-position: center center; + background-repeat: none; + margin: 2px 4px 2px 4px; + height: 2px; +} + +/* Similar to the splitter is the following window separator (but horizontal/vertical is on the opposite way) */ QMainWindow::separator { background-position: center center; background-repeat: none; @@ -1555,13 +1588,10 @@ QRadioButton::indicator:pressed { border-color: #e0c992; } -QRadioButton::indicator:disabled { - border: 1px solid #f5f5f5; -} - QRadioButton::indicator:disabled { color: #f5f5f5; background-color: transparent; + border: 1px solid #f5f5f5; } QRadioButton:focus { @@ -1888,6 +1918,17 @@ QToolBar > QToolButton::menu-arrow:open { background-image: url(qss:images/down_arrow_lighter.png); } +/* when QToolButton is checked: */ +QToolBar > QToolButton:checked { + border: 1px solid #e3b64d; + background-color: rgba(124,171,249,60); /* transparency for #e3b64d color */ +} + +QToolBar > QToolButton:checked:hover { + border: 1px solid #e3b64d; + background-color: rgba(124,171,249,80); /* transparency for #e3b64d color */ +} + /*The "show more" button (it can also be stylable with "QToolBarExtension" */ QToolBar QToolButton#qt_toolbar_ext_button { margin: 0px; diff --git a/src/Gui/Stylesheets/Light-blue.qss b/src/Gui/Stylesheets/Light-blue.qss index 0a521796d..b1fa5145a 100644 --- a/src/Gui/Stylesheets/Light-blue.qss +++ b/src/Gui/Stylesheets/Light-blue.qss @@ -1,14 +1,14 @@ /* ABOUT ============================================================================================================ -version 2.04 +version 2.05 QT theme (stylesheet) specially developed for FreeCAD (http://www.freecadweb.org/). It might work with other software that uses QT styling. LICENSE ============================================================================================================ -Copyright (c) 2016 Pablo Gil Fernández +Copyright (c) 2016 Pablo Gil Fernández This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/. @@ -93,6 +93,7 @@ Main window ==================================================================================================*/ QMainWindow, QDialog, +QDockWidget, QToolBar { background-color: #f5f5f5; /* main background color */ } @@ -158,6 +159,38 @@ QMenu::indicator:non-exclusive:checked { color: white; } +/* Fix for elements inside a drop-down menu */ +QMenu QRadioButton, +QMenu QCheckBox, +QMenu QPushButton, +QMenu QToolButton { + color: black; /* same as regular QRadioButton and QCheckBox */ +} + +QMenu QRadioButton:hover, +QMenu QCheckBox:hover, +QMenu QPushButton:hover, +QMenu QToolButton:hover, +QMenu QPushButton:pressed, +QMenu QToolButton:pressed, +QMenu QPushButton:selected, +QMenu QToolButton:selected { + color: white; + background-color: #5e90fa; /* same as QMenu::item:selected and QMenu::item:pressed */ +} + +QMenu QRadioButton:disabled, +QMenu QCheckBox:disabled { + color: #6e6e6e; +} + +QMenu QRadioButton::indicator:disabled, +QMenu QCheckBox::indicator:disabled { + color: #6e6e6e; + background-color: transparent; + border: 1px solid #6e6e6e; +} + /*================================================================================================== Tool bar @@ -935,14 +968,6 @@ QSplitter::handle { padding: 0px; } -QSplitter::handle:vertical { - background-image: url(qss:images/splitter_horizontal_dark.png); - background-position: center center; - background-repeat: none; - margin: 2px 4px 2px 4px; - height: 2px; -} - QSplitter::handle:horizontal { background-image: url(qss:images/splitter_vertical_dark.png); background-position: center center; @@ -951,7 +976,15 @@ QSplitter::handle:horizontal { width: 2px; } -/* Similar to the splitter is the following window separator: */ +QSplitter::handle:vertical { + background-image: url(qss:images/splitter_horizontal_dark.png); + background-position: center center; + background-repeat: none; + margin: 2px 4px 2px 4px; + height: 2px; +} + +/* Similar to the splitter is the following window separator (but horizontal/vertical is on the opposite way) */ QMainWindow::separator { background-position: center center; background-repeat: none; @@ -1553,13 +1586,10 @@ QRadioButton::indicator:pressed { border-color: #adc5ed; } -QRadioButton::indicator:disabled { - border: 1px solid #6e6e6e; -} - QRadioButton::indicator:disabled { color: #6e6e6e; background-color: transparent; + border: 1px solid #6e6e6e; } QRadioButton:focus { @@ -1886,6 +1916,17 @@ QToolBar > QToolButton::menu-arrow:open { background-image: url(qss:images/down_arrow_lighter.png); } +/* when QToolButton is checked: */ +QToolButton:checked { + border: 1px solid #7cabf9; + background-color: rgba(124,171,249,60); /* transparency for #7cabf9 color */ +} + +QToolButton:checked:hover { + border: 1px solid #7cabf9; + background-color: rgba(124,171,249,80); /* transparency for #7cabf9 color */ +} + /*The "show more" button (it can also be stylable with "QToolBarExtension" */ QToolBar QToolButton#qt_toolbar_ext_button { margin: 0px; diff --git a/src/Gui/Stylesheets/Light-green.qss b/src/Gui/Stylesheets/Light-green.qss index 6609e1532..bab864d55 100644 --- a/src/Gui/Stylesheets/Light-green.qss +++ b/src/Gui/Stylesheets/Light-green.qss @@ -1,14 +1,14 @@ /* ABOUT ============================================================================================================ -version 2.04 +version 2.05 QT theme (stylesheet) specially developed for FreeCAD (http://www.freecadweb.org/). It might work with other software that uses QT styling. LICENSE ============================================================================================================ -Copyright (c) 2016 Pablo Gil Fernández +Copyright (c) 2016 Pablo Gil Fernández This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/. @@ -93,6 +93,7 @@ Main window ==================================================================================================*/ QMainWindow, QDialog, +QDockWidget, QToolBar { background-color: #f5f5f5; /* main background color */ } @@ -158,6 +159,38 @@ QMenu::indicator:non-exclusive:checked { color: white; } +/* Fix for elements inside a drop-down menu */ +QMenu QRadioButton, +QMenu QCheckBox, +QMenu QPushButton, +QMenu QToolButton { + color: black; /* same as regular QRadioButton and QCheckBox */ +} + +QMenu QRadioButton:hover, +QMenu QCheckBox:hover, +QMenu QPushButton:hover, +QMenu QToolButton:hover, +QMenu QPushButton:pressed, +QMenu QToolButton:pressed, +QMenu QPushButton:selected, +QMenu QToolButton:selected { + color: white; + background-color: #94b30f; /* same as QMenu::item:selected and QMenu::item:pressed */ +} + +QMenu QRadioButton:disabled, +QMenu QCheckBox:disabled { + color: #6e6e6e; +} + +QMenu QRadioButton::indicator:disabled, +QMenu QCheckBox::indicator:disabled { + color: #6e6e6e; + background-color: transparent; + border: 1px solid #6e6e6e; +} + /*================================================================================================== Tool bar @@ -935,14 +968,6 @@ QSplitter::handle { padding: 0px; } -QSplitter::handle:vertical { - background-image: url(qss:images/splitter_horizontal_dark.png); - background-position: center center; - background-repeat: none; - margin: 2px 4px 2px 4px; - height: 2px; -} - QSplitter::handle:horizontal { background-image: url(qss:images/splitter_vertical_dark.png); background-position: center center; @@ -951,7 +976,15 @@ QSplitter::handle:horizontal { width: 2px; } -/* Similar to the splitter is the following window separator: */ +QSplitter::handle:vertical { + background-image: url(qss:images/splitter_horizontal_dark.png); + background-position: center center; + background-repeat: none; + margin: 2px 4px 2px 4px; + height: 2px; +} + +/* Similar to the splitter is the following window separator (but horizontal/vertical is on the opposite way) */ QMainWindow::separator { background-position: center center; background-repeat: none; @@ -1553,13 +1586,10 @@ QRadioButton::indicator:pressed { border-color: #c5d675; } -QRadioButton::indicator:disabled { - border: 1px solid #6e6e6e; -} - QRadioButton::indicator:disabled { color: #6e6e6e; background-color: transparent; + border: 1px solid #6e6e6e; } QRadioButton:focus { @@ -1886,6 +1916,17 @@ QToolBar > QToolButton::menu-arrow:open { background-image: url(qss:images/down_arrow_lighter.png); } +/* when QToolButton is checked: */ +QToolButton:checked { + border: 1px solid #a5c61a; + background-color: rgba(124,171,249,60); /* transparency for #a5c61a color */ +} + +QToolButton:checked:hover { + border: 1px solid #a5c61a; + background-color: rgba(124,171,249,80); /* transparency for #a5c61a color */ +} + /*The "show more" button (it can also be stylable with "QToolBarExtension" */ QToolBar QToolButton#qt_toolbar_ext_button { margin: 0px; diff --git a/src/Gui/Stylesheets/Light-orange.qss b/src/Gui/Stylesheets/Light-orange.qss index fa55d15b6..482a6c2af 100644 --- a/src/Gui/Stylesheets/Light-orange.qss +++ b/src/Gui/Stylesheets/Light-orange.qss @@ -1,14 +1,14 @@ /* ABOUT ============================================================================================================ -version 2.04 +version 2.05 QT theme (stylesheet) specially developed for FreeCAD (http://www.freecadweb.org/). It might work with other software that uses QT styling. LICENSE ============================================================================================================ -Copyright (c) 2016 Pablo Gil Fernández +Copyright (c) 2016 Pablo Gil Fernández This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/. @@ -93,6 +93,7 @@ Main window ==================================================================================================*/ QMainWindow, QDialog, +QDockWidget, QToolBar { background-color: #f5f5f5; /* main background color */ } @@ -158,6 +159,38 @@ QMenu::indicator:non-exclusive:checked { color: white; } +/* Fix for elements inside a drop-down menu */ +QMenu QRadioButton, +QMenu QCheckBox, +QMenu QPushButton, +QMenu QToolButton { + color: black; /* same as regular QRadioButton and QCheckBox */ +} + +QMenu QRadioButton:hover, +QMenu QCheckBox:hover, +QMenu QPushButton:hover, +QMenu QToolButton:hover, +QMenu QPushButton:pressed, +QMenu QToolButton:pressed, +QMenu QPushButton:selected, +QMenu QToolButton:selected { + color: white; + background-color: #daa116; /* same as QMenu::item:selected and QMenu::item:pressed */ +} + +QMenu QRadioButton:disabled, +QMenu QCheckBox:disabled { + color: #6e6e6e; +} + +QMenu QRadioButton::indicator:disabled, +QMenu QCheckBox::indicator:disabled { + color: #6e6e6e; + background-color: transparent; + border: 1px solid #6e6e6e; +} + /*================================================================================================== Tool bar @@ -935,14 +968,6 @@ QSplitter::handle { padding: 0px; } -QSplitter::handle:vertical { - background-image: url(qss:images/splitter_horizontal_dark.png); - background-position: center center; - background-repeat: none; - margin: 2px 4px 2px 4px; - height: 2px; -} - QSplitter::handle:horizontal { background-image: url(qss:images/splitter_vertical_dark.png); background-position: center center; @@ -951,7 +976,15 @@ QSplitter::handle:horizontal { width: 2px; } -/* Similar to the splitter is the following window separator: */ +QSplitter::handle:vertical { + background-image: url(qss:images/splitter_horizontal_dark.png); + background-position: center center; + background-repeat: none; + margin: 2px 4px 2px 4px; + height: 2px; +} + +/* Similar to the splitter is the following window separator (but horizontal/vertical is on the opposite way) */ QMainWindow::separator { background-position: center center; background-repeat: none; @@ -1553,13 +1586,10 @@ QRadioButton::indicator:pressed { border-color: #e0c992; } -QRadioButton::indicator:disabled { - border: 1px solid #6e6e6e; -} - QRadioButton::indicator:disabled { color: #6e6e6e; background-color: transparent; + border: 1px solid #6e6e6e; } QRadioButton:focus { @@ -1886,6 +1916,17 @@ QToolBar > QToolButton::menu-arrow:open { background-image: url(qss:images/down_arrow_lighter.png); } +/* when QToolButton is checked: */ +QToolButton:checked { + border: 1px solid #e3b64d; + background-color: rgba(124,171,249,60); /* transparency for #e3b64d color */ +} + +QToolButton:checked:hover { + border: 1px solid #e3b64d; + background-color: rgba(124,171,249,80); /* transparency for #e3b64d color */ +} + /*The "show more" button (it can also be stylable with "QToolBarExtension" */ QToolBar QToolButton#qt_toolbar_ext_button { margin: 0px; diff --git a/src/Gui/Stylesheets/images/up-down_arrow_dark.png b/src/Gui/Stylesheets/images/up-down_arrow_dark.png new file mode 100644 index 000000000..2941cd454 Binary files /dev/null and b/src/Gui/Stylesheets/images/up-down_arrow_dark.png differ diff --git a/src/Gui/Stylesheets/images/up-down_arrow_darker.png b/src/Gui/Stylesheets/images/up-down_arrow_darker.png new file mode 100644 index 000000000..8dc85d4a6 Binary files /dev/null and b/src/Gui/Stylesheets/images/up-down_arrow_darker.png differ diff --git a/src/Gui/Stylesheets/images/up-down_arrow_disabled_dark.png b/src/Gui/Stylesheets/images/up-down_arrow_disabled_dark.png new file mode 100644 index 000000000..ba48476e7 Binary files /dev/null and b/src/Gui/Stylesheets/images/up-down_arrow_disabled_dark.png differ diff --git a/src/Gui/Stylesheets/images/up-down_arrow_disabled_light.png b/src/Gui/Stylesheets/images/up-down_arrow_disabled_light.png new file mode 100644 index 000000000..d3e2a3012 Binary files /dev/null and b/src/Gui/Stylesheets/images/up-down_arrow_disabled_light.png differ diff --git a/src/Gui/Stylesheets/images/up-down_arrow_light.png b/src/Gui/Stylesheets/images/up-down_arrow_light.png new file mode 100644 index 000000000..425744971 Binary files /dev/null and b/src/Gui/Stylesheets/images/up-down_arrow_light.png differ diff --git a/src/Gui/Stylesheets/images/up-down_arrow_lighter.png b/src/Gui/Stylesheets/images/up-down_arrow_lighter.png new file mode 100644 index 000000000..4db20d77d Binary files /dev/null and b/src/Gui/Stylesheets/images/up-down_arrow_lighter.png differ