Qt_Custom_Style_Example/_resources/qss/style.qss

QMenu {
	margin: 0.1em;
	icon-size: 1em;
}

QMenuBar {
	spacing: 0.2em;
	padding: 0.1em;
}

QMenu::item {
	min-height: 1.2em;
	padding: 0.05em 1em 0.05em 0.5em;
	border: 0.05em solid transparent;
}

QMenu::item:selected {
	border-color: $MENU_ITEM_SELECT_BORDER;
	background: $MENU_ITEM_SELECT_COLOR;
}

QMenu::icon {
	border: none;
	margin-left: 0.5em;
	width: 1em;
	height: 1em;
}

QMenu::indicator {
	width: $CHECKBOX_SIZE;
	height: $CHECKBOX_SIZE;
	margin-left: 0.5em;
}

/* non-exclusive indicator = check box style indicator (see QActionGroup::setExclusive) */

QMenu::indicator:non-exclusive:unchecked {
	image: url(":/qss/$THEME/checkbox_unchecked.png");
}

QMenu::indicator:non-exclusive:unchecked:selected, QMenu::indicator:non-exclusive:unchecked:hover, QMenu::indicator:non-exclusive:unchecked:focus, QMenu::indicator:non-exclusive:unchecked:pressed {
	image: url(":/qss/$THEME/checkbox_unchecked.png");
	border: none;
}

QMenu::indicator:non-exclusive:unchecked:disabled {
	image: url(":/qss/$THEME/checkbox_unchecked_disabled.png");
}

QMenu::indicator:non-exclusive:checked {
	image: url(":/qss/$THEME/checkbox_checked.png");
}

QMenu::indicator:non-exclusive:checked:selected, QMenu::indicator:non-exclusive:checked:hover, QMenu::indicator:non-exclusive:checked:focus, QMenu::indicator:non-exclusive:checked:pressed {
	image: url(":/qss/$THEME/checkbox_checked.png");
	border: none;
}

QMenu::indicator:non-exclusive:checked:disabled {
	image: url(":/qss/$THEME/checkbox_checked_disabled.png");
}

QMenu::indicator:non-exclusive:indeterminate {
	image: url(":/qss/$THEME/checkbox_indeterminate.png");
}

QMenu::indicator:non-exclusive:indeterminate:disabled {
	image: url(":/qss/$THEME/checkbox_indeterminate_disabled.png");
}

QMenu::indicator:non-exclusive:indeterminate:selected, QMenu::indicator:non-exclusive:indeterminate:focus, QMenu::indicator:non-exclusive:indeterminate:hover, QMenu::indicator:non-exclusive:indeterminate:pressed {
	image: url(":/qss/$THEME/checkbox_indeterminate.png");
}

/* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */

QMenu::indicator:exclusive:unchecked {
	image: url(":/qss/$THEME/radio_unchecked.png");
}

QMenu::indicator:exclusive:unchecked:selected, QMenu::indicator:exclusive:unchecked:hover, QMenu::indicator:exclusive:unchecked:focus, QMenu::indicator:exclusive:unchecked:pressed {
	image: url(":/qss/$THEME/radio_unchecked.png");
	border: none;
	outline: none;
}

QMenu::indicator:exclusive:unchecked:disabled {
	image: url(":/qss/$THEME/radio_unchecked_disabled.png");
}

QMenu::indicator:exclusive:checked {
	image: url(":/qss/$THEME/radio_checked.png");
	border: none;
	outline: none;
}

QMenu::indicator:exclusive:checked:selected, QMenu::indicator:exclusive:checked:hover, QMenu::indicator:exclusive:checked:focus, QMenu::indicator:exclusive:checked:pressed {
	image: url(":/qss/$THEME/radio_checked.png");
	border: none;
	outline: none;
}

QMenu::indicator:exclusive:checked:disabled {
	image: url(":/qss/$THEME/radio_checked_disabled.png");
	outline: none;
}

/* CheckBox ***********************************************************/

QCheckBox {
	spacing: 4px;
	outline: none;
	padding-top: 0;
	min-height: $CHECKBOX_SIZE;
}

