dolphin/Source/Core/DolphinQt/Styles/Dark/dark.qss

/*
Theme for a look and feel like our default Windows theme, but dark
*/

* {
	color: #dcdcdc;
}
*:disabled {
	color: #7e7e7e;
}

/*
window title bars apparently can't be styled
would be #000000 for active, #2b2b2b for background
*/

QMenu {
	border: 1px solid #7e7e7e;
}
QMenuBar {
	background-color: #202020;
	color: #dcdcdc;
	border: 0px;
}
QMenu {
	background-color: #202020;
	color: #dcdcdc;
	border: 1px solid #7e7e7e;
}
QMenuBar::item {
	background-color: #202020;
	color: #dcdcdc;
	border: 0px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 2px;
	margin: 0px;
}
QMenuBar {
	border-color: #404040;
}
QMenu::item {
	background-color: #202020;
	color: #dcdcdc;
	border: 0px;
	padding-left: 8px;
	padding-right: 32px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0px;
}
QMenuBar::item:hover, QMenuBar::item:selected, QMenu::item:hover, QMenu::item:selected {
	background-color: #404040;
	color: #dcdcdc;
}
QMenuBar::item:disabled, QMenu::item:disabled {
	color: #7e7e7e;
}
QMenu::separator {
	height: 1px;
	background-color: #7e7e7e;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
}

QWidget {
	background-color: #202020;
}
QColumnView, QListView, QTableView, QTableWidget, QTreeView {
	background-color: #202020;
	alternate-background-color: #303030;
	border: 1px solid #7e7e7e;
	selection-background-color: #505050; /* #202050; */
	gridline-color: #606060;
}
/*
would be consistent with Explorer, but Qt keeps the focus color even if you click away from the item, which is confusing
QColumnView::item:focus, QListView::item:focus, QTableView::item:focus, QTableWidget::item:focus, QTreeView::item:focus {
	background-color: #606060;
}
*/
QHeaderView::section {
	background-color: #202020;
	border: 0px;
	border-right: 1px solid #7e7e7e;
	padding: 0px;
	text-align: right;

	/*
	this is a hack, Qt is extremely convinced that the sort arrow belongs on the right side
	of the header and will reserve space for it there. so this applies that same space to the left
	so the text is still centered correctly.
	*/
	padding-left: 10px;
}
QHeaderView::section:last {
	border-right: 0px;
}
QHeaderView::section:hover, QHeaderView::section:checked {
	background-color: #404040;
}
QHeaderView::down-arrow {
	subcontrol-origin: margin;
	subcontrol-position: top center;
	image: url(:/dolphin_dark_win/table-header-sort-arrow-down.svg);
	width: 10px;
	height: 7px;
	background: transparent;
}
QHeaderView::up-arrow {
	subcontrol-origin: margin;
	subcontrol-position: top center;
	image: url(:/dolphin_dark_win/table-header-sort-arrow-up.svg);
	width: 10px;
	height: 7px;
	background: transparent;
}

QTabWidget::pane {
	border: 1px solid #7e7e7e;
	top: -1px; /* move border behind tabs */
}
QTabWidget::tab-bar {
	left: 2px; /* leave space on the side of the tabs */
}

QTabBar {
	/* The outline on the focused tab has an incorrect position and as far as I can tell there's no way to move it.
	So as a hack, remove it and apply an underline to the text instead. */
	outline: 0px;
}
QTabBar::tab {
	background-color: #303030;
	border-left: 1px solid #7e7e7e;
	border-right: 1px solid #7e7e7e;
	border-top: 1px solid #7e7e7e;
	border-bottom: 1px solid #7e7e7e;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 9px;
	padding-right: 10px;
	margin-right: -1px; /* so adjacent tab borders overlap */
}
QTabBar::tab:only-one {
	margin-right: 0px;
}
QTabBar::tab:last {
	margin-right: 0px;
}
QTabBar::tab:hover {
	background-color: #404040;
}
QTabBar::tab:selected {
	border-bottom: 0px;
	background-color: #202020;
	padding-bottom: 1px;
}
QTabBar::tab:focus {
	text-decoration: underline;
}
QTabBar::tab:!selected {
	margin-top: 2px;
}

QDockWidget {
	background-color: #404040;
	titlebar-close-icon: url(:/dolphin_dark_win/dockwidget-close.svg);
	titlebar-normal-icon: url(:/dolphin_dark_win/dockwidget-undock.svg);
}

