2323 lines
60 KiB
SCSS
2323 lines
60 KiB
SCSS
/*
|
|
|
|
See Qt documentation:
|
|
|
|
- https://doc.qt.io/qt-5/stylesheet.html
|
|
- https://doc.qt.io/qt-5/stylesheet-reference.html
|
|
- https://doc.qt.io/qt-5/stylesheet-examples.html
|
|
|
|
--------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
/* Reset elements ------------------------------------------------------------
|
|
|
|
Resetting everything helps to unify styles across different operating systems
|
|
|
|
--------------------------------------------------------------------------- */
|
|
* {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
border-style: none;
|
|
border-image: none;
|
|
outline: 0;
|
|
}
|
|
|
|
/* specific reset for elements inside QToolBar */
|
|
QToolBar * {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* QWidget ----------------------------------------------------------------
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QWidget {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border: 0px solid $COLOR_BACKGROUND_4;
|
|
padding: 0px;
|
|
color: $COLOR_TEXT_1;
|
|
selection-background-color: $COLOR_ACCENT_2;
|
|
selection-color: $COLOR_TEXT_1;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_4;
|
|
selection-background-color: $COLOR_ACCENT_1;
|
|
selection-color: $COLOR_TEXT_4;
|
|
}
|
|
|
|
&::item {
|
|
|
|
&:selected {
|
|
background-color: $COLOR_ACCENT_2;
|
|
}
|
|
|
|
&:hover:!selected {
|
|
background-color: $COLOR_ACCENT_3;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* QMainWindow ------------------------------------------------------------
|
|
|
|
This adjusts the splitter in the dock widget, not qsplitter
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qmainwindow
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QMainWindow {
|
|
|
|
&::separator {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
border: 0px solid $COLOR_BACKGROUND_1;
|
|
spacing: 0px;
|
|
padding: 2px;
|
|
|
|
&:hover {
|
|
background-color: $COLOR_BACKGROUND_6;
|
|
border: 0px solid $COLOR_ACCENT_3;
|
|
}
|
|
|
|
&:horizontal {
|
|
width: 5px;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/toolbar_separator_vertical.png');
|
|
}
|
|
|
|
&:vertical {
|
|
height: 5px;
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/toolbar_separator_horizontal.png');
|
|
}
|
|
}
|
|
}
|
|
|
|
/* QToolTip ---------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtooltip
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QToolTip {
|
|
background-color: $COLOR_ACCENT_2;
|
|
color: $COLOR_TEXT_1;
|
|
/* If you remove the border property, background stops working on Windows */
|
|
border: none;
|
|
/* Remove padding, for fix combo box tooltip */
|
|
padding: 0px;
|
|
|
|
/* Remove opacity, fix #174 - may need to use RGBA */
|
|
}
|
|
|
|
/* QStatusBar -------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qstatusbar
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QStatusBar {
|
|
border: $BORDER_2;
|
|
|
|
/* Fixes Spyder #9120, #9121 */
|
|
background: $COLOR_BACKGROUND_4;
|
|
|
|
/* Fixes #205, white vertical borders separating items */
|
|
&::item {
|
|
border: none;
|
|
}
|
|
|
|
QToolTip {
|
|
background-color: $COLOR_ACCENT_3;
|
|
border: $BORDER_1;
|
|
color: $COLOR_BACKGROUND_1;
|
|
|
|
/* Remove padding, for fix combo box tooltip */
|
|
padding: 0px;
|
|
|
|
/* Reducing transparency to read better */
|
|
opacity: $OPACITY_TOOLTIP;
|
|
}
|
|
|
|
QLabel {
|
|
/* Fixes Spyder #9120, #9121 */
|
|
background: transparent;
|
|
}
|
|
}
|
|
|
|
/* QCheckBox --------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qcheckbox
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QCheckBox {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_1;
|
|
spacing: 4px;
|
|
outline: none;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
|
|
&:focus {
|
|
border: none;
|
|
}
|
|
|
|
QWidget:disabled {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_4;
|
|
}
|
|
|
|
&::indicator {
|
|
margin-left: 2px;
|
|
height: 14px;
|
|
width: 14px;
|
|
|
|
&:unchecked {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_unchecked.png');
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:pressed {
|
|
border: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_unchecked_focus.png');
|
|
}
|
|
|
|
&:disabled {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_unchecked_disabled.png');
|
|
}
|
|
}
|
|
|
|
&:checked {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_checked.png');
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:pressed {
|
|
border: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_checked_focus.png');
|
|
}
|
|
|
|
&:disabled {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_checked_disabled.png');
|
|
}
|
|
}
|
|
|
|
&:indeterminate {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_indeterminate.png');
|
|
|
|
&:disabled {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_indeterminate_disabled.png');
|
|
}
|
|
|
|
&:focus,
|
|
&:hover,
|
|
&:pressed {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_indeterminate_focus.png');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* QGroupBox --------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qgroupbox
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QGroupBox {
|
|
font-weight: bold;
|
|
border: $BORDER_2;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
padding: 2px;
|
|
margin-top: 6px;
|
|
margin-bottom: 4px;
|
|
|
|
&::title {
|
|
subcontrol-origin: margin;
|
|
subcontrol-position: top left;
|
|
left: 4px;
|
|
padding-left: 2px;
|
|
padding-right: 4px;
|
|
padding-top: -4px;
|
|
}
|
|
|
|
&::indicator {
|
|
margin-left: 2px;
|
|
margin-top: 2px;
|
|
padding: 0;
|
|
height: 14px;
|
|
width: 14px;
|
|
|
|
&:unchecked {
|
|
border: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_unchecked.png');
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:pressed {
|
|
border: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_unchecked_focus.png');
|
|
}
|
|
|
|
&:disabled {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_unchecked_disabled.png');
|
|
}
|
|
}
|
|
|
|
&:checked {
|
|
border: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_checked.png');
|
|
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:pressed {
|
|
border: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_checked_focus.png');
|
|
}
|
|
|
|
&:disabled {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_checked_disabled.png');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* QRadioButton -----------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qradiobutton
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QRadioButton {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_1;
|
|
spacing: 4px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
border: none;
|
|
outline: none;
|
|
|
|
&:focus {
|
|
border: none;
|
|
}
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_4;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
QWidget {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_1;
|
|
spacing: 0px;
|
|
padding: 0px;
|
|
outline: none;
|
|
border: none;
|
|
}
|
|
|
|
&::indicator {
|
|
border: none;
|
|
outline: none;
|
|
margin-left: 2px;
|
|
height: 14px;
|
|
width: 14px;
|
|
|
|
&:unchecked {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/radio_unchecked.png');
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:pressed {
|
|
border: none;
|
|
outline: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/radio_unchecked_focus.png');
|
|
}
|
|
|
|
&:disabled {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/radio_unchecked_disabled.png');
|
|
}
|
|
}
|
|
|
|
&:checked {
|
|
border: none;
|
|
outline: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/radio_checked.png');
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:pressed {
|
|
border: none;
|
|
outline: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/radio_checked_focus.png');
|
|
}
|
|
|
|
&:disabled {
|
|
outline: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/radio_checked_disabled.png');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* QMenuBar ---------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qmenubar
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QMenuBar {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
padding: 2px;
|
|
border: $BORDER_1;
|
|
color: $COLOR_TEXT_1;
|
|
selection-background-color: $COLOR_ACCENT_3;
|
|
&:focus {
|
|
border: $BORDER_SELECTION_2;
|
|
}
|
|
|
|
&::item {
|
|
background: transparent;
|
|
padding: 4px;
|
|
|
|
&:selected {
|
|
padding: 4px;
|
|
background: transparent;
|
|
border: 0px solid $COLOR_BACKGROUND_4;
|
|
background-color: $COLOR_ACCENT_3;
|
|
}
|
|
|
|
&:pressed {
|
|
padding: 4px;
|
|
border: 0px solid $COLOR_BACKGROUND_4;
|
|
background-color: $COLOR_ACCENT_3;
|
|
color: $COLOR_TEXT_1;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* QMenu ------------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qmenu
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QMenu {
|
|
border: 0px solid $COLOR_BACKGROUND_4;
|
|
color: $COLOR_TEXT_1;
|
|
margin: 0px;
|
|
background-color: $COLOR_BACKGROUND_3;
|
|
selection-background-color: $COLOR_ACCENT_3;
|
|
|
|
&::separator {
|
|
height: 1px;
|
|
background-color: $COLOR_BACKGROUND_6;
|
|
color: $COLOR_TEXT_1;
|
|
}
|
|
|
|
&::item {
|
|
background-color: $COLOR_BACKGROUND_3;
|
|
padding: 4px 24px 4px 28px;
|
|
/* Reserve space for selection border */
|
|
border: 1px transparent $COLOR_BACKGROUND_4;
|
|
|
|
&:selected {
|
|
color: $COLOR_TEXT_1;
|
|
background-color: $COLOR_ACCENT_3;
|
|
}
|
|
&:pressed {
|
|
background-color: $COLOR_ACCENT_3;
|
|
}
|
|
}
|
|
|
|
&::icon {
|
|
padding-left: 10px;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
&::indicator {
|
|
padding-left: 8px;
|
|
width: 12px;
|
|
height: 12px;
|
|
|
|
/* non-exclusive indicator = check box style indicator (see QActionGroup::setExclusive) */
|
|
&:non-exclusive {
|
|
|
|
&:unchecked {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_unchecked.png');
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:pressed {
|
|
border: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_unchecked_focus.png');
|
|
}
|
|
|
|
&:disabled {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_unchecked_disabled.png');
|
|
}
|
|
}
|
|
|
|
&:checked {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_checked.png');
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:pressed {
|
|
border: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_checked_focus.png');
|
|
}
|
|
|
|
&:disabled {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_checked_disabled.png');
|
|
}
|
|
}
|
|
|
|
&:indeterminate {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_indeterminate.png');
|
|
|
|
&:disabled {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_indeterminate_disabled.png');
|
|
}
|
|
|
|
&:focus,
|
|
&:hover,
|
|
&:pressed {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_indeterminate_focus.png');
|
|
}
|
|
}
|
|
}
|
|
|
|
/* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */
|
|
&:exclusive {
|
|
|
|
&:unchecked {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/radio_unchecked.png');
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:pressed {
|
|
border: none;
|
|
outline: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/radio_unchecked_focus.png');
|
|
}
|
|
|
|
&:disabled {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/radio_unchecked_disabled.png');
|
|
}
|
|
}
|
|
|
|
&:checked {
|
|
border: none;
|
|
outline: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/radio_checked.png');
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:pressed {
|
|
border: none;
|
|
outline: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/radio_checked_focus.png');
|
|
}
|
|
|
|
&:disabled {
|
|
outline: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/radio_checked_disabled.png');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&::right-arrow {
|
|
margin: 5px;
|
|
padding-left:12px;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_right.png');
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
}
|
|
|
|
/* QAbstractItemView ------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qcombobox
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QAbstractItemView {
|
|
alternate-background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_1;
|
|
border: $BORDER_2;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
|
|
QLineEdit {
|
|
padding: 2px;
|
|
}
|
|
}
|
|
|
|
/* QAbstractScrollArea ----------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qabstractscrollarea
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QAbstractScrollArea {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border: $BORDER_2;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
/* fix #159 */
|
|
padding: 2px;
|
|
/* remove min-height to fix #244 */
|
|
color: $COLOR_TEXT_1;
|
|
|
|
&:disabled {
|
|
color: $COLOR_TEXT_4;
|
|
}
|
|
}
|
|
|
|
/* QScrollArea ------------------------------------------------------------
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QScrollArea QWidget QWidget:disabled {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
}
|
|
|
|
/* QScrollBar -------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qscrollbar
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QScrollBar {
|
|
|
|
&:horizontal {
|
|
height: 16px;
|
|
margin: 2px 16px 2px 16px;
|
|
border: $BORDER_2;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
}
|
|
|
|
&:vertical {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
width: 16px;
|
|
margin: 16px 2px 16px 2px;
|
|
border: $BORDER_2;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
}
|
|
|
|
&::handle {
|
|
|
|
&:horizontal {
|
|
background-color: $COLOR_BACKGROUND_6;
|
|
border: $BORDER_2;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
min-width: 8px;
|
|
|
|
&:hover {
|
|
background-color: $COLOR_ACCENT_2;
|
|
border: $COLOR_ACCENT_2;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
min-width: 8px;
|
|
}
|
|
|
|
&:focus {
|
|
border: $BORDER_SELECTION_3;
|
|
}
|
|
}
|
|
|
|
&:vertical {
|
|
background-color: $COLOR_BACKGROUND_6;
|
|
border: $BORDER_2;
|
|
min-height: 8px;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
|
|
&:hover {
|
|
background-color: $COLOR_ACCENT_2;
|
|
border: $COLOR_ACCENT_2;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
min-height: 8px;
|
|
}
|
|
|
|
&:focus {
|
|
border: $BORDER_SELECTION_3;
|
|
}
|
|
}
|
|
}
|
|
|
|
&::add-line {
|
|
|
|
&:horizontal {
|
|
margin: 0px 0px 0px 0px;
|
|
border-image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_right_disabled.png');
|
|
height: 12px;
|
|
width: 12px;
|
|
subcontrol-position: right;
|
|
subcontrol-origin: margin;
|
|
|
|
&:hover,
|
|
&:on {
|
|
border-image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_right.png');
|
|
height: 12px;
|
|
width: 12px;
|
|
subcontrol-position: right;
|
|
subcontrol-origin: margin;
|
|
}
|
|
}
|
|
|
|
&:vertical {
|
|
margin: 3px 0px 3px 0px;
|
|
border-image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_down_disabled.png');
|
|
height: 12px;
|
|
width: 12px;
|
|
subcontrol-position: bottom;
|
|
subcontrol-origin: margin;
|
|
|
|
&:hover,
|
|
&:on {
|
|
border-image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_down.png');
|
|
height: 12px;
|
|
width: 12px;
|
|
subcontrol-position: bottom;
|
|
subcontrol-origin: margin;
|
|
}
|
|
}
|
|
}
|
|
|
|
&::sub-line {
|
|
&:horizontal {
|
|
margin: 0px 3px 0px 3px;
|
|
border-image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_left_disabled.png');
|
|
height: 12px;
|
|
width: 12px;
|
|
subcontrol-position: left;
|
|
subcontrol-origin: margin;
|
|
|
|
&:hover,
|
|
&:on {
|
|
border-image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_left.png');
|
|
height: 12px;
|
|
width: 12px;
|
|
subcontrol-position: left;
|
|
subcontrol-origin: margin;
|
|
}
|
|
}
|
|
|
|
&:vertical {
|
|
margin: 3px 0px 3px 0px;
|
|
border-image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_up_disabled.png');
|
|
height: 12px;
|
|
width: 12px;
|
|
subcontrol-position: top;
|
|
subcontrol-origin: margin;
|
|
|
|
&:hover,
|
|
&:on {
|
|
border-image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_up.png');
|
|
height: 12px;
|
|
width: 12px;
|
|
subcontrol-position: top;
|
|
subcontrol-origin: margin;
|
|
}
|
|
}
|
|
}
|
|
|
|
&::up-arrow:horizontal,
|
|
&::down-arrow:horizontal {
|
|
background: none;
|
|
}
|
|
|
|
&::up-arrow:vertical,
|
|
&::down-arrow:vertical {
|
|
background: none;
|
|
}
|
|
|
|
&::add-page:horizontal,
|
|
&::sub-page:horizontal {
|
|
background: none;
|
|
}
|
|
|
|
&::add-page:vertical,
|
|
&::sub-page:vertical {
|
|
background: none;
|
|
}
|
|
}
|
|
|
|
/* QTextEdit --------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-specific-widgets
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QTextEdit {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_1;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
border: $BORDER_2;
|
|
|
|
&:focus {
|
|
border: $BORDER_SELECTION_3;
|
|
}
|
|
|
|
&:selected {
|
|
background: $COLOR_ACCENT_2;
|
|
color: $COLOR_BACKGROUND_4;
|
|
}
|
|
}
|
|
|
|
/* QPlainTextEdit ---------------------------------------------------------
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QPlainTextEdit {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_1;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
border: $BORDER_2;
|
|
|
|
&:focus {
|
|
border: $BORDER_SELECTION_3;
|
|
}
|
|
|
|
&:selected {
|
|
background: $COLOR_ACCENT_2;
|
|
color: $COLOR_BACKGROUND_4;
|
|
}
|
|
}
|
|
|
|
/* QSizeGrip --------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qsizegrip
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QSizeGrip {
|
|
background: transparent;
|
|
width: 12px;
|
|
height: 12px;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/window_grip.png');
|
|
}
|
|
|
|
/* QStackedWidget ---------------------------------------------------------
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QStackedWidget {
|
|
padding: 2px;
|
|
border: $BORDER_2;
|
|
border: $BORDER_1;
|
|
}
|
|
|
|
/* QToolBar ---------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtoolbar
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QToolBar {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
border-bottom: $BORDER_1;
|
|
padding: 1px;
|
|
font-weight: bold;
|
|
spacing: 2px;
|
|
|
|
&:disabled{
|
|
/* Fixes #272 */
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
}
|
|
|
|
&::handle {
|
|
|
|
&:horizontal {
|
|
width: 16px;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/toolbar_move_horizontal.png');
|
|
}
|
|
|
|
&:vertical {
|
|
height: 16px;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/toolbar_move_vertical.png');
|
|
}
|
|
}
|
|
|
|
&::separator {
|
|
|
|
&:horizontal {
|
|
width: 16px;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/toolbar_separator_horizontal.png');
|
|
}
|
|
|
|
&:vertical {
|
|
height: 16px;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/toolbar_separator_vertical.png');
|
|
}
|
|
}
|
|
}
|
|
|
|
QToolButton#qt_toolbar_ext_button {
|
|
background: $COLOR_BACKGROUND_4;
|
|
border: 0px;
|
|
color: $COLOR_TEXT_1;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_right.png');
|
|
}
|
|
|
|
/* QAbstractSpinBox -------------------------------------------------------
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QAbstractSpinBox {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border: $BORDER_2;
|
|
color: $COLOR_TEXT_1;
|
|
|
|
/* This fixes 103, 111 */
|
|
padding-top: 2px;
|
|
|
|
/* This fixes 103, 111 */
|
|
padding-bottom: 2px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
/* min-width: 5px; removed to fix 109 */
|
|
|
|
&:up-button {
|
|
background-color: transparent $COLOR_BACKGROUND_1;
|
|
subcontrol-origin: border;
|
|
subcontrol-position: top right;
|
|
border-left: $BORDER_2;
|
|
border-bottom: $BORDER_2;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
margin: 1px;
|
|
width: 12px;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
&::up-arrow,
|
|
&::up-arrow:disabled,
|
|
&::up-arrow:off {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_up_disabled.png');
|
|
height: 8px;
|
|
width: 8px;
|
|
}
|
|
|
|
&::up-arrow:hover {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_up.png');
|
|
}
|
|
|
|
&:down-button {
|
|
background-color: transparent $COLOR_BACKGROUND_1;
|
|
subcontrol-origin: border;
|
|
subcontrol-position: bottom right;
|
|
border-left: $BORDER_2;
|
|
border-top: $BORDER_2;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
margin: 1px;
|
|
width: 12px;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
&::down-arrow,
|
|
&::down-arrow:disabled,
|
|
&::down-arrow:off {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_down_disabled.png');
|
|
height: 8px;
|
|
width: 8px;
|
|
}
|
|
|
|
&::down-arrow:hover {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_down.png');
|
|
}
|
|
|
|
&:hover {
|
|
border: $BORDER_SELECTION_2;
|
|
color: $COLOR_TEXT_1;
|
|
}
|
|
|
|
&:focus {
|
|
border: $BORDER_SELECTION_3;
|
|
}
|
|
|
|
&:selected {
|
|
background: $COLOR_ACCENT_2;
|
|
color: $COLOR_BACKGROUND_4;
|
|
}
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* DISPLAYS --------------------------------------------------------------- */
|
|
/* ------------------------------------------------------------------------ */
|
|
|
|
/* QLabel -----------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qframe
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QLabel {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border: 0px solid $COLOR_BACKGROUND_4;
|
|
padding: 2px;
|
|
margin: 0px;
|
|
color: $COLOR_TEXT_1;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border: 0px solid $COLOR_BACKGROUND_4;
|
|
color: $COLOR_TEXT_4;
|
|
}
|
|
}
|
|
|
|
/* QTextBrowser -----------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qabstractscrollarea
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QTextBrowser {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border: $BORDER_2;
|
|
color: $COLOR_TEXT_1;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border: $BORDER_2;
|
|
color: $COLOR_TEXT_4;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
}
|
|
|
|
&:hover,
|
|
&:!hover,
|
|
&:selected,
|
|
&:pressed {
|
|
border: $BORDER_2;
|
|
}
|
|
}
|
|
|
|
/* QGraphicsView ----------------------------------------------------------
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QGraphicsView {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border: $BORDER_2;
|
|
color: $COLOR_TEXT_1;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border: $BORDER_2;
|
|
color: $COLOR_TEXT_4;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
}
|
|
|
|
&:hover,
|
|
&:!hover,
|
|
&:selected,
|
|
&:pressed {
|
|
border: $BORDER_2;
|
|
}
|
|
}
|
|
|
|
/* QCalendarWidget --------------------------------------------------------
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QCalendarWidget {
|
|
border: $BORDER_2;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_4;
|
|
}
|
|
}
|
|
|
|
/* QLCDNumber -------------------------------------------------------------
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QLCDNumber {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_1;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_4;
|
|
}
|
|
}
|
|
|
|
/* QProgressBar -----------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qprogressbar
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QProgressBar {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border: $BORDER_2;
|
|
color: $COLOR_TEXT_1;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
text-align: center;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border: $BORDER_2;
|
|
color: $COLOR_TEXT_4;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
text-align: center;
|
|
}
|
|
|
|
&::chunk {
|
|
background-color: $COLOR_ACCENT_2;
|
|
color: $COLOR_BACKGROUND_1;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_ACCENT_1;
|
|
color: $COLOR_TEXT_4;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* BUTTONS ---------------------------------------------------------------- */
|
|
/* ------------------------------------------------------------------------ */
|
|
|
|
/* QPushButton ------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qpushbutton
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QPushButton {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
color: $COLOR_TEXT_1;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
padding: 2px;
|
|
outline: none;
|
|
border: none;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
color: $COLOR_TEXT_4;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
padding: 2px;
|
|
}
|
|
|
|
&:checked {
|
|
background-color: $COLOR_BACKGROUND_6;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
padding: 2px;
|
|
outline: none;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_6;
|
|
color: $COLOR_TEXT_4;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
padding: 2px;
|
|
outline: none;
|
|
}
|
|
|
|
&:selected {
|
|
background: $COLOR_BACKGROUND_6;
|
|
}
|
|
|
|
}
|
|
|
|
&:hover {
|
|
background-color: $COLOR_BACKGROUND_5;
|
|
color: $COLOR_TEXT_1;
|
|
}
|
|
|
|
&:pressed {
|
|
background-color: $COLOR_BACKGROUND_6;
|
|
}
|
|
|
|
&:selected {
|
|
background: $COLOR_BACKGROUND_6;
|
|
color: $COLOR_TEXT_1;
|
|
}
|
|
|
|
&::menu-indicator {
|
|
subcontrol-origin: padding;
|
|
subcontrol-position: bottom right;
|
|
bottom: 4px;
|
|
}
|
|
|
|
}
|
|
|
|
QDialogButtonBox QPushButton {
|
|
/* Issue #194 #248 - Special case of QPushButton inside dialogs, for better UI */
|
|
min-width: 80px;
|
|
}
|
|
/* QToolButton ------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtoolbutton
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QToolButton {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
color: $COLOR_TEXT_1;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
padding: 2px;
|
|
outline: none;
|
|
border: none;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
color: $COLOR_TEXT_4;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
padding: 2px;
|
|
}
|
|
|
|
&:checked {
|
|
background-color: $COLOR_BACKGROUND_6;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
padding: 2px;
|
|
outline: none;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_6;
|
|
color: $COLOR_TEXT_4;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
padding: 2px;
|
|
outline: none;
|
|
}
|
|
|
|
&:hover {
|
|
background-color: $COLOR_BACKGROUND_5;
|
|
color: $COLOR_TEXT_1;
|
|
}
|
|
|
|
&:pressed {
|
|
background-color: $COLOR_BACKGROUND_6;
|
|
}
|
|
|
|
&:selected {
|
|
background: $COLOR_BACKGROUND_6;
|
|
color: $COLOR_TEXT_1;
|
|
}
|
|
|
|
}
|
|
|
|
&:hover {
|
|
background-color: $COLOR_BACKGROUND_5;
|
|
color: $COLOR_TEXT_1;
|
|
}
|
|
|
|
&:pressed {
|
|
background-color: $COLOR_BACKGROUND_6;
|
|
}
|
|
|
|
&:selected {
|
|
background: $COLOR_BACKGROUND_6;
|
|
color: $COLOR_TEXT_1;
|
|
}
|
|
|
|
/* The subcontrols below are used only in the DelayedPopup mode */
|
|
&[popupMode="0"] {
|
|
/* Only for DelayedPopup */
|
|
padding-right: 2px;
|
|
}
|
|
|
|
/* The subcontrols below are used only in the MenuButtonPopup mode */
|
|
&[popupMode="1"] {
|
|
/* Only for MenuButtonPopup */
|
|
padding-right: 20px;
|
|
|
|
&::menu-button {
|
|
border: none;
|
|
|
|
&:hover {
|
|
border: none;
|
|
border-left: 1px solid $COLOR_BACKGROUND_4;
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* The subcontrol below is used only in the InstantPopup or DelayedPopup mode */
|
|
&[popupMode="2"] {
|
|
/* Only for InstantPopup */
|
|
padding-right: 2px;
|
|
}
|
|
|
|
&::menu-button {
|
|
padding: 2px;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
width: 12px;
|
|
border: none;
|
|
outline: none;
|
|
|
|
&:hover {
|
|
border: $BORDER_SELECTION_2;
|
|
}
|
|
|
|
&:checked {
|
|
&:hover {
|
|
border: $BORDER_SELECTION_2;
|
|
}
|
|
}
|
|
}
|
|
|
|
&::menu-indicator {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_down.png');
|
|
height: 8px;
|
|
width: 8px;
|
|
top: 0;
|
|
/* Exclude a shift for better image */
|
|
left: -2px;
|
|
/* Shift it a bit */
|
|
}
|
|
|
|
&::menu-arrow {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_down.png');
|
|
height: 8px;
|
|
width: 8px;
|
|
|
|
&:hover {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_down_focus.png');
|
|
}
|
|
}
|
|
}
|
|
|
|
/* QCommandLinkButton -----------------------------------------------------
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QCommandLinkButton {
|
|
background-color: transparent;
|
|
border: $BORDER_2;
|
|
color: $COLOR_TEXT_1;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
|
|
&:disabled {
|
|
background-color: transparent;
|
|
color: $COLOR_TEXT_4;
|
|
}
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* INPUTS - NO FIELDS ----------------------------------------------------- */
|
|
/* ------------------------------------------------------------------------ */
|
|
|
|
/* QComboBox --------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qcombobox
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QComboBox {
|
|
border: $BORDER_2;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
selection-background-color: $COLOR_ACCENT_2;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
/* padding-right = 36; 4 + 16*2 See scrollbar size */
|
|
/* changed to 4px to fix #239 */
|
|
|
|
/* Fixes #103, #111 */
|
|
min-height: 1.5em;
|
|
|
|
/* padding-top: 2px; removed to fix #132 */
|
|
/* padding-bottom: 2px; removed to fix #132 */
|
|
/* min-width: 75px; removed to fix #109 */
|
|
|
|
QAbstractItemView {
|
|
border: $BORDER_2;
|
|
border-radius: 0;
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
selection-background-color: $COLOR_ACCENT_2;
|
|
|
|
&:hover {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_1;
|
|
}
|
|
|
|
&:selected {
|
|
background: $COLOR_ACCENT_2;
|
|
color: $COLOR_BACKGROUND_4;
|
|
}
|
|
|
|
&:alternate {
|
|
background: $COLOR_BACKGROUND_1;
|
|
}
|
|
|
|
}
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_4;
|
|
}
|
|
|
|
&:hover {
|
|
border: $BORDER_SELECTION_2;
|
|
}
|
|
|
|
&:focus {
|
|
border: $BORDER_SELECTION_3;
|
|
}
|
|
|
|
&:on {
|
|
selection-background-color: $COLOR_ACCENT_2;
|
|
}
|
|
|
|
/* Needed to remove indicator - fix #132 */
|
|
&::indicator {
|
|
border: none;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
selection-background-color: transparent;
|
|
color: transparent;
|
|
selection-color: transparent;
|
|
|
|
/* Needed to remove indicator - fix #132 */
|
|
&:alternate {
|
|
background: $COLOR_BACKGROUND_1;
|
|
}
|
|
}
|
|
|
|
&::item {
|
|
|
|
&:alternate {
|
|
background: $COLOR_BACKGROUND_1;
|
|
}
|
|
|
|
&:checked {
|
|
font-weight: bold;
|
|
}
|
|
|
|
&:selected {
|
|
border: 0px solid transparent;
|
|
}
|
|
}
|
|
|
|
&::drop-down {
|
|
subcontrol-origin: padding;
|
|
subcontrol-position: top right;
|
|
width: 12px;
|
|
border-left: 1px solid $COLOR_BACKGROUND_4;
|
|
}
|
|
|
|
&::down-arrow {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_down_disabled.png');
|
|
height: 8px;
|
|
width: 8px;
|
|
|
|
&:on,
|
|
&:hover,
|
|
&:focus {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_down.png');
|
|
}
|
|
}
|
|
}
|
|
|
|
/* QSlider ----------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qslider
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QSlider {
|
|
|
|
&:disabled {
|
|
background: $COLOR_BACKGROUND_1;
|
|
}
|
|
|
|
&:focus {
|
|
border: none;
|
|
}
|
|
|
|
&::groove {
|
|
&:horizontal {
|
|
background: $COLOR_BACKGROUND_4;
|
|
border: $BORDER_2;
|
|
height: 4px;
|
|
margin: 0px;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
}
|
|
|
|
&:vertical {
|
|
background: $COLOR_BACKGROUND_4;
|
|
border: $BORDER_2;
|
|
width: 4px;
|
|
margin: 0px;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
}
|
|
}
|
|
|
|
&::add-page {
|
|
|
|
&:vertical {
|
|
background: $COLOR_ACCENT_2;
|
|
border: $BORDER_2;
|
|
width: 4px;
|
|
margin: 0px;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
|
|
:disabled {
|
|
background: $COLOR_ACCENT_1;
|
|
}
|
|
}
|
|
}
|
|
|
|
&::sub-page {
|
|
|
|
&:horizontal {
|
|
background: $COLOR_ACCENT_2;
|
|
border: $BORDER_2;
|
|
height: 4px;
|
|
margin: 0px;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
|
|
&:disabled {
|
|
background: $COLOR_ACCENT_1;
|
|
}
|
|
}
|
|
}
|
|
|
|
&::handle {
|
|
|
|
&:horizontal {
|
|
background: $COLOR_TEXT_4;
|
|
border: $BORDER_2;
|
|
width: 8px;
|
|
height: 8px;
|
|
margin: -8px 0px;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
|
|
&:hover {
|
|
background: $COLOR_ACCENT_2;
|
|
border: $BORDER_SELECTION_2;
|
|
}
|
|
|
|
&:focus {
|
|
border: $BORDER_SELECTION_3;
|
|
}
|
|
}
|
|
|
|
&:vertical {
|
|
background: $COLOR_TEXT_4;
|
|
border: $BORDER_2;
|
|
width: 8px;
|
|
height: 8px;
|
|
margin: 0 -8px;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
|
|
&:hover {
|
|
background: $COLOR_ACCENT_2;
|
|
border: $BORDER_SELECTION_2;
|
|
}
|
|
|
|
&:focus {
|
|
border: $BORDER_SELECTION_3;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* QLineEdit --------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qlineedit
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QLineEdit {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
padding-top: 2px;
|
|
/* This QLineEdit fix 103, 111 */
|
|
padding-bottom: 2px;
|
|
/* This QLineEdit fix 103, 111 */
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
border-style: solid;
|
|
border: $BORDER_2;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
color: $COLOR_TEXT_1;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_4;
|
|
}
|
|
|
|
&:hover {
|
|
border: $BORDER_SELECTION_2;
|
|
color: $COLOR_TEXT_1;
|
|
}
|
|
|
|
&:focus {
|
|
border: $BORDER_SELECTION_3;
|
|
}
|
|
|
|
&:selected {
|
|
background-color: $COLOR_ACCENT_2;
|
|
color: $COLOR_BACKGROUND_4;
|
|
}
|
|
}
|
|
|
|
/* QTabWiget --------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtabwidget-and-qtabbar
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QTabWidget {
|
|
padding: 2px;
|
|
selection-background-color: $COLOR_BACKGROUND_4;
|
|
|
|
QWidget {
|
|
/* Fixes #189 */
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
}
|
|
|
|
&::pane {
|
|
border: $BORDER_2;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
margin: 0px;
|
|
/* Fixes double border inside pane with pyqt5 */
|
|
padding: 0px;
|
|
|
|
&:selected {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
border: 1px solid $COLOR_ACCENT_2;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* QTabBar ----------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtabwidget-and-qtabbar
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QTabBar, QDockWidget QTabBar {
|
|
qproperty-drawBase: 0;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
margin: 0px;
|
|
padding: 2px;
|
|
border: 0;
|
|
/* left: 5px; move to the right by 5px - removed for fix */
|
|
|
|
&::close-button {
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 4px;
|
|
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/window_close.png');
|
|
|
|
&:hover {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/window_close_focus.png');
|
|
}
|
|
|
|
&:pressed {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/window_close_pressed.png');
|
|
}
|
|
}
|
|
|
|
&::tab {
|
|
|
|
&:top:selected:disabled {
|
|
border-bottom: 3px solid $COLOR_ACCENT_1;
|
|
color: $COLOR_TEXT_4;
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
}
|
|
|
|
&:bottom:selected:disabled {
|
|
border-top: 3px solid $COLOR_ACCENT_1;
|
|
color: $COLOR_TEXT_4;
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
}
|
|
|
|
&:left:selected:disabled {
|
|
border-right: 3px solid $COLOR_ACCENT_1;
|
|
color: $COLOR_TEXT_4;
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
}
|
|
|
|
&:right:selected:disabled {
|
|
border-left: 3px solid $COLOR_ACCENT_1;
|
|
color: $COLOR_TEXT_4;
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
}
|
|
|
|
/* !selected and disabled ----------------------------------------- */
|
|
&:top:!selected:disabled {
|
|
border-bottom: 3px solid $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_4;
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
}
|
|
|
|
&:bottom:!selected:disabled {
|
|
border-top: 3px solid $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_4;
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
}
|
|
|
|
&:left:!selected:disabled {
|
|
border-right: 3px solid $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_4;
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
}
|
|
|
|
&:right:!selected:disabled {
|
|
border-left: 3px solid $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_4;
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
}
|
|
|
|
/* selected ------------------------------------------------------- */
|
|
&:top:!selected {
|
|
border-bottom: 2px solid $COLOR_BACKGROUND_1;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
&:bottom:!selected {
|
|
border-top: 2px solid $COLOR_BACKGROUND_1;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
&:left:!selected {
|
|
border-left: 2px solid $COLOR_BACKGROUND_1;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
&:right:!selected {
|
|
border-right: 2px solid $COLOR_BACKGROUND_1;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
&:top {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
margin-left: 2px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
min-width: 5px;
|
|
border-bottom: 3px solid $COLOR_BACKGROUND_4;
|
|
border-top-left-radius: $SIZE_BORDER_RADIUS;
|
|
border-top-right-radius: $SIZE_BORDER_RADIUS;
|
|
|
|
&:selected {
|
|
background-color: $COLOR_BACKGROUND_5;
|
|
border-bottom: 3px solid $COLOR_ACCENT_4;
|
|
border-top-left-radius: $SIZE_BORDER_RADIUS;
|
|
border-top-right-radius: $SIZE_BORDER_RADIUS;
|
|
}
|
|
|
|
&:!selected:hover {
|
|
border: $BORDER_SELECTION_3;
|
|
border-bottom: 3px solid $COLOR_ACCENT_3;
|
|
/* Fixes spyder-ide/spyder#9766 and #243 */
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
}
|
|
}
|
|
|
|
&:bottom {
|
|
border-top: 3px solid $COLOR_BACKGROUND_4;
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
margin-left: 2px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
border-bottom-left-radius: $SIZE_BORDER_RADIUS;
|
|
border-bottom-right-radius: $SIZE_BORDER_RADIUS;
|
|
min-width: 5px;
|
|
|
|
&:selected {
|
|
background-color: $COLOR_BACKGROUND_5;
|
|
border-top: 3px solid $COLOR_ACCENT_4;
|
|
border-bottom-left-radius: $SIZE_BORDER_RADIUS;
|
|
border-bottom-right-radius: $SIZE_BORDER_RADIUS;
|
|
}
|
|
|
|
&:!selected:hover {
|
|
border: $BORDER_SELECTION_3;
|
|
border-top: 3px solid $COLOR_ACCENT_3;
|
|
/* Fixes spyder-ide/spyder#9766 and #243 */
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
}
|
|
|
|
&:left {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
margin-top: 2px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
border-top-left-radius: $SIZE_BORDER_RADIUS;
|
|
border-bottom-left-radius: $SIZE_BORDER_RADIUS;
|
|
min-height: 5px;
|
|
|
|
&:selected {
|
|
background-color: $COLOR_BACKGROUND_5;
|
|
border-right: 3px solid $COLOR_ACCENT_4;
|
|
}
|
|
|
|
&:!selected:hover {
|
|
border: $BORDER_SELECTION_3;
|
|
border-right: 3px solid $COLOR_ACCENT_3;
|
|
/* Fixes different behavior #271 */
|
|
margin-right: 0px;
|
|
padding-right: -1px;
|
|
}
|
|
}
|
|
|
|
&:right {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
margin-top: 2px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
border-top-right-radius: $SIZE_BORDER_RADIUS;
|
|
border-bottom-right-radius: $SIZE_BORDER_RADIUS;
|
|
min-height: 5px;
|
|
|
|
&:selected {
|
|
background-color: $COLOR_BACKGROUND_5;
|
|
border-left: 3px solid $COLOR_ACCENT_4;
|
|
|
|
}
|
|
|
|
&:!selected:hover {
|
|
border: $BORDER_SELECTION_3;
|
|
border-left: 3px solid $COLOR_ACCENT_3;
|
|
/* Fixes different behavior #271 */
|
|
margin-left: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
}
|
|
}
|
|
|
|
QToolButton {
|
|
/* Fixes #136 */
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
height: 12px;
|
|
width: 12px;
|
|
|
|
&:pressed {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
|
|
&:hover {
|
|
border: $BORDER_SELECTION_2;
|
|
}
|
|
}
|
|
|
|
&::left-arrow {
|
|
&:enabled {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_left.png');
|
|
}
|
|
|
|
&:disabled {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_left_disabled.png');
|
|
}
|
|
}
|
|
|
|
&::right-arrow {
|
|
&:enabled {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_right.png');
|
|
}
|
|
|
|
&:disabled {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_right_disabled.png');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* QDockWiget -------------------------------------------------------------
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QDockWidget {
|
|
outline: $BORDER_2;
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border: $BORDER_2;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
// See discussion here: https://stackoverflow.com/questions/32145080/qdockwidget-float-close-button-hover-images
|
|
titlebar-close-icon: url($PATH_RESOURCES + '/' + $ID + '/rc/transparent.png');
|
|
titlebar-normal-icon: url($PATH_RESOURCES + '/' + $ID + '/rc/transparent.png');
|
|
|
|
&::title {
|
|
/* Better size for title bar */
|
|
padding: 3px;
|
|
spacing: 4px;
|
|
border: none;
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
}
|
|
|
|
&::close-button {
|
|
icon-size: 12px;
|
|
border: none;
|
|
background: transparent;
|
|
background-image: transparent;
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/window_close.png');
|
|
|
|
&:hover {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/window_close_focus.png');
|
|
}
|
|
|
|
&:pressed {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/window_close_pressed.png');
|
|
}
|
|
}
|
|
|
|
&::float-button {
|
|
icon-size: 12px;
|
|
border: none;
|
|
background: transparent;
|
|
background-image: transparent;
|
|
// float button has an issue that if you change any of those
|
|
// parameters bellow there will be a duplication in the icon
|
|
// actually it seems that they are always there (duplication)
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/window_undock.png');
|
|
|
|
&:hover {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/window_undock_focus.png');
|
|
}
|
|
|
|
&:pressed {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/window_undock_pressed.png');
|
|
}
|
|
}
|
|
}
|
|
|
|
/* QTreeView QListView QTableView -----------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtreeview
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qlistview
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtableview
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QTreeView {
|
|
|
|
&:branch {
|
|
|
|
&:selected,
|
|
&:hover {
|
|
background: url($PATH_RESOURCES + '/' + $ID + '/rc/transparent.png');
|
|
}
|
|
|
|
&:has-siblings:!adjoins-item {
|
|
border-image: url($PATH_RESOURCES + '/' + $ID + '/rc/branch_line.png') 0;
|
|
}
|
|
|
|
&:has-siblings:adjoins-item {
|
|
border-image: url($PATH_RESOURCES + '/' + $ID + '/rc/branch_more.png') 0;
|
|
}
|
|
|
|
&:!has-children:!has-siblings:adjoins-item {
|
|
border-image: url($PATH_RESOURCES + '/' + $ID + '/rc/branch_end.png') 0;
|
|
}
|
|
|
|
&:has-children:!has-siblings:closed,
|
|
&:closed:has-children:has-siblings {
|
|
border-image: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/branch_closed.png');
|
|
}
|
|
|
|
&:open:has-children:!has-siblings,
|
|
&:open:has-children:has-siblings {
|
|
border-image: none;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/branch_open.png');
|
|
}
|
|
|
|
&:has-children:!has-siblings:closed:hover,
|
|
&:closed:has-children:has-siblings:hover {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/branch_closed_focus.png');
|
|
}
|
|
|
|
&:open:has-children:!has-siblings:hover,
|
|
&:open:has-children:has-siblings:hover {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/branch_open_focus.png');
|
|
}
|
|
}
|
|
}
|
|
|
|
QTreeView,
|
|
QListView,
|
|
QTableView,
|
|
QColumnView {
|
|
|
|
&::indicator {
|
|
|
|
&:checked {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_checked.png');
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:pressed {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_checked_focus.png');
|
|
}
|
|
}
|
|
|
|
&:unchecked {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_unchecked.png');
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:pressed {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_unchecked_focus.png');
|
|
}
|
|
}
|
|
|
|
&:indeterminate {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_indeterminate.png');
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:pressed {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/checkbox_indeterminate_focus.png');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
QTreeView,
|
|
QListView,
|
|
QTableView,
|
|
QColumnView {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border: $BORDER_2;
|
|
color: $COLOR_TEXT_1;
|
|
gridline-color: $COLOR_BACKGROUND_4;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
color: $COLOR_TEXT_4;
|
|
}
|
|
|
|
&:selected {
|
|
background-color: $COLOR_ACCENT_2;
|
|
color: $COLOR_BACKGROUND_4;
|
|
}
|
|
|
|
&:focus {
|
|
border: $BORDER_SELECTION_3;
|
|
}
|
|
|
|
&::item {
|
|
|
|
&:pressed {
|
|
background-color: $COLOR_ACCENT_2;
|
|
}
|
|
|
|
&:selected {
|
|
|
|
&:active {
|
|
background-color: $COLOR_ACCENT_2;
|
|
}
|
|
|
|
&:!active {
|
|
color: $COLOR_TEXT_1;
|
|
background-color: $COLOR_BACKGROUND_3;
|
|
}
|
|
}
|
|
|
|
&:!selected {
|
|
|
|
&:hover {
|
|
outline: 0;
|
|
color: $COLOR_TEXT_1;
|
|
background-color: $COLOR_BACKGROUND_3;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
QTableCornerButton {
|
|
&::section {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border: 1px transparent $COLOR_BACKGROUND_4;
|
|
border-radius: 0px;
|
|
}
|
|
}
|
|
|
|
/* QHeaderView ------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qheaderview
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QHeaderView {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
border: 0px transparent $COLOR_BACKGROUND_4;
|
|
padding: 0;
|
|
margin: 0;
|
|
border-radius: 0;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
border: 1px transparent $COLOR_BACKGROUND_4;
|
|
}
|
|
|
|
&::section {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
color: $COLOR_TEXT_1;
|
|
border-radius: 0;
|
|
text-align: left;
|
|
font-size: 13px;
|
|
|
|
&::horizontal {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
border-left: $BORDER_1;
|
|
|
|
&::first,
|
|
&::only-one {
|
|
border-left: $BORDER_2;
|
|
}
|
|
|
|
&:disabled {
|
|
color: $COLOR_TEXT_4;
|
|
}
|
|
}
|
|
|
|
&::vertical {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
border-top: $BORDER_1;
|
|
|
|
&::first,
|
|
&::only-one {
|
|
border-top: $BORDER_2;
|
|
}
|
|
|
|
&:disabled {
|
|
color: $COLOR_TEXT_4;
|
|
}
|
|
}
|
|
}
|
|
|
|
&::down-arrow {
|
|
/* Those settings (border/width/height/background-color) solve bug */
|
|
/* transparent arrow background and size */
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
border: none;
|
|
height: 12px;
|
|
width: 12px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_down.png');
|
|
}
|
|
|
|
&::up-arrow {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
border: none;
|
|
height: 12px;
|
|
width: 12px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_up.png');
|
|
}
|
|
}
|
|
|
|
/* QToolBox --------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtoolbox
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QToolBox {
|
|
padding: 0px;
|
|
border: 0px;
|
|
border: $BORDER_2;
|
|
|
|
&:selected {
|
|
padding: 0px;
|
|
border: 2px solid $COLOR_ACCENT_2;
|
|
}
|
|
|
|
&::tab {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border: $BORDER_2;
|
|
color: $COLOR_TEXT_1;
|
|
border-top-left-radius: $SIZE_BORDER_RADIUS;
|
|
border-top-right-radius: $SIZE_BORDER_RADIUS;
|
|
|
|
&:disabled {
|
|
color: $COLOR_TEXT_4;
|
|
}
|
|
|
|
&:selected {
|
|
background-color: $COLOR_BACKGROUND_6;
|
|
border-bottom: 2px solid $COLOR_ACCENT_2;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
border-bottom: 2px solid $COLOR_ACCENT_1;
|
|
}
|
|
}
|
|
|
|
&:!selected {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
border-bottom: 2px solid $COLOR_BACKGROUND_4;
|
|
|
|
&:disabled {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
}
|
|
|
|
}
|
|
|
|
&:hover {
|
|
border-color: $COLOR_ACCENT_3;
|
|
border-bottom: 2px solid $COLOR_ACCENT_3;
|
|
}
|
|
}
|
|
|
|
QScrollArea QWidget QWidget {
|
|
padding: 0px;
|
|
border: 0px;
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
}
|
|
}
|
|
|
|
/* QFrame -----------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qframe
|
|
https://doc.qt.io/qt-5/qframe.html#-prop
|
|
https://doc.qt.io/qt-5/qframe.html#details
|
|
https://stackoverflow.com/questions/14581498/qt-stylesheet-for-hline-vline-color
|
|
|
|
--------------------------------------------------------------------------- */
|
|
|
|
/* (dot) .QFrame fix #141, #126, #123 */
|
|
|
|
.QFrame {
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
border: $BORDER_2;
|
|
|
|
/* No frame */
|
|
&[frameShape="0"] {
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
border: 1px transparent $COLOR_BACKGROUND_4;
|
|
}
|
|
|
|
/* HLine */
|
|
&[frameShape="4"] {
|
|
max-height: 2px;
|
|
border: none;
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
}
|
|
|
|
/* HLine */
|
|
&[frameShape="5"] {
|
|
max-width: 2px;
|
|
border: none;
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
}
|
|
|
|
}
|
|
|
|
/* QSplitter --------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qsplitter
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QSplitter {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
spacing: 0px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
|
|
&::handle {
|
|
background-color: $COLOR_BACKGROUND_4;
|
|
border: 0px solid $COLOR_BACKGROUND_1;
|
|
spacing: 0px;
|
|
padding: 1px;
|
|
margin: 0px;
|
|
|
|
&:hover {
|
|
background-color: $COLOR_TEXT_4;
|
|
}
|
|
|
|
&:horizontal {
|
|
width: 5px;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/line_vertical.png');
|
|
}
|
|
|
|
&:vertical {
|
|
height: 5px;
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/line_horizontal.png');
|
|
}
|
|
}
|
|
}
|
|
|
|
/* QDateEdit, QDateTimeEdit -----------------------------------------------
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QDateEdit, QDateTimeEdit {
|
|
selection-background-color: $COLOR_ACCENT_2;
|
|
border-style: solid;
|
|
border: $BORDER_2;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
|
|
/* This fixes 103, 111 */
|
|
padding-top: 2px;
|
|
|
|
/* This fixes 103, 111 */
|
|
padding-bottom: 2px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
min-width: 10px;
|
|
|
|
&:on {
|
|
selection-background-color: $COLOR_ACCENT_2;
|
|
}
|
|
|
|
&::drop-down {
|
|
subcontrol-origin: padding;
|
|
subcontrol-position: top right;
|
|
width: 12px;
|
|
border-left: 1px solid $COLOR_BACKGROUND_4;
|
|
}
|
|
|
|
&::down-arrow {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_down_disabled.png');
|
|
height: 8px;
|
|
width: 8px;
|
|
|
|
&:on,
|
|
&:hover,
|
|
&:focus {
|
|
image: url($PATH_RESOURCES + '/' + $ID + '/rc/arrow_down.png');
|
|
}
|
|
|
|
}
|
|
|
|
QAbstractItemView {
|
|
background-color: $COLOR_BACKGROUND_1;
|
|
border-radius: $SIZE_BORDER_RADIUS;
|
|
border: $BORDER_2;
|
|
selection-background-color: $COLOR_ACCENT_2;
|
|
}
|
|
}
|
|
|
|
|
|
/* QAbstractView ----------------------------------------------------------
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QAbstractView {
|
|
|
|
&:hover {
|
|
border: $BORDER_SELECTION_2;
|
|
color: $COLOR_TEXT_1;
|
|
}
|
|
|
|
&:selected {
|
|
background: $COLOR_ACCENT_2;
|
|
color: $COLOR_BACKGROUND_4;
|
|
}
|
|
}
|
|
|
|
|
|
/* PlotWidget -------------------------------------------------------------
|
|
|
|
--------------------------------------------------------------------------- */
|
|
PlotWidget {
|
|
/* Fix cut labels in plots #134 */
|
|
padding: 0px;
|
|
}
|