QCheckBox:focus {
	border: none;
}

QCheckBox::indicator {
	margin-left: 2px;
	margin-top: 2px;
	height: $CHECKBOX_SIZE;
	width: $CHECKBOX_SIZE;
}

QCheckBox::indicator:unchecked {
	image: url(":/qss/$THEME/checkbox_unchecked.png");
}

QCheckBox::indicator:unchecked:hover, QCheckBox::indicator:unchecked:focus {
	image: url(":/qss/$THEME/checkbox_unchecked_focus.png");
	border: none;
}

QCheckBox::indicator:unchecked:pressed {
	image: url(":/qss/$THEME/checkbox_unchecked_pressed.png");
	border: none;
}

QCheckBox::indicator:unchecked:disabled {
	image: url(":/qss/$THEME/checkbox_unchecked_disabled.png");
}

QCheckBox::indicator:checked {
	image: url(":/qss/$THEME/checkbox_checked.png");
}

QCheckBox::indicator:checked:hover, QCheckBox::indicator:checked:focus {
	image: url(":/qss/$THEME/checkbox_checked_focus.png");
	border: none;
}

QCheckBox::indicator:checked:pressed {
	image: url(":/qss/$THEME/checkbox_checked_pressed.png");
	border: none;
}

QCheckBox::indicator:checked:disabled {
	image: url(":/qss/$THEME/checkbox_checked_disabled.png");
}

QCheckBox::indicator:indeterminate {
	image: url(":/qss/$THEME/checkbox_indeterminate.png");
}

QCheckBox::indicator:indeterminate:disabled {
	image: url(":/qss/$THEME/checkbox_indeterminate_disabled.png");
}

QCheckBox::indicator:indeterminate:focus, QCheckBox::indicator:indeterminate:hover {
	image: url(":/qss/$THEME/checkbox_indeterminate_focus.png");
}

QCheckBox::indicator:indeterminate:pressed {
	image: url(":/qss/$THEME/checkbox_indeterminate_pressed.png");
	border: none;
}

/* CheckBox on Frame *****************************************************/

QFrame > QCheckBox {
	spacing: 4px;
	outline: none;
	padding-top: 0;
	min-height: $TOGGLE_HEIGHT;
}

QFrame > QCheckBox:focus {
	border: none;
}

QFrame > QCheckBox::indicator {
	margin-left: 2px;
	margin-top: 2px;
	height: $TOGGLE_HEIGHT;
	width: $TOGGLE_WIDTH;
}

QFrame > QCheckBox::indicator:unchecked, 
QFrame > QCheckBox::indicator:unchecked:focus {
	image: url(":/qss/$THEME/toggle_unchecked.png");
}

QFrame > QCheckBox::indicator:unchecked:hover {
	image: url(":/qss/$THEME/toggle_unchecked_focus.png");
	border: none;
}

QFrame > QCheckBox::indicator:unchecked:pressed, 
QFrame > QCheckBox::indicator:checked:pressed, 
QFrame > QCheckBox::indicator:indeterminate:pressed {
	image: url(":/qss/$THEME/toggle_pressed.png");
	border: none;
}

QFrame > QCheckBox::indicator:unchecked:disabled {
	image: url(":/qss/$THEME/toggle_unchecked_disabled.png");
}

QFrame > QCheckBox::indicator:checked, 
QFrame > QCheckBox::indicator:checked:focus {
	image: url(":/qss/$THEME/toggle_checked.png");
}

QFrame > QCheckBox::indicator:checked:hover {
	image: url(":/qss/$THEME/toggle_checked_focus.png");
	border: none;
}

QFrame > QCheckBox::indicator:checked:disabled {
	image: url(":/qss/$THEME/toggle_checked_disabled.png");
}

QFrame > QCheckBox::indicator:indeterminate, 
QFrame > QCheckBox::indicator:indeterminate:focus {
	image: url(":/qss/$THEME/toggle_pressed.png");
}

QFrame > QCheckBox::indicator:indeterminate:disabled {
	image: url(":/qss/$THEME/checkbox_unchecked_disabled.png");
}

