*{ color: #ffffff; font-family: Roboto; line-height: 12px; font-size: 12px; selection-background-color: #ff616f; selection-color: #000000; } *:focus { outline: none; } /* ------------------------------------------------------------------------ */ /* Custom colors */ .danger{ color: #dc3545; } .warning{ color: #ffc107; } .success{ color: #17a2b8; } /* ------------------------------------------------------------------------ */ /* Basic widgets */ QWidget { background-color: #31363b; } QFrame { background-color: #31363b; border: 1px solid #232629; border-radius: 4px; } QSplitter { background-color: transparent; border: none } QStatusBar { color: #ffffff; background-color: #334f5b62; border-radius: 0px; } QScrollArea, QStackedWidget, QWidget > QToolBox, QToolBox > QWidget, QTabWidget > QWidget { border: none; } QTabWidget::pane { border: none; } /* ------------------------------------------------------------------------ */ /* Inputs */ QDateTimeEdit, QSpinBox, QDoubleSpinBox, QTextEdit, QLineEdit, QPushButton { color: #ff1744; background-color: #31363b; border: 2px solid #ff1744; border-radius: 4px; padding: 2px 12px ; height: 14px; } QDateTimeEdit, QSpinBox, QDoubleSpinBox, QTreeView, QListView, QLineEdit, QComboBox { padding-left: 11px; border-radius: 0px; background-color: #232629; border-width: 0 0 2px 0; border-radius: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; } QPlainTextEdit { border-radius: 4px; padding: 8px 16px; background-color: #31363b; border: 1px solid #232629; } QDateTimeEdit:disabled, QSpinBox:disabled, QDoubleSpinBox:disabled, QTextEdit:disabled, QLineEdit:disabled { color: #33ff1744; background-color: #bf232629; border: 2px solid #33ff1744; border-width: 0 0 2px 0; padding: 6px 12px ; border-radius: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; } QTextEdit { padding: 8px; border-radius: 4px; background-color: #232629; } QDateTimeEdit:disabled, QSpinBox:disabled, QDoubleSpinBox:disabled, QTextEdit:disabled, QLineEdit:disabled { color: #33ff1744; background-color: #bf232629; border: 2px solid #33ff1744; border-width: 0 0 2px 0; } /* ------------------------------------------------------------------------ */ /* QComboBox */ QComboBox { color: #ff1744; border: 1px solid #ff1744; border-width: 0 0 2px 0; background-color: #232629; border-radius: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; height: 18px; } QComboBox:disabled { color: #33ff1744; background-color: #bf232629; border-bottom: 2px solid #33ff1744; } QComboBox::drop-down { border: none; color: #ff1744; width: 20px; } QComboBox::down-arrow { image: url(:/css/primary/res/primary/downarrow.svg); margin-right: 10px; } QComboBox::down-arrow:disabled { image: url(:/css/disabled/res/disabled/downarrow.svg); margin-right: 10px; } QComboBox QAbstractItemView { background-color: #232629; border: 2px solid #4f5b62; border-radius: 4px; } QComboBox[frame='false'] { color: #ff1744; background-color: transparent; border: 1px solid transparent; } QComboBox[frame='false']:disabled { color: #33ff1744; } /* ------------------------------------------------------------------------ */ /* Spin buttons */ QDateTimeEdit::up-button, QDoubleSpinBox::up-button, QSpinBox::up-button { subcontrol-origin: border; subcontrol-position: top right; width: 20px; /* 16 + 2*1px border-width = 15px padding + 3px parent border */ image: url(:/css/primary/res/primary/uparrow.svg); border-width: 0px; margin-right: 5px; } QDateTimeEdit::up-button:disabled, QDoubleSpinBox::up-button:disabled, QSpinBox::up-button:disabled { image: url(:/css/disabled/res/disabled/uparrow.svg); } QDateTimeEdit::down-button, QDoubleSpinBox::down-button, QSpinBox::down-button { subcontrol-origin: border; subcontrol-position: bottom right; width: 20px; image: url(:/css/primary/res/primary/downarrow.svg); border-width: 0px; border-top-width: 0; margin-right: 5px; } QDateTimeEdit::down-button:disabled, QDoubleSpinBox::down-button:disabled, QSpinBox::down-button:disabled { image: url(:/css/disabled/res/disabled/downarrow.svg); } /* ------------------------------------------------------------------------ */ /* QPushButton */ QPushButton { text-transform: uppercase; margin: 0px; padding: 0px 16px; height: 34px; min-height: 34px; max-height: 34px; font-weight: bold; } QPushButton:checked, QPushButton:pressed { color: #31363b; background-color: #ff1744; } QPushButton:flat { padding: 5px; margin: 0px; color: #ff1744; border: none; background-color: transparent; } QPushButton:flat:hover { background-color: #33ff1744; } QPushButton:flat:pressed, QPushButton:flat:checked { background-color: #19ff1744; } QPushButton:disabled, QPushButton:flat:disabled { color: #bf4f5b62; background-color: transparent; border-color: #232629; } QPushButton:disabled { border: 2px solid #bf4f5b62; } QPushButton:checked:disabled { color: #232629; background-color: #4f5b62; border-color: #4f5b62; } /* ------------------------------------------------------------------------ */ /* QTabBar */ QTabBar{ text-transform: uppercase; font-weight: bold; } QTabBar::tab { color: #ffffff; border: 0px; } QTabBar::tab:bottom, QTabBar::tab:top{ padding: 0 15px; height: 30px; } QTabBar::tab:left, QTabBar::tab:right{ padding: 15px 0; width: 30px; } QTabBar::tab:top:selected, QTabBar::tab:top:hover { color: #ff1744; border-bottom: 2px solid #ff1744; } QTabBar::tab:bottom:selected, QTabBar::tab:bottom:hover { color: #ff1744; border-top: 2px solid #ff1744; } QTabBar::tab:right:selected, QTabBar::tab:right:hover { color: #ff1744; border-left: 2px solid #ff1744; } QTabBar::tab:left:selected, QTabBar::tab:left:hover { color: #ff1744; border-right: 2px solid #ff1744; } QTabBar QToolButton:hover, QTabBar QToolButton { border: 20px; background-color: #31363b; } QTabBar QToolButton::up-arrow { image: url(:/css/disabled/res/disabled/uparrow2.svg); } QTabBar QToolButton::up-arrow:hover { image: url(:/css/primary/res/primary/uparrow2.svg); } QTabBar QToolButton::down-arrow { image: url(:/css/disabled/res/disabled/downarrow2.svg); } QTabBar QToolButton::down-arrow:hover { image: url(:/css/primary/res/primary/downarrow2.svg); } QTabBar QToolButton::right-arrow { image: url(:/css/primary/res/primary/rightarrow2.svg); } QTabBar QToolButton::right-arrow:hover { image: url(:/css/disabled/res/disabled/rightarrow2.svg); } QTabBar QToolButton::left-arrow { image: url(:/css/primary/res/primary/leftarrow2.svg); } QTabBar QToolButton::left-arrow:hover { image: url(:/css/disabled/res/disabled/leftarrow2.svg); } QTabBar::close-button { image: url(:/css/disabled/res/disabled/tab_close.svg); } QTabBar::close-button:hover { image: url(:/css/primary/res/primary/tab_close.svg); } /* ------------------------------------------------------------------------ */ /* QGroupBox */ QGroupBox { background-color: #232629; border-radius: 4px; padding: 8px; padding-top: 20px; line-height: 10px; text-transform: uppercase; } QGroupBox::title { color: #66ffffff; subcontrol-origin: margin; subcontrol-position: top left; padding: 0 0px; margin-top: 5px; background-color: #31363b; background-color: transparent; height: 12px; } /* ------------------------------------------------------------------------ */ /* QRadioButton and QCheckBox labels */ QRadioButton, QCheckBox { spacing: 5px; color: #ffffff; line-height: 10px; height: 12px; background-color: transparent; spacing: 5px; } QRadioButton:disabled, QCheckBox:disabled { color: #4cffffff; } /* ------------------------------------------------------------------------ */ /* General Indicators */ QGroupBox::indicator { width: 8px; height: 8px; border-radius: 3px; } QMenu::indicator, QListView::indicator, QTableWidget::indicator, QRadioButton::indicator, QCheckBox::indicator { width: 12px; height: 12px; border-radius: 4px; } /* ------------------------------------------------------------------------ */ /* QListView Indicator */ QListView::indicator:checked, QListView::indicator:checked:selected, QListView::indicator:checked:focus { image: url(:/css/primary/res/primary/checklist.svg); } QListView::indicator:checked:selected:active { image: url(:/css/primary/res/primary/checklist_invert.svg); } QListView::indicator:checked:disabled { image: url(:/css/disabled/res/disabled/checklist.svg); } QListView::indicator:indeterminate, QListView::indicator:indeterminate:selected, QListView::indicator:indeterminate:focus { image: url(:/css/primary/res/primary/checklist_indeterminate.svg); } QListView::indicator:indeterminate:selected:active { image: url(:/css/primary/res/primary/checklist_indeterminate_invert.svg); } QListView::indicator:indeterminate:disabled { image: url(:/css/disabled/res/disabled/checklist_indeterminate.svg); } /* ------------------------------------------------------------------------ */ /* QTableView Indicator */ QTableView::indicator:enabled:checked, QTableView::indicator:enabled:checked:selected, QTableView::indicator:enabled:checked:focus { image: url(:/css/primary/res/primary/checkbox_checked.svg); } QTableView::indicator:checked:selected:active { image: url(:/css/primary/res/primary/checkbox_checked_invert.svg); } QTableView::indicator:disabled:checked, QTableView::indicator:disabled:checked:selected, QTableView::indicator:disabled:checked:focus { image: url(:/css/disabled/res/disabled/checkbox_checked.svg); } QTableView::indicator:enabled:unchecked, QTableView::indicator:enabled:unchecked:selected, QTableView::indicator:enabled:unchecked:focus { image: url(:/css/primary/res/primary/checkbox_unchecked.svg); } QTableView::indicator:unchecked:selected:active { image: url(:/css/primary/res/primary/checkbox_unchecked_invert.svg); } QTableView::indicator:disabled:unchecked, QTableView::indicator:disabled:unchecked:selected, QTableView::indicator:disabled:unchecked:focus { image: url(:/css/disabled/res/disabled/checkbox_unchecked.svg); } QTableView::indicator:enabled:indeterminate, QTableView::indicator:enabled:indeterminate:selected, QTableView::indicator:enabled:indeterminate:focus { image: url(:/css/primary/res/primary/checkbox_indeterminate.svg); } QTableView::indicator:indeterminate:selected:active { image: url(:/css/primary/res/primary/checkbox_indeterminate_invert.svg); } QTableView::indicator:disabled:indeterminate, QTableView::indicator:disabled:indeterminate:selected, QTableView::indicator:disabled:indeterminate:focus { image: url(:/css/disabled/res/disabled/checkbox_indeterminate.svg); } /* ------------------------------------------------------------------------ */ /* QCheckBox and QGroupBox Indicator */ QCheckBox::indicator:checked, QGroupBox::indicator:checked { image: url(:/css/primary/res/primary/checkbox_checked.svg); } QCheckBox::indicator:unchecked, QGroupBox::indicator:unchecked { image: url(:/css/primary/res/primary/checkbox_unchecked.svg); } QCheckBox::indicator:indeterminate, QGroupBox::indicator:indeterminate { image: url(:/css/primary/res/primary/checkbox_indeterminate.svg); } QCheckBox::indicator:checked:disabled, QGroupBox::indicator:checked:disabled { image: url(:/css/disabled/res/disabled/checkbox_checked.svg); } QCheckBox::indicator:unchecked:disabled, QGroupBox::indicator:unchecked:disabled { image: url(:/css/disabled/res/disabled/checkbox_unchecked.svg); } QCheckBox::indicator:indeterminate:disabled, QGroupBox::indicator:indeterminate:disabled { image: url(:/css/disabled/res/disabled/checkbox_indeterminate.svg); } /* ------------------------------------------------------------------------ */ /* QRadioButton Indicator */ QRadioButton::indicator:checked { image: url(:/css/primary/res/primary/radiobutton_checked.svg); } QRadioButton::indicator:unchecked { image: url(:/css/primary/res/primary/radiobutton_unchecked.svg); } QRadioButton::indicator:checked:disabled { image: url(:/css/disabled/res/disabled/radiobutton_checked.svg); } QRadioButton::indicator:unchecked:disabled { image: url(:/css/disabled/res/disabled/radiobutton_unchecked.svg); } /* ------------------------------------------------------------------------ */ /* QDockWidget */ QDockWidget { color: #ffffff; text-transform: uppercase; border: 2px solid #232629; titlebar-close-icon: url(:/css/primary/res/primary/close.svg); titlebar-normal-icon: url(:/css/primary/res/primary/float.svg); border-radius: 4px; } QDockWidget::title { text-align: left; padding-left: 35px; padding: 3px; margin-top: 4px; } /* ------------------------------------------------------------------------ */ /* QComboBox indicator */ QComboBox::indicator:checked { image: url(:/css/primary/res/primary/checklist.svg); } QComboBox::indicator:checked:selected { image: url(:/css/primary/res/primary/checklist_invert.svg); } /* ------------------------------------------------------------------------ */ /* Menu Items */ QComboBox::item, QCalendarWidget QMenu::item, QMenu::item { height: 12px; border: 8px solid transparent; color: #ffffff; } QCalendarWidget QMenu::item, QMenu::item { padding: 0px 2px 0px 2px; } QComboBox::item:selected, QCalendarWidget QMenu::item:selected, QMenu::item:selected { color: #000000; background-color: #ff616f; border-radius: 4px; } QComboBox::item:disabled, QCalendarWidget QMenu::item:disabled, QMenu::item:disabled { color: #4cffffff; } /* ------------------------------------------------------------------------ */ /* QMenu */ QCalendarWidget QMenu, QMenu { background-color: #232629; border: 2px solid #4f5b62; border-radius: 4px; margin-top: 3px; } QMenu::separator { height: 2px; background-color: #4f5b62; margin-left: 2px; margin-right: 2px; } QMenu::right-arrow{ image: url(:/css/primary/res/primary/rightarrow.svg); width: 10px; height: 10px; } QMenu::right-arrow:selected{ image: url(:/css/disabled/res/disabled/rightarrow.svg); } QMenu::indicator:non-exclusive:unchecked { image: url(:/css/primary/res/primary/checkbox_unchecked.svg); } QMenu::indicator:non-exclusive:unchecked:selected { image: url(:/css/primary/res/primary/checkbox_unchecked_invert.svg); } QMenu::indicator:non-exclusive:checked { image: url(:/css/primary/res/primary/checkbox_checked.svg); } QMenu::indicator:non-exclusive:checked:selected { image: url(:/css/primary/res/primary/checkbox_checked_invert.svg); } QMenu::indicator:exclusive:unchecked { image: url(:/css/primary/res/primary/radiobutton_unchecked.svg); } QMenu::indicator:exclusive:unchecked:selected { image: url(:/css/primary/res/primary/radiobutton_unchecked_invert.svg); } QMenu::indicator:exclusive:checked { image: url(:/css/primary/res/primary/radiobutton_checked.svg); } QMenu::indicator:exclusive:checked:selected { image: url(:/css/primary/res/primary/radiobutton_checked_invert.svg); } /* ------------------------------------------------------------------------ */ /* QMenuBar */ QMenuBar { background-color: #232629; color: #ffffff; } QMenuBar::item { height: 15px; padding: 2px; background-color: transparent; color: #ffffff; } QMenuBar::item:selected, QMenuBar::item:pressed { color: #000000; background-color: #ff616f; } /* ------------------------------------------------------------------------ */ /* QToolBox */ QToolBox::tab { background-color: #232629; color: #ffffff; text-transform: uppercase; border-radius: 4px; } QToolBox::tab:selected, QToolBox::tab:hover { background-color: #33ff1744; } /* ------------------------------------------------------------------------ */ /* QProgressBar */ QProgressBar { border-radius: 0; background-color: #4f5b62; text-align: center; color: transparent; } QProgressBar::chunk { background-color: #ff1744; } /* ------------------------------------------------------------------------ */ /* QScrollBar */ QScrollBar:horizontal { border: 0; background: #232629; height: 8px; } QScrollBar:vertical { border: 0; background: #232629; width: 8px; } QScrollBar::handle:horizontal { background: #4f5b62; min-width: 20px; } QScrollBar::handle:vertical { background: #4f5b62; min-height: 20px; } QScrollBar::handle:vertical:hover, QScrollBar::handle:horizontal:hover { background: #ff1744; } QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical, QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal { border: 0; background: transparent; width: 0px; height: 0px; } /* ------------------------------------------------------------------------ */ /* QSlider */ QSlider:horizontal { min-height: 20px; max-height: 20px; } QSlider:vertical { min-width: 20px; max-width: 20px; } QSlider::groove:horizontal { height: 4px; background: #393939; margin: 0 10px; } QSlider::groove:vertical { width: 4px; background: #393939; margin: 10px 0; border-radius: 20px; } QSlider::handle:horizontal { image: url(:/css/primary/res/primary/slider.svg); width: 20px; height: 20px; margin: -20px -10px; } QSlider::handle:vertical { image: url(:/css/primary/res/primary/slider.svg); border-radius: 20px; width: 20px; height: 20px; margin: -10px -20px; } QSlider::add-page { background: #232629; } QSlider::sub-page { background: #ff1744; } /* ------------------------------------------------------------------------ */ /* QLabel */ QLabel { border: none; background: transparent; color: #ffffff } QLabel:disabled { color: #33ffffff } /* ------------------------------------------------------------------------ */ /* VLines and HLinex */ QFrame[frameShape="4"] { border-width: 1px 0 0 0; background: none; } QFrame[frameShape="5"] { border-width: 0 1px 0 0; background: none; } QFrame[frameShape="4"], QFrame[frameShape="5"] { border-color: #4f5b62; } /* ------------------------------------------------------------------------ */ /* QToolBar */ QToolBar { background: #31363b; border: 0px solid; } QToolBar:horizontal { border-bottom: 1px solid #4f5b62; } QToolBar:vertical { border-right: 1px solid #4f5b62; } QToolBar::handle:horizontal { image: url(:/css/primary/res/primary/toolbar-handle-horizontal.svg); } QToolBar::handle:vertical { image: url(:/css/primary/res/primary/toolbar-handle-vertical.svg); } QToolBar::separator:horizontal { border-right: 1px solid #4f5b62; border-left: 1px solid #4f5b62; width: 1px; } QToolBar::separator:vertical { border-top: 1px solid #4f5b62; border-bottom: 1px solid #4f5b62; height: 1px; } /* ------------------------------------------------------------------------ */ /* QToolButton */ QToolButton { background: #31363b; border: 0px; height: 40px; margin: 3px; padding: 3px; border-right: 10px solid #31363b; border-left: 10px solid #31363b; } QToolButton:hover { background: #4f5b62; border-right: 10px solid #4f5b62; border-left: 10px solid #4f5b62; } QToolButton:pressed { background: #232629; border-right: 10px solid #232629; border-left: 10px solid #232629; } QToolButton:checked { background: #4f5b62; border-left: 10px solid #4f5b62; border-right: 10px solid #ff1744; } /* ------------------------------------------------------------------------ */ /* General viewers */ QTableView { background-color: #31363b; border: 1px solid #232629; border-radius: 4px; } QTreeView, QListView { border-radius: 4px; padding: 5px; margin: 0px; } QTableView::item, QTreeView::item, QListView::item { padding: 5px; min-height: 25px; color: #ffffff; selection-color: #ffffff; /* For Windows */ border-color: transparent; /* Fix #34 */ } /* ------------------------------------------------------------------------ */ /* Items Selection */ QTableView:item:selected, QTreeView::item:selected, QListView::item:selected { background-color: #33ff1744; selection-background-color: #33ff1744; color: #ffffff; selection-color: #ffffff; /* For Windows */ } QTableView:item:selected:focus, QTreeView::item:selected:focus, QListView::item:selected:focus { background-color: #ff1744; selection-background-color: #ff1744; color: #000000; selection-color: #000000; /* For Windows */ } QTableView { selection-background-color: #33ff1744; } QTableView:focus { selection-background-color: #ff1744; } QTableView::item:disabled { color: #4cffffff; selection-color: #4cffffff; background-color: #232629; selection-background-color: #232629; } /* ------------------------------------------------------------------------ */ /* QTreeView */ QTreeView::branch{ background-color: #232629; } QTreeView::branch:closed:has-children:has-siblings, QTreeView::branch:closed:has-children:!has-siblings { image: url(:/css/primary/res/primary/branch-closed.svg); } QTreeView::branch:open:has-children:!has-siblings, QTreeView::branch:open:has-children:has-siblings { image: url(:/css/primary/res/primary/branch-open.svg); } QTreeView::branch:has-siblings:!adjoins-item { border-image: url(:/css/disabled/res/disabled/vline.svg) 0; } QTreeView::branch:has-siblings:adjoins-item { border-image: url(:/css/disabled/res/disabled/branch-more.svg) 0; } QTreeView::branch:!has-children:!has-siblings:adjoins-item, QTreeView::branch:has-children:!has-siblings:adjoins-item { border-image: url(:/css/disabled/res/disabled/branch-end.svg) 0; } QTreeView QHeaderView::section { border: none; } /* ------------------------------------------------------------------------ */ /* Custom buttons */ QPushButton.danger { border-color: #dc3545; color: #dc3545; } QPushButton.danger:checked, QPushButton.danger:pressed { color: #31363b; background-color: #dc3545; } QPushButton.warning{ border-color: #ffc107; color: #ffc107; } QPushButton.warning:checked, QPushButton.warning:pressed { color: #31363b; background-color: #ffc107; } QPushButton.success { border-color: #17a2b8; color: #17a2b8; } QPushButton.success:checked, QPushButton.success:pressed { color: #31363b; background-color: #17a2b8; } QPushButton.danger:flat:hover { background-color: #33dc3545; } QPushButton.danger:flat:pressed, QPushButton.danger:flat:checked { background-color: #19dc3545; color: #dc3545; } QPushButton.warning:flat:hover { background-color: #33ffc107; } QPushButton.warning:flat:pressed, QPushButton.warning:flat:checked { background-color: #19ffc107; color: #ffc107; } QPushButton.success:flat:hover { background-color: #3317a2b8; } QPushButton.success:flat:pressed, QPushButton.success:flat:checked { background-color: #1917a2b8; color: #17a2b8; } /* ------------------------------------------------------------------------ */ /* QTableView */ QTableCornerButton::section { background-color: #232629; border-radius: 0px; border-right: 1px solid; border-bottom: 1px solid; border-color: #31363b; } QTableView { alternate-background-color: #b2232629; } QHeaderView { border: none; } QHeaderView::section { color: #b2ffffff; text-transform: uppercase; background-color: #232629; padding: 0 20px; height: 35px; border-radius: 0px; border-right: 1px solid; border-bottom: 1px solid; border-color: #31363b; } /* ------------------------------------------------------------------------ */ /* QLCDNumber */ QLCDNumber { color: #ff1744; background-color:#19ff1744; border: 1px solid #4cff1744; border-radius: 4px; } /* ------------------------------------------------------------------------ */ /* QCalendarWidget */ #qt_calendar_prevmonth { qproperty-icon: url(:/css/primary/res/primary/leftarrow.svg); } #qt_calendar_nextmonth { qproperty-icon: url(:/css/primary/res/primary/rightarrow.svg); } /* ------------------------------------------------------------------------ */ /* Inline QLineEdit */ QTreeView QLineEdit, QTableView QLineEdit, QListView QLineEdit { color: #ffffff; background-color: #232629; border: 1px solid unset; border-radius: unset; padding: unset; padding-left: unset; height: unset; border-width: unset; border-top-left-radius: unset; border-top-right-radius: unset; } /* ------------------------------------------------------------------------ */ /* QToolTip */ QToolTip { padding: 5px; border: 1px solid #31363b; border-radius: 4px; color: #ffffff; background-color: #4f5b62; } /* ------------------------------------------------------------------------ */ /* QDialog */ QDialog QToolButton, QDialog QToolButton:hover, QDialog QToolButton:pressed, QDialog QToolButton:checked { background-color: unset; border: 0px; height: unset; margin: unset; padding: unset; border-right: unset; border-left: unset; } /* ------------------------------------------------------------------------ */ /* Grips */ QMainWindow::separator:vertical, QSplitter::handle:horizontal { image: url(:/css/primary/res/primary/splitter-horizontal.svg); } QMainWindow::separator:horizontal, QSplitter::handle:vertical { image: url(:/css/primary/res/primary/splitter-vertical.svg); } QSizeGrip { image: url(:/css/primary/res/primary/sizegrip.svg); background-color: transparent; width: 16px; height: 16px; }