mirror of
https://github.com/dolphin-emu/dolphin.git
synced 2024-11-15 05:47:56 -07:00
502 lines
11 KiB
Plaintext
502 lines
11 KiB
Plaintext
/*
|
|
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);
|
|
}
|
|
QTableCornerButton::section {
|
|
background-color: #202020;
|
|
border: 1px solid #7e7e7e;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-bottom: 0px;
|
|
}
|
|
|
|
QProgressBar {
|
|
border: 2px solid grey;
|
|
border-radius: 5px;
|
|
background-color: #202020;
|
|
}
|
|
|