QFrame > QCheckBox::indicator:indeterminate:hover {
	image: url(":/qss/$THEME/checkbox_unchecked_disabled.png");
}

/* GroupBox ********************************************************************* */

QGroupBox {
	padding: 2px;
	padding-top: 20px;
	margin-top: 4px;
	margin-bottom: 2px;
}

QGroupBox::title {
	subcontrol-origin: margin;
	subcontrol-position: top left;
	left: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
}

QGroupBox[checkable="false"]::title {
	padding-top: 4px;
}

QGroupBox::indicator {
	margin-left: 2px;
	margin-top: 3px;
	padding: 0;
	height: $CHECKBOX_SIZE;
	width: $CHECKBOX_SIZE;
}

QGroupBox::indicator:unchecked {
	image: url(":/qss/$THEME/checkbox_unchecked.png");
	border: none;
}

QGroupBox::indicator:unchecked:hover, QGroupBox::indicator:unchecked:focus, QGroupBox::indicator:unchecked:pressed {
	image: url(":/qss/$THEME/checkbox_unchecked_focus.png");
	border: none;
}

QGroupBox::indicator:unchecked:disabled {
	image: url(":/qss/$THEME/checkbox_unchecked_disabled.png");
}

QGroupBox::indicator:checked {
	image: url(":/qss/$THEME/checkbox_checked.png");
	border: none;
}

QGroupBox::indicator:checked:hover, QGroupBox::indicator:checked:focus, QGroupBox::indicator:checked:pressed {
	image: url(":/qss/$THEME/checkbox_checked_focus.png");
	border: none;
}

QGroupBox::indicator:checked:disabled {
	image: url(":/qss/$THEME/checkbox_checked_disabled.png");
}

/* Customize radio buttons. *******************************************/

QRadioButton {
	spacing: 4px;
	outline: none;
	border: none;
	padding-top: 0;
	min-height: $CHECKBOX_SIZE;
}

QRadioButton:focus {
	border: none;
}

QRadioButton::indicator {
	border: none;
	outline: none;
	margin-left: 2px;
	margin-top: 2px;
	height: $CHECKBOX_SIZE;
	width: $CHECKBOX_SIZE;
}

QRadioButton::indicator:unchecked {
  image: url(":/qss/$THEME/radio_unchecked.png");
}

QRadioButton::indicator:unchecked:hover, QRadioButton::indicator:unchecked:focus {
	border: none;
	outline: none;
	image: url(":/qss/$THEME/radio_unchecked_focus.png");
}

QRadioButton::indicator:unchecked:pressed {
	border: none;
	outline: none;
	image: url(":/qss/$THEME/radio_unchecked_pressed.png");
}

QRadioButton::indicator:unchecked:disabled {
	image: url(":/qss/$THEME/radio_unchecked_disabled.png");
}

QRadioButton::indicator:checked {
	border: none;
	outline: none;
	image: url(":/qss/$THEME/radio_checked.png");
}

QRadioButton::indicator:checked:hover, QRadioButton::indicator:checked:focus {
	border: none;
	outline: none;
	image: url(":/qss/$THEME/radio_checked_focus.png");
}

QRadioButton::indicator:checked:pressed {
	border: none;
	outline: none;
	image: url(":/qss/$THEME/radio_checked_pressed.png");
}

QRadioButton::indicator:checked:disabled {
	outline: none;
	image: url(":/qss/$THEME/radio_checked_disabled.png");
}

/* **************************************************************************** */

QListWidget::indicator:checked,
QTreeWidget::indicator:checked,
QTableWidget::indicator:checked,
QTreeView::indicator:checked,
QListView::indicator:checked,
QTableView::indicator:checked,
QColumnView::indicator:checked {
	image: url(":/qss/$THEME/checkbox_checked.png");
}