QPushButton, QToolButton {
	background-color: #303030;
	border: 1px solid #7e7e7e;
	padding: 2px;
	min-width: 67px;
}
QPushButton:hover, QToolButton:hover {
	background-color: #404040;
}
QPushButton:focus, QToolButton:focus {
	background-color: #404040;
}
QPushButton:disabled, QToolButton:disabled {
	background-color: #505050;
}

/* the dropdownarrow on the right of the button in menu popup mode */
QToolButton[popupMode="1"] {
	padding-right: 19px;
}
QToolButton::menu-button {
	border: 0px;
	border-left: 1px solid #7e7e7e;
	width: 18px;
}
QToolButton::menu-arrow {
	image: url(:/dolphin_dark_win/down-triangle.svg);
	width: 14px;
}

/* the icon bar at the top of the main window */
QToolBar {
	border: 0px;
}
QToolBar QToolButton {
	border: 0px;
	padding: 0px;
	padding-left: 3px;
	padding-right: 2px;
	min-width: 50px;
	background-color: #202020;
}
QToolBar QToolButton:hover {
	background-color: #404040;
}
QToolBar QToolButton:focus {
	background-color: #404040;
}
QToolBar QToolButton:disabled {
	background-color: #202020;
}
QToolBar::separator {
	min-width: 0px;
	width: 1px;
	margin-left: 3px;
	margin-right: 2px;
	background-color: #7e7e7e;
}

QGroupBox {
	border: 1px solid #7e7e7e;
	margin-top: 9px;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 1px;
	padding-right: 1px;
}
QGroupBox::title {
	subcontrol-origin: margin;
	subcontrol-position: top left;
	left: 9px;
	padding-top: 1px;
	min-width: 0px;
}

QLineEdit, QTextEdit {
	border: 1px solid #7e7e7e;
}
QLineEdit:disabled, QTextEdit:disabled {
	background-color: #505050;
}

QComboBox {
	background-color: #303030;
	border: 1px solid #7e7e7e;
	margin: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}
QComboBox:disabled {
	background-color: #505050;
}
QComboBox:selected {
	background-color: #404040;
}
QComboBox:editable {
	background-color: #202020;
}
QComboBox::drop-down {
	border: 0px;
}
QComboBox::down-arrow {
	image: url(:/dolphin_dark_win/dropdown-arrow.svg);
	height: 10px;
	width: 15px;
}
QComboBox QAbstractItemView {
	background-color: #303030;
	selection-background-color: #404040;
	border: 1px solid #7e7e7e;
	padding: 0px;
	margin: 0px;
	outline: 0px;
}
QComboBox QAbstractItemView::item:selected {
	color: #dcdcdc;
	background-color: #404040;
}
QComboBox QAbstractItemView::item:last {
	border: 0px;
}

QScrollBar:vertical {
	border: 0px;
	background: #303030;
	width: 15px;
	margin: 15px 0px;
}
QScrollBar::handle:vertical { /* the bar in the middle */
	border: 0px;
	background: #606060;
	min-height: 20px;
}
QScrollBar::add-line:vertical { /* the down button at the bottom */
	border: 0px;
	background: #303030;
	height: 15px;
	subcontrol-position: bottom;
	subcontrol-origin: margin;
}
QScrollBar::sub-line:vertical { /* the up button at the top */
	border: 0px;
	background: #303030;
	height: 15px;
	subcontrol-position: top;
	subcontrol-origin: margin;
}
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { /* the area between the bar and the up/down buttons */
	border: 0px;
	background: none;
}
QScrollBar::up-arrow:vertical {
	image: url(:/dolphin_dark_win/scrollbar-arrow-up.svg);
	height: 15px;
}
QScrollBar::down-arrow:vertical {
	image: url(:/dolphin_dark_win/scrollbar-arrow-down.svg);
	height: 15px;
}
QScrollBar:horizontal {
	border: 0px;
	background: #303030;
	height: 15px;
	margin: 0px 15px;
}
QScrollBar::handle:horizontal { /* the bar in the middle */
	border: 0px;
	background: #606060;
	min-width: 20px;
}
QScrollBar::add-line:horizontal { /* the right button */
	border: 0px;
	background: #303030;
	width: 15px;
	subcontrol-position: right;
	subcontrol-origin: margin;
}
QScrollBar::sub-line:horizontal { /* the left button */
	border: 0px;
	background: #303030;
	width: 15px;
	subcontrol-position: left;
	subcontrol-origin: margin;
}
QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal { /* the area between the bar and the left/right buttons */
	border: 0px;
	background: none;
}
QScrollBar::left-arrow:horizontal {
	image: url(:/dolphin_dark_win/scrollbar-arrow-left.svg);
	width: 15px;
}
QScrollBar::right-arrow:horizontal {
	image: url(:/dolphin_dark_win/scrollbar-arrow-right.svg);
	width: 15px;
}

