qsswraper/css/dark.css

867 lines
23 KiB
CSS
Raw Normal View History

2020-10-26 15:44:45 +00:00
/*
Colour scheme used:
- White (text): #eff0f1
- Dark black (main bg): #272a2d
- Lighter dark black (menu bar): #373b3f
- Dark blue: #18465d
- Gray: #76797C
- Red (accents): #db1c49
Useful reference on QSS:
- http://doc.qt.io/qt-5/stylesheet-reference.html#alternate-background-color-prop
Be sure to change all image urls to the appropriate folder on your system.
*/
QPushButton#btn_serial:enabled {
border-image: url(:/qss/icon/btn_serial.png);
background: rgb(120, 170, 220);
color: white;
margin-left: 10;
margin-top:5;
}
QPushButton#btn_serial:!enabled {
background: rgb(180, 180, 180);
color: white;
}
QPushButton#btn_serial:enabled:hover{
background: rgb(100, 160, 220);
}
QPushButton#btn_serial:enabled:pressed{
background: rgb(0, 78, 161);
}
QPushButton#btn_process:enabled {
background: rgb(120, 170, 220);
color: white;
margin-left: 5;
margin-top:5;
}
QPushButton#btn_process:!enabled {
background: rgb(180, 180, 180);
color: white;
}
QPushButton#btn_process:enabled:hover{
background: rgb(100, 160, 220);
}
QPushButton#btn_process:enabled:pressed{
background: rgb(0, 78, 161);
}
/*================================================================
QWidget
================================================================*/
QWidget {
color: #eff0f1;
background-color: #272a2d;
selection-background-color: #db1c49;
selection-color: #eff0f1;
}
QWidget::item:hover {
background-color: #18465d;
color: #eff0f1;
}
QWidget::item:selected {
background-color: #18465d;
}
/*================================================================
QCheckBox/QGroupBox
================================================================*/
QCheckBox {
spacing: 5px;
outline: none;
color: #eff0f1;
margin-bottom: 2px;
}
QCheckBox:disabled {
color: #76797C;
}
QCheckBox::indicator,
QGroupBox::indicator {
width: 18px;
height: 18px;
}
QGroupBox::indicator {
margin-left: 2px;
}
QCheckBox::indicator:unchecked {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/checkbox_unchecked.png);
}
QCheckBox::indicator:unchecked:hover,
QCheckBox::indicator:unchecked:focus,
QCheckBox::indicator:unchecked:pressed,
QGroupBox::indicator:unchecked:hover,
QGroupBox::indicator:unchecked:focus,
QGroupBox::indicator:unchecked:pressed {
border: none;
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/checkbox_unchecked_focus.png);
}
QCheckBox::indicator:checked {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/checkbox_checked.png);
}
QCheckBox::indicator:checked:hover,
QCheckBox::indicator:checked:focus,
QCheckBox::indicator:checked:pressed,
QGroupBox::indicator:checked:hover,
QGroupBox::indicator:checked:focus,
QGroupBox::indicator:checked:pressed {
border: none;
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/checkbox_checked_focus.png);
}
QCheckBox::indicator:indeterminate {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/checkbox_indeterminate.png);
}
QCheckBox::indicator:indeterminate:focus,
QCheckBox::indicator:indeterminate:hover,
QCheckBox::indicator:indeterminate:pressed {
image: url(C:/Users/franc/AppData/Roaming/TeXstudio/rc/checkbox_indeterminate_focus.png);
}
QCheckBox::indicator:checked:disabled,
QGroupBox::indicator:checked:disabled {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/checkbox_checked_disabled.png);
}
QCheckBox::indicator:unchecked:disabled,
QGroupBox::indicator:unchecked:disabled {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/checkbox_unchecked_disabled.png);
}
/*================================================================
QMenuBar - e.g. Main toolbar (file/edit/idefix etc.)
================================================================*/
QMenuBar {
color: #eff0f1;
background-color: #373b3f;
}
QMenuBar::item {
background: transparent;
}
/*================================================================
QMenu
================================================================*/
QMenu {
border: 1px solid #76797C;
color: #eff0f1;
margin: 2px;
}
QMenu::separator {
height: 2px;
background: #76797C;
margin-left: 5px;
margin-right: 5px;
}
/*================================================================
QToolbar
================================================================*/
QToolBar {
border: 1px solid #393838;
background: 1px solid #272a2d;
font-weight: bold;
}
QToolBar::handle:horizontal {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/Hmovetoolbar.png);
}
QToolBar::handle:vertical {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/Vmovetoolbar.png);
}
QToolBar::separator:horizontal {
width: 2px;
margin: 3px 10px;
background-color: #76797C;
}
QToolBar::separator:vertical {
height: 2px;
margin: 10px 3px;
background-color: #76797C;
}
/*================================================================
QScrollBar - e.g. Scrollbar in internal PDFviewer, editor window etc.
================================================================*/
QScrollBar:horizontal {
height: 25px;
margin: 3px 27px 3px 27px;
border: 1px transparent #2A2929;
border-radius: 4px;
background-color: #000000;
}
QScrollBar::handle:horizontal {
background-color: #76797C;
min-width: 15px;
border-radius: 4px;
}
QScrollBar::add-line:horizontal {
margin: 0px 3px 0px 3px;
border-image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/right_arrow_disabled.png);
width: 20px;
height: 20px;
subcontrol-position: right;
subcontrol-origin: margin;
}
QScrollBar::sub-line:horizontal {
margin: 0px 3px 0px 3px;
border-image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/left_arrow_disabled.png);
height: 20px;
width: 20px;
subcontrol-position: left;
subcontrol-origin: margin;
}
QScrollBar::add-line:horizontal:hover,
QScrollBar::add-line:horizontal:on {
border-image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/right_arrow.png);
height: 20px;
width: 20px;
subcontrol-position: right;
subcontrol-origin: margin;
}
QScrollBar::sub-line:horizontal:hover,
QScrollBar::sub-line:horizontal:on {
border-image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/left_arrow.png);
height: 20px;
width: 20px;
subcontrol-position: left;
subcontrol-origin: margin;
}
QScrollBar::up-arrow:horizontal,
QScrollBar::down-arrow:horizontal {
background: none;
}
QScrollBar::add-page:horizontal,
QScrollBar::sub-page:horizontal {
background: none;
}
QScrollBar:vertical {
background-color: #000000;
width: 25px;
margin: 27px 3px 27px 3px;
border: 1px solid #2A2929;
border-radius: 4px;
}
QScrollBar::handle:vertical {
background-color: #76797C;
min-height: 15px;
border-radius: 4px;
}
QScrollBar::sub-line:vertical {
margin: 3px 0px 3px 0px;
border-image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/up_arrow_disabled.png);
height: 20px;
width: 20px;
subcontrol-position: top;
subcontrol-origin: margin;
}
QScrollBar::add-line:vertical {
margin: 3px 0px 3px 0px;
border-image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/down_arrow_disabled.png);
height: 20px;
width: 20px;
subcontrol-position: bottom;
subcontrol-origin: margin;
}
QScrollBar::sub-line:vertical:hover,
QScrollBar::sub-line:vertical:on {
border-image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/up_arrow.png);
height: 20px;
width: 20px;
subcontrol-position: top;
subcontrol-origin: margin;
}
QScrollBar::add-line:vertical:hover,
QScrollBar::add-line:vertical:on {
border-image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/down_arrow.png);
height: 20px;
width: 20px;
subcontrol-position: bottom;
subcontrol-origin: margin;
}
QScrollBar::up-arrow:vertical,
QScrollBar::down-arrow:vertical {
background: none;
}
QScrollBar::add-page:vertical,
QScrollBar::sub-page:vertical {
background: none;
}
/*================================================================
QTabBar - e.g. File tabs (top), Bottom panel tabs (top), Autocompleter window tabs (bottom)
================================================================*/
QTabBar {
qproperty-drawBase: 0; /* important */
background-color: transparent;
}
/* <FIX> Workaround for QTabBars created from docked QDockWidgets which don't draw the border if not set and reseted as follows: */
QTabBar {
border-top: 1px transparent #76797C; /* set color for all QTabBars */
}
QDialog QTabBar {
border-color: transparent; /* set color for QTabBars inside Preferences dialog */
}
/* </FIX> */
QTabBar::close-button {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/close.png);
background: transparent;
margin-top: 6px;
margin-bottom: 6px;
}
QTabBar::close-button:hover {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/close-hover.png);
background: transparent;
margin-top: 6px;
margin-bottom: 6px;
}
QTabBar::close-button:pressed {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/close-pressed.png);
background: transparent;
margin-top: 6px;
margin-bottom: 6px;
}
/* TOP TABS */
QTabBar::tab:top {
color: #eff0f1;
border: 1px solid #76797C;
border-bottom: 1px transparent black;
background-color: #31363b;
padding: 5px;
min-width: 50px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
QTabBar::tab:top:selected {
color: #eff0f1;
background-color: #54575B;
border: 2px solid #76797C;
border-bottom: 3px solid #3daee9;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
QTabBar::tab:top:!selected:hover {
background-color: #18465d;
}
/* BOTTOM TABS */
QTabBar::tab:bottom {
color: #eff0f1;
border: 1px solid #76797C;
border-top: 1px transparent black;
background-color: #31363b;
padding: 5px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
min-width: 50px;
}
QTabBar::tab:bottom:selected {
color: #eff0f1;
background-color: #54575B;
border: 2px solid #76797C;
border-top: 3px solid #3daee9;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
QTabBar::tab:bottom:!selected:hover {
background-color: #18465d;
}
/*================================================================
QDockWidget - e.g. "Search" header in internal PDF viewer
================================================================*/
QDockWidget {
titlebar-close-icon: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/transparent.png);
titlebar-normal-icon: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/transparent.png);
}
QDockWidget::title {
background: #373b3f;
color: transparent;
border: 1px transparent;
text-align: left;
}
QDockWidget::close-button,
QDockWidget::float-button {
border: transparent;
padding: 0px;
icon-size: 25px;
background: transparent;
}
QDockWidget::float-button {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/undock.png);
subcontrol-position: right center;
left: -50px;
}
QDockWidget::close-button {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/close.png);
subcontrol-position: right center;
left: -10px;
}
QDockWidget::float-button:hover {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/undock-pressed.png);
subcontrol-position: right center;
left: -50px;
}
QDockWidget::close-button:hover {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/close-pressed.png);
subcontrol-position: right center;
left: -10px;
}
QDockWidget::close-button:pressed {
padding: 2px -2px -2px 2px;
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/close-pressed.png);
}
QDockWidget::float-button:pressed {
padding: 2px -2px -2px 2px;
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/undock-pressed.png);
}
QDockWidget QListView {
outline: 0;
background: #272a2d;
alternate-background-color: #373b3f;
color: #eff0f1;
}
/*================================================================
QTreeView, QListView
================================================================*/
QTreeView,
QListView {
border: 1px solid #76797C;
background-color: #232629;
}
QTreeView:branch:selected,
QTreeView:branch:hover {
background: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/transparent.png);
}
QTreeView::branch:has-siblings:!adjoins-item {
border-image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/transparent.png);
}
QTreeView::branch:has-siblings:adjoins-item {
border-image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/transparent.png);
}
QTreeView::branch:!has-children:!has-siblings:adjoins-item {
border-image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/transparent.png);
}
QTreeView::branch:has-children:!has-siblings:closed,
QTreeView::branch:closed:has-children:has-siblings {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/branch_closed.png);
}
QTreeView::branch:open:has-children:!has-siblings,
QTreeView::branch:open:has-children:has-siblings {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/branch_open.png);
}
QTreeView::branch:has-children:!has-siblings:closed:hover,
QTreeView::branch:closed:has-children:has-siblings:hover {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/branch_closed-on.png);
}
QTreeView::branch:open:has-children:!has-siblings:hover,
QTreeView::branch:open:has-children:has-siblings:hover {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/branch_open-on.png);
}
QListView::item:!selected:hover,
QTreeView::item:!selected:hover {
background: #18465d;
outline: 0;
color: #eff0f1;
}
QListView::item:selected:hover,
QTreeView::item:selected:hover {
background: #287399;
color: #eff0f1;
}
QTreeView::indicator:checked,
QListView::indicator:checked {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/checkbox_checked.png);
}
QTreeView::indicator:unchecked,
QListView::indicator:unchecked {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/checkbox_unchecked.png);
}
QTreeView::indicator:checked:hover,
QTreeView::indicator:checked:focus,
QTreeView::indicator:checked:pressed,
QListView::indicator:checked:hover,
QListView::indicator:checked:focus,
QListView::indicator:checked:pressed {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/checkbox_checked_focus.png);
}
QTreeView::indicator:unchecked:hover,
QTreeView::indicator:unchecked:focus,
QTreeView::indicator:unchecked:pressed,
QListView::indicator:unchecked:hover,
QListView::indicator:unchecked:focus,
QListView::indicator:unchecked:pressed {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/checkbox_unchecked_focus.png);
}
/*================================================================
QPushButton
================================================================*/
QPushButton {
color: #eff0f1;
background-color: #31363b;
border-width: 1px;
border-color: #76797C;
border-style: solid;
padding: 5px;
border-radius: 2px;
outline: none;
}
QPushButton:disabled {
background-color: #31363b;
border-width: 1px;
border-color: #454545;
border-style: solid;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
border-radius: 2px;
color: #454545;
}
QPushButton:hover,
QPushButton:focus {
background-color: #18465d;
color: #ffffff;
}
QPushButton:pressed {
background-color: #18465d;
padding-top: -15px;
padding-bottom: -17px;
}
QPushButton:checked {
background-color: #76797C;
border-color: #6A6969;
}
/*================================================================
QToolButton - e.g. Reset pushbutton in GUI scaling, toolbar buttons
================================================================*/
QToolButton {
text-align: center;
}
/*================================================================
QComboBox
================================================================*/
QComboBox {
selection-background-color: #db1c49;
border: 1px solid #76797C;
border-radius: 2px;
padding: 5px;
min-width: 75px;
}
QComboBox:hover,
QPushButton:hover,
QAbstractSpinBox:hover,
QLineEdit:hover,
QTextEdit:hover,
QPlainTextEdit:hover,
QAbstractView:hover,
QTreeView:hover {
border: 1px solid #3daee9;
color: #eff0f1;
}
QComboBox:on {
padding-top: 3px;
padding-left: 4px;
selection-background-color: #4a4a4a;
}
QComboBox QAbstractItemView {
background-color: #232629;
border-radius: 2px;
border: 1px solid #76797C;
selection-background-color: #18465d;
}
QComboBox::drop-down {
subcontrol-origin: padding;
subcontrol-position: top right;
width: 35px;
border-left-width: 0px;
border-left-color: darkgray;
border-left-style: solid;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
QComboBox::down-arrow {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/down_arrow_disabled.png);
}
QComboBox::down-arrow:on,
QComboBox::down-arrow:hover,
QComboBox::down-arrow:focus {
image: url(C:/Users/user/AppData/Roaming/TeXstudio/rc/down_arrow.png);
}
/*================================================================
QLineEdit - e.g. Search textbox in internal pdf viewer
================================================================*/
QLineEdit {
selection-background-color: #db1c49;
border: 1px solid #76797C;
}
/*================================================================
QHeaderView
================================================================*/
QHeaderView {
background-color: #31363b;
border: 1px transparent;
border-radius: 0px;
margin: 0px;
padding: 0px;
}
QHeaderView::section {
background-color: #31363b;
color: #eff0f1;
padding: 5px;
border: 1px solid #76797C;
border-radius: 0px;
text-align: center;
}
QHeaderView::section::vertical::first,
QHeaderView::section::vertical::only-one {
border-top: 1px solid #76797C;
}
QHeaderView::section::vertical {
border-top: transparent;
}
QHeaderView::section::horizontal::first,
QHeaderView::section::horizontal::only-one {
border-left: 1px solid #76797C;
}
QHeaderView::section::horizontal {
border-left: transparent;
}
QHeaderView::section:checked {
color: #ffffff;
background-color: #31363B;
}
/*================================================================
QTableWidget
================================================================*/
QTableWidget {
background-color: #373b3f; /*#232629;*/
gridline-color: yellow; /*#31363b;*/
}
QTableWidget::item {
outline-style: none;
color: #eff0f1;
background: #31363b;
border: none;
border-bottom: 1px solid #31363b;
}
/*================================================================
QTableView - e.g. configMenu()->Syntax highlighting table
================================================================*/
QTableView {
border: 1px solid #76797C;
gridline-color: #31363b;
background-color: #232629;
}
QTableView,
QHeaderView {
border-radius: 0px;
}
QTableView::item:hover {
background: #18465d;
}
QTableView::item:pressed,
QListView::item:pressed,
QTreeView::item:pressed {
background: #18465d;
color: #eff0f1;
}
QTableView::item:selected:active,
QTreeView::item:selected:active,
QListView::item:selected:active {
background: #287399;
color: #eff0f1;
}
QTableCornerButton::section {
background-color: #31363b;
border: 1px transparent #76797C;
border-radius: 0px;
}
/*================================================================
QDialog - e.g. config menu, About TXS window, Wizards
================================================================*/
QDialog {
background-color: #373b3f;
}
QDialog QCheckBox,
QDialog QLabel {
background-color: transparent;
}
QDialog QToolButton { /*Same as QPushButton*/
color: #eff0f1;
background-color: #31363b;
border-width: 1px;
border-color: #76797C;
border-style: solid;
padding: 5px;
border-radius: 2px;
outline: none;
}
QDialog QToolButton:hover,
QDialog QToolButton:focus { /*Same as QPushButton*/
background-color: #18465d;
color: #ffffff;
}
QDialog QToolButton:pressed { /*Same as QPushButton*/
background-color: #18465d;
padding-top: -15px;
padding-bottom: -17px;
}
/* <FIX> Specific to table in "configMenu->Syntax highlighting" (hopefully) */
QDialog QTableWidget::item,
QDialog QTableView::item:hover { /* Turn off hover colour for cells -- it's distracting */
background-color: #31363b;
}
/* </FIX> */
/*================================================================
QSlider - e.g. GUI scaling settings
================================================================*/
QSlider,
QSlider:active,
QSlider:!active {
border: none;
background-color: transparent;
}
QSlider::groove:horizontal {
height: 12px;
}
QSlider::groove:vertical {
width: 12px;
}
QSlider::handle:horizontal,
QSlider::handle:vertical {
background-color: #db1c49;
border: 1px solid #db1c49;
width: 10px;
height: 15px;
border-radius: 8px;
}
QSlider::handle:horizontal:hover,
QSlider::handle:vertical:hover,
QSlider::handle:horizontal:pressed,
QSlider::handle:vertical:pressed {
border: 1px solid #A21538;
background-color: #A21538;
}
/*================================================================
QToolTip - e.g. popup upon hovering on filename tabs
================================================================*/
QToolTip {
border: 1px solid #272a2d;
background-color: #373b3f;
color: white;
padding: 0px; /*remove padding, for fix combobox tooltip.*/
}