QListWidget::indicator:checked:hover,
QTreeWidget::indicator:checked:hover,
QTableWidget::indicator:checked:hover,
QListWidget::indicator:checked:focus,
QTreeWidget::indicator:checked:focus,
QTableWidget::indicator:checked:focus,
QTreeView::indicator:checked:hover, 
QTreeView::indicator:checked:focus, 
QListView::indicator:checked:hover,
QListView::indicator:checked:focus,
QTableView::indicator:checked:hover,
QTableView::indicator:checked:focus,
QColumnView::indicator:checked:hover,
QColumnView::indicator:checked:focus {
	image: url(":/qss/$THEME/checkbox_checked_focus.png");
}

QListWidget::indicator:checked:pressed,
QTreeWidget::indicator:checked:pressed,
QTableWidget::indicator:checked:pressed,
QTreeView::indicator:checked:pressed,
QListView::indicator:checked:pressed,
QTableView::indicator:checked:pressed,
QColumnView::indicator:checked:pressed {
	image: url(":/qss/$THEME/checkbox_checked_pressed.png");
}

QListWidget::indicator:unchecked,
QTreeWidget::indicator:unchecked,
QTableWidget::indicator:unchecked,
QTreeView::indicator:unchecked,
QListView::indicator:unchecked,
QTableView::indicator:unchecked,
QColumnView::indicator:unchecked {
	image: url(":/qss/$THEME/checkbox_unchecked.png");
}

QListWidget::indicator:unchecked:hover,
QTreeWidget::indicator:unchecked:hover,
QTableWidget::indicator:unchecked:hover,
QListWidget::indicator:unchecked:focus,
QTreeWidget::indicator:unchecked:focus,
QTableWidget::indicator:unchecked:focus,
QTreeView::indicator:unchecked:hover, 
QTreeView::indicator:unchecked:focus
QListView::indicator:unchecked:hover,
QListView::indicator:unchecked:focus,
QTableView::indicator:unchecked:hover,
QTableView::indicator:unchecked:focus,
QColumnView::indicator:unchecked:hover,
QColumnView::indicator:unchecked:focus {
	image: url(":/qss/$THEME/checkbox_unchecked_focus.png");
}

QListWidget::indicator:unchecked:pressed,
QTreeWidget::indicator:unchecked:pressed,
QTableWidget::indicator:unchecked:pressed,
QTreeView::indicator:unchecked:pressed,
QListView::indicator:unchecked:pressed,
QTableView::indicator:unchecked:pressed,
QColumnView::indicator:unchecked:pressed {
	image: url(":/qss/$THEME/checkbox_unchecked_pressed.png");
}


QListWidget::indicator:indeterminate,
QTreeWidget::indicator:indeterminate,
QTableWidget::indicator:indeterminate,
QTreeView::indicator:indeterminate,
QListView::indicator:indeterminate,
QTableView::indicator:indeterminate,
QColumnView::indicator:indeterminate {
	image: url(":/qss/$THEME/checkbox_indeterminate.png");
}

QListWidget::indicator:indeterminate:hover,
QTreeWidget::indicator:indeterminate:hover,
QTableWidget::indicator:indeterminate:hover,
QListWidget::indicator:indeterminate:focus,
QTreeWidget::indicator:indeterminate:focus,
QTableWidget::indicator:indeterminate:focus,
QTreeView::indicator:indeterminate:hover, 
QTreeView::indicator:indeterminate:focus, 
QListView::indicator:indeterminate:hover,
QListView::indicator:indeterminate:focus,
QTableView::indicator:indeterminate:hover,
QTableView::indicator:indeterminate:focus,
QColumnView::indicator:indeterminate:hover,
QColumnView::indicator:indeterminate:focus {
	image: url(":/qss/$THEME/checkbox_indeterminate_focus.png");
}

QListWidget::indicator:indeterminate:pressed,
QTreeWidget::indicator:indeterminate:pressed,
QTableWidget::indicator:indeterminate:pressed,
QTreeView::indicator:indeterminate:pressed,
QListView::indicator:indeterminate:pressed,
QTableView::indicator:indeterminate:pressed,
QColumnView::indicator:indeterminate:pressed {
	image: url(":/qss/$THEME/checkbox_indeterminate_pressed.png");
}