QSpinBox, QDateEdit, QDateTimeEdit, QTimeEdit, QDoubleSpinBox {
	border: 1px solid #7e7e7e;
	padding-right: 15px;
}
QSpinBox:disabled, QDateEdit:disabled, QDateTimeEdit:disabled, QTimeEdit:disabled, QDoubleSpinBox:disabled {
	background-color: #505050;
}
QSpinBox::up-button, QDateEdit::up-button, QDateTimeEdit::up-button, QTimeEdit::up-button, QDoubleSpinBox::up-button {
	border: 1px transparent;
	subcontrol-origin: border;
	subcontrol-position: top right;
	width: 16px;
}
QSpinBox::down-button, QDateEdit::down-button, QDateTimeEdit::down-button, QTimeEdit::down-button, QDoubleSpinBox::down-button {
	border: 1px transparent;
	subcontrol-origin: border;
	subcontrol-position: bottom right;
	width: 16px;
}
QSpinBox::up-arrow, QDateEdit::up-arrow, QDateTimeEdit::up-arrow,  QTimeEdit::up-arrow, QDoubleSpinBox::up-arrow {
	image: url(:/dolphin_dark_win/up-triangle-spinbox.svg);
	width: 14px;
	height: 7px;
}
QSpinBox::down-arrow, QDateEdit::down-arrow, QDateTimeEdit::down-arrow, QTimeEdit::down-arrow, QDoubleSpinBox::down-arrow {
	image: url(:/dolphin_dark_win/down-triangle-spinbox.svg);
	width: 14px;
	height: 7px;
}

/*
QSlider ticks break if you try to style the groove.
https://stackoverflow.com/questions/27531542/tick-marks-disappear-on-styled-qslider
https://bugreports.qt.io/browse/QTBUG-3564 (yes that's from 2009 and it's still accurate)
Truly bizarre. I'll just refrain from styling it from now...
*/
QSlider::handle {
	background-color: #dcdcdc;
}
QSlider::handle:disabled {
	background-color: #7e7e7e;
}

QCheckBox {
	padding: 2px 0px;
}
QCheckBox::indicator {
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 13px;
	height: 13px;
}
QCheckBox::indicator:unchecked {
	image: url(:/dolphin_dark_win/checkbox-empty.svg);
}
QCheckBox::indicator:unchecked:disabled {
	image: url(:/dolphin_dark_win/checkbox-empty-disabled.svg);
}
QCheckBox::indicator:checked {
	image: url(:/dolphin_dark_win/checkbox-checked.svg);
}
QCheckBox::indicator:checked:disabled {
	image: url(:/dolphin_dark_win/checkbox-checked-disabled.svg);
}
QCheckBox::indicator:indeterminate {
	image: url(:/dolphin_dark_win/checkbox-half.svg);
}
QCheckBox::indicator:indeterminate:disabled {
	image: url(:/dolphin_dark_win/checkbox-half-disabled.svg);
}

QRadioButton {
	padding: 2px 0px;
}
QRadioButton::indicator {
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 13px;
	height: 13px;
}
QRadioButton::indicator:unchecked {
	image: url(:/dolphin_dark_win/radiobutton-empty.svg);
}
QRadioButton::indicator:unchecked:disabled {
	image: url(:/dolphin_dark_win/radiobutton-empty-disabled.svg);
}
QRadioButton::indicator:checked {
	image: url(:/dolphin_dark_win/radiobutton-checked.svg);
}
QRadioButton::indicator:checked:disabled {
	image: url(:/dolphin_dark_win/radiobutton-checked-disabled.svg);
}

QListView::indicator:unchecked {
	image: url(:/dolphin_dark_win/checkbox-empty.svg);
}
QListView::indicator:checked {
	image: url(:/dolphin_dark_win/checkbox-checked.svg);
}
QListView::indicator:indeterminate {
	image: url(:/dolphin_dark_win/checkbox-half.svg);
}

QTabBar QToolButton {
	background-color: #202020;
	min-width: 0px;
}
QTabBar QToolButton::left-arrow {
	image: url(:/dolphin_dark_win/left-triangle-tabbar.svg);
}
QTabBar QToolButton::right-arrow {
	image: url(:/dolphin_dark_win/right-triangle-tabbar.svg);
}