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;
}
*/
/*
Qt is extremely convinced that the sort arrow belongs on the right side
of the header and will reserve space for it there. The padding is to deal with this fact.
*/
QHeaderView::section {
	background-color: #202020;
	border: 0px;
	border-right: 1px solid #7e7e7e;
	padding-right: -10px;
}
QHeaderView::section::vertical { 
	padding-left: 10px;
	padding-right: 0px;
}
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);
}
/*
Couldn't get this to work when writing it normally.
*/
QTableCornerButton::section {
    background-color: #202020;
    border: 1px solid #7e7e7e;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
}