qsswraper/css/dark.css

/*
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.*/
}