1954 lines
38 KiB
Plaintext
1954 lines
38 KiB
Plaintext
/*
|
|
* BreezeDark stylesheet.
|
|
*
|
|
* :author: Colin Duquesnoy
|
|
* :editor: Alex Huszagh
|
|
* :license: MIT, see LICENSE.md
|
|
*
|
|
* This is originally a fork of QDarkStyleSheet, and is based on Breeze/
|
|
* BreezeDark color scheme, but is in no way affiliated with KDE.
|
|
*
|
|
* ---------------------------------------------------------------------
|
|
* The MIT License (MIT)
|
|
*
|
|
* Copyright (c) <2013-2014> <Colin Duquesnoy>
|
|
* Copyright (c) <2015-2016> <Alex Huszagh>
|
|
*
|
|
* Permission is hereby granted, free of charge, to any person obtaining
|
|
* a copy of this software and associated documentation files (the
|
|
* "Software"), to deal in the Software without restriction, including
|
|
* without limitation the rights to use, copy, modify, merge, publish,
|
|
* distribute, sublicense, and/or sell copies of the Software, and to
|
|
* permit persons to whom the Software is furnished to do so, subject to
|
|
* the following conditions:
|
|
*
|
|
* The above copyright notice and this permission notice shall be included in
|
|
* all copies or substantial portions of the Software.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
|
|
* OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
|
* MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
|
* IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
|
|
* CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
|
|
* TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
|
* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
* ---------------------------------------------------------------------
|
|
*/
|
|
|
|
QToolTip
|
|
{
|
|
/* 0.2ex is the smallest value that's not ignored on Windows. */
|
|
border: 0.04em solid #eff0f1;
|
|
background-color: #31363b;
|
|
alternate-background-color: #31363b;
|
|
color: #eff0f1;
|
|
padding: 0.1em;
|
|
opacity: 200;
|
|
}
|
|
|
|
QWidget
|
|
{
|
|
color: #eff0f1;
|
|
background-color: #31363b;
|
|
selection-background-color: #3daee9;
|
|
selection-color: #eff0f1;
|
|
background-clip: border;
|
|
border-image: none;
|
|
}
|
|
|
|
QWidget:disabled
|
|
{
|
|
color: #454545;
|
|
background-color: #31363b;
|
|
}
|
|
|
|
QWidget:disabled:hover
|
|
{
|
|
background-color: #31363b;
|
|
}
|
|
|
|
QCheckBox
|
|
{
|
|
spacing: 0.23em;
|
|
outline: none;
|
|
color: #eff0f1;
|
|
margin-bottom: 0.09em;
|
|
opacity: 200;
|
|
}
|
|
|
|
QCheckBox:disabled
|
|
{
|
|
color: #b0b0b0;
|
|
}
|
|
|
|
QGroupBox
|
|
{
|
|
/* Need to make sure the groupbox doesn't compress below the title. */
|
|
min-height: 1.2em;
|
|
border: 0.04em solid #76797c;
|
|
border-radius: 0.09em;
|
|
/**
|
|
* This gives us enough space at the top to ensure we can move the
|
|
* title to be inside the guidelines, and the padding at the top
|
|
* ensures we have space below the title.
|
|
*/
|
|
margin-top: 0.5em;
|
|
padding-top: 1em;
|
|
}
|
|
|
|
QGroupBox:focus
|
|
{
|
|
border: 0.04em solid #76797c;
|
|
border-radius: 0.09em;
|
|
}
|
|
|
|
QGroupBox::title
|
|
{
|
|
/* We need to move 0.6em up to be inside the lines, +1em for padding. */
|
|
top: -1.6em;
|
|
subcontrol-origin: content;
|
|
subcontrol-position: top center;
|
|
background: #31363b;
|
|
padding-left: 0.2em;
|
|
padding-right: 0.2em;
|
|
}
|
|
|
|
QCheckBox::indicator,
|
|
QTreeView::indicator
|
|
{
|
|
width: 1em;
|
|
height: 1em;
|
|
}
|
|
|
|
QCheckBox::indicator:unchecked,
|
|
QCheckBox::indicator:unchecked:focus,
|
|
QTreeView::indicator:unchecked,
|
|
QTreeView::indicator:unchecked:focus
|
|
{
|
|
border-image: url(:/dark/checkbox_unchecked_disabled.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:unchecked:hover,
|
|
QCheckBox::indicator:unchecked:pressed,
|
|
QTreeView::indicator:unchecked:hover,
|
|
QTreeView::indicator:unchecked:pressed,
|
|
QGroupBox::indicator:unchecked,
|
|
QGroupBox::indicator:unchecked:hover,
|
|
QGroupBox::indicator:unchecked:focus,
|
|
QGroupBox::indicator:unchecked:pressed
|
|
{
|
|
border: none;
|
|
border-image: url(:/dark/checkbox_unchecked.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:checked,
|
|
QTreeView::indicator:checked,
|
|
QGroupBox::indicator:checked
|
|
{
|
|
border-image: url(:/dark/checkbox_checked.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:checked:hover,
|
|
QCheckBox::indicator:checked:focus,
|
|
QCheckBox::indicator:checked:pressed,
|
|
QTreeView::indicator:checked:hover,
|
|
QTreeView::indicator:checked:focus,
|
|
QTreeView::indicator:checked:pressed,
|
|
QGroupBox::indicator:checked:hover,
|
|
QGroupBox::indicator:checked:focus,
|
|
QGroupBox::indicator:checked:pressed
|
|
{
|
|
border: none;
|
|
border-image: url(:/dark/checkbox_checked.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:indeterminate,
|
|
QTreeView::indicator:indeterminate
|
|
{
|
|
border-image: url(:/dark/checkbox_indeterminate.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:indeterminate:focus,
|
|
QCheckBox::indicator:indeterminate:hover,
|
|
QCheckBox::indicator:indeterminate:pressed,
|
|
QTreeView::indicator:indeterminate:focus,
|
|
QTreeView::indicator:indeterminate:hover,
|
|
QTreeView::indicator:indeterminate:pressed
|
|
{
|
|
border-image: url(:/dark/checkbox_indeterminate.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:indeterminate:disabled,
|
|
QTreeView::indicator:indeterminate:disabled
|
|
{
|
|
border-image: url(:/dark/checkbox_indeterminate_disabled.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:checked:disabled,
|
|
QTreeView::indicator:checked:disabled,
|
|
QGroupBox::indicator:checked:disabled
|
|
{
|
|
border-image: url(:/dark/checkbox_checked_disabled.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:unchecked:disabled,
|
|
QTreeView::indicator:unchecked:disabled,
|
|
QGroupBox::indicator:unchecked:disabled
|
|
{
|
|
border-image: url(:/dark/checkbox_unchecked_disabled.svg);
|
|
}
|
|
|
|
QRadioButton
|
|
{
|
|
spacing: 0.23em;
|
|
outline: none;
|
|
color: #eff0f1;
|
|
margin-bottom: 0.09em;
|
|
}
|
|
|
|
QRadioButton:disabled
|
|
{
|
|
color: #76797c;
|
|
}
|
|
|
|
QRadioButton::indicator
|
|
{
|
|
width: 1em;
|
|
height: 1em;
|
|
}
|
|
|
|
QRadioButton::indicator:unchecked,
|
|
QRadioButton::indicator:unchecked:focus
|
|
{
|
|
border-image: url(:/dark/radio_unchecked_disabled.svg);
|
|
}
|
|
|
|
QRadioButton::indicator:unchecked:hover,
|
|
QRadioButton::indicator:unchecked:pressed
|
|
{
|
|
border: none;
|
|
outline: none;
|
|
border-image: url(:/dark/radio_unchecked.svg);
|
|
}
|
|
|
|
QRadioButton::indicator:checked
|
|
{
|
|
border: none;
|
|
outline: none;
|
|
border-image: url(:/dark/radio_checked.svg);
|
|
}
|
|
|
|
QRadioButton::indicator:checked:hover,
|
|
QRadioButton::indicator:checked:focus,
|
|
QRadioButton::indicator:checked:pressed
|
|
{
|
|
border: none;
|
|
outline: none;
|
|
border-image: url(:/dark/radio_checked.svg);
|
|
}
|
|
|
|
QRadioButton::indicator:checked:disabled
|
|
{
|
|
outline: none;
|
|
border-image: url(:/dark/radio_checked_disabled.svg);
|
|
}
|
|
|
|
QRadioButton::indicator:unchecked:disabled
|
|
{
|
|
border-image: url(:/dark/radio_unchecked_disabled.svg);
|
|
}
|
|
|
|
QMenuBar
|
|
{
|
|
background-color: #31363b;
|
|
color: #eff0f1;
|
|
}
|
|
|
|
QMenuBar::item
|
|
{
|
|
background: transparent;
|
|
}
|
|
|
|
QMenuBar::item:selected
|
|
{
|
|
background: transparent;
|
|
}
|
|
|
|
QMenuBar::item:disabled
|
|
{
|
|
color: #76797c;
|
|
}
|
|
|
|
QMenuBar::item:pressed
|
|
{
|
|
background-color: #3daee9;
|
|
color: #eff0f1;
|
|
margin-bottom: -0.09em;
|
|
padding-bottom: 0.09em;
|
|
}
|
|
|
|
QMenu
|
|
{
|
|
color: #eff0f1;
|
|
margin: 0.09em;
|
|
}
|
|
|
|
QMenu::icon
|
|
{
|
|
margin: 0.23em;
|
|
}
|
|
|
|
QMenu::item
|
|
{
|
|
/* Add extra padding on the right for the QMenu arrow */
|
|
padding: 0.23em 1.5em 0.23em 1.3em;
|
|
border: 0.09em solid transparent;
|
|
background: transparent;
|
|
}
|
|
|
|
QMenu::item:selected
|
|
{
|
|
color: #eff0f1;
|
|
background-color: #3daee9;
|
|
}
|
|
|
|
QMenu::item:selected:disabled
|
|
{
|
|
background-color: #31363b;
|
|
}
|
|
|
|
QMenu::item:disabled
|
|
{
|
|
color: #76797c;
|
|
}
|
|
|
|
QMenu::indicator
|
|
{
|
|
width: 1em;
|
|
height: 1em;
|
|
}
|
|
|
|
QMenu::indicator:non-exclusive:unchecked
|
|
{
|
|
border-image: url(:/dark/checkbox_unchecked_disabled.svg);
|
|
}
|
|
|
|
QMenu::indicator:non-exclusive:unchecked:selected
|
|
{
|
|
border-image: url(:/dark/checkbox_unchecked_disabled.svg);
|
|
}
|
|
|
|
QMenu::indicator:non-exclusive:checked
|
|
{
|
|
border-image: url(:/dark/checkbox_checked.svg);
|
|
}
|
|
|
|
QMenu::indicator:non-exclusive:checked:selected
|
|
{
|
|
border-image: url(:/dark/checkbox_checked.svg);
|
|
}
|
|
|
|
QMenu::indicator:exclusive:unchecked
|
|
{
|
|
border-image: url(:/dark/radio_unchecked_disabled.svg);
|
|
}
|
|
|
|
QMenu::indicator:exclusive:unchecked:selected
|
|
{
|
|
border-image: url(:/dark/radio_unchecked_disabled.svg);
|
|
}
|
|
|
|
QMenu::indicator:exclusive:checked
|
|
{
|
|
border-image: url(:/dark/radio_checked.svg);
|
|
}
|
|
|
|
QMenu::indicator:exclusive:checked:selected
|
|
{
|
|
border-image: url(:/dark/radio_checked.svg);
|
|
}
|
|
|
|
QMenu::right-arrow
|
|
{
|
|
margin: 0.23em;
|
|
border-image: url(:/dark/right_arrow.svg);
|
|
width: 0.5em;
|
|
height: 0.8em;
|
|
}
|
|
|
|
QMenu::right-arrow:disabled
|
|
{
|
|
border-image: url(:/dark/right_arrow_disabled.svg);
|
|
}
|
|
|
|
QAbstractItemView
|
|
{
|
|
alternate-background-color: #31363b;
|
|
color: #eff0f1;
|
|
border: 0.09em solid #31363b;
|
|
border-radius: 0.09em;
|
|
}
|
|
|
|
QMenuBar::item:focus:!disabled
|
|
{
|
|
border: 0.04em solid #3daee9;
|
|
}
|
|
|
|
QTabWidget:focus,
|
|
QCheckBox:focus,
|
|
QRadioButton:focus,
|
|
QSlider:focus
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
QLineEdit
|
|
{
|
|
background-color: #1d2023;
|
|
padding: 0.23em;
|
|
border-style: solid;
|
|
border: 0.04em solid #76797c;
|
|
border-radius: 0.09em;
|
|
color: #eff0f1;
|
|
}
|
|
|
|
QAbstractScrollArea
|
|
{
|
|
border-radius: 0.09em;
|
|
border: 0.09em solid #76797c;
|
|
background-color: transparent;
|
|
}
|
|
|
|
/**
|
|
* This is the background for the box in the bottom-right corner
|
|
* whene both scrollbars are active.
|
|
*/
|
|
QAbstractScrollArea::corner
|
|
{
|
|
background: #31363b;
|
|
}
|
|
|
|
/**
|
|
* Can't do the KDE style of where the scrollbar handle
|
|
* becomes light on the hover, and only when the handle
|
|
* is hovered does it become stylized. This is because
|
|
* both the handle and the background events are treated
|
|
* together.
|
|
*/
|
|
QScrollBar:horizontal
|
|
{
|
|
background-color: #1d2023;
|
|
height: 0.65em;
|
|
margin: 0.13em 0.65em 0.13em 0.65em;
|
|
border: 0.04em transparent #1d2023;
|
|
border-radius: 0.17em;
|
|
}
|
|
|
|
QScrollBar:horizontal:hover
|
|
{
|
|
background-color: #76797c;
|
|
}
|
|
|
|
QScrollBar::handle:horizontal
|
|
{
|
|
background-color: #3daee9;
|
|
border: 0.04em solid #3daee9;
|
|
min-width: 0.5em;
|
|
border-radius: 0.17em;
|
|
}
|
|
|
|
QScrollBar::handle:horizontal:hover
|
|
{
|
|
background-color: #3daee9;
|
|
border: 0.04em solid #3daee9;
|
|
}
|
|
|
|
QScrollBar::add-line:horizontal
|
|
{
|
|
margin: 0em 0.13em 0em 0.13em;
|
|
border-image: url(:/dark/transparent.svg);
|
|
width: 0.41em;
|
|
height: 0.41em;
|
|
subcontrol-position: right;
|
|
subcontrol-origin: margin;
|
|
}
|
|
|
|
QScrollBar::sub-line:horizontal
|
|
{
|
|
margin: 0em 0.13em 0em 0.13em;
|
|
border-image: url(:/dark/transparent.svg);
|
|
width: 0.41em;
|
|
height: 0.41em;
|
|
subcontrol-position: left;
|
|
subcontrol-origin: margin;
|
|
}
|
|
|
|
QScrollBar::add-line:horizontal:hover,
|
|
QScrollBar::add-line:horizontal:on
|
|
{
|
|
border-image: url(:/dark/transparent.svg);
|
|
width: 0.41em;
|
|
height: 0.41em;
|
|
subcontrol-position: right;
|
|
subcontrol-origin: margin;
|
|
}
|
|
|
|
QScrollBar::sub-line:horizontal:hover,
|
|
QScrollBar::sub-line:horizontal:on
|
|
{
|
|
border-image: url(:/dark/transparent.svg);
|
|
width: 0.41em;
|
|
height: 0.41em;
|
|
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: #1d2023;
|
|
width: 0.65em;
|
|
margin: 0.65em 0.13em 0.65em 0.13em;
|
|
border: 0.04em transparent #1d2023;
|
|
border-radius: 0.17em;
|
|
}
|
|
|
|
QScrollBar:vertical:hover
|
|
{
|
|
background-color: #76797c;
|
|
}
|
|
|
|
QScrollBar::handle:vertical
|
|
{
|
|
background-color: #3daee9;
|
|
border: 0.04em solid #3daee9;
|
|
min-height: 0.5em;
|
|
border-radius: 0.17em;
|
|
}
|
|
|
|
QScrollBar::handle:vertical:hover
|
|
{
|
|
background-color: #3daee9;
|
|
border: 0.04em solid #3daee9;
|
|
}
|
|
|
|
QScrollBar::sub-line:vertical
|
|
{
|
|
margin: 0.13em 0em 0.13em 0em;
|
|
border-image: url(:/dark/transparent.svg);
|
|
height: 0.41em;
|
|
width: 0.41em;
|
|
subcontrol-position: top;
|
|
subcontrol-origin: margin;
|
|
}
|
|
|
|
QScrollBar::add-line:vertical
|
|
{
|
|
margin: 0.13em 0em 0.13em 0em;
|
|
border-image: url(:/dark/transparent.svg);
|
|
height: 0.41em;
|
|
width: 0.41em;
|
|
subcontrol-position: bottom;
|
|
subcontrol-origin: margin;
|
|
}
|
|
|
|
QScrollBar::sub-line:vertical:hover,
|
|
QScrollBar::sub-line:vertical:on
|
|
{
|
|
border-image: url(:/dark/transparent.svg);
|
|
height: 0.41em;
|
|
width: 0.41em;
|
|
subcontrol-position: top;
|
|
subcontrol-origin: margin;
|
|
}
|
|
|
|
QScrollBar::add-line:vertical:hover,
|
|
QScrollBar::add-line:vertical:on
|
|
{
|
|
border-image: url(:/dark/transparent.svg);
|
|
height: 0.41em;
|
|
width: 0.41em;
|
|
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;
|
|
}
|
|
|
|
QTextEdit
|
|
{
|
|
background-color: #1d2023;
|
|
color: #eff0f1;
|
|
border: 0.04em solid #76797c;
|
|
}
|
|
|
|
QPlainTextEdit
|
|
{
|
|
background-color: #1d2023;
|
|
color: #eff0f1;
|
|
border-radius: 0.09em;
|
|
border: 0.04em solid #76797c;
|
|
}
|
|
|
|
QSizeGrip
|
|
{
|
|
border-image: url(:/dark/sizegrip.svg);
|
|
width: 0.5em;
|
|
height: 0.5em;
|
|
}
|
|
|
|
QMainWindow::separator
|
|
{
|
|
border: 0.15em solid #76797c;
|
|
margin-left: 0.5em;
|
|
}
|
|
|
|
QMainWindow::separator:hover
|
|
{
|
|
border: 0.15em solid #8a8d8f;
|
|
margin-left: 0.5em;
|
|
}
|
|
|
|
QMenu::separator
|
|
{
|
|
height: 0.09em;
|
|
background-color: #76797c;
|
|
padding-left: 0.2em;
|
|
margin-top: 0.2em;
|
|
margin-bottom: 0.2em;
|
|
margin-left: 0.41em;
|
|
margin-right: 0.41em;
|
|
}
|
|
|
|
QFrame[frameShape="2"], /* QFrame::Panel == 0x0003 */
|
|
QFrame[frameShape="3"], /* QFrame::WinPanel == 0x0003 */
|
|
QFrame[frameShape="4"], /* QFrame::HLine == 0x0004 */
|
|
QFrame[frameShape="5"], /* QFrame::VLine == 0x0005 */
|
|
QFrame[frameShape="6"] /* QFrame::StyledPanel == 0x0006 */
|
|
{
|
|
border-width: 0.04em;
|
|
padding: 0.09em;
|
|
border-style: solid;
|
|
border-color: #31363b;
|
|
background-color: #76797c;
|
|
border-radius: 0.23em;
|
|
}
|
|
|
|
/* Provide highlighting for frame objects. */
|
|
QFrame[frameShape="2"]:hover,
|
|
QFrame[frameShape="3"]:hover,
|
|
QFrame[frameShape="4"]:hover,
|
|
QFrame[frameShape="5"]:hover,
|
|
QFrame[frameShape="6"]:hover
|
|
{
|
|
border: 0.04em solid #3daee9;
|
|
}
|
|
|
|
/* Don't provide an outline if we have a widget that takes up the space. */
|
|
QFrame[frameShape] QAbstractItemView:hover
|
|
{
|
|
border: 0em solid black;
|
|
}
|
|
|
|
/**
|
|
* Note: I can't really change the background of the toolbars
|
|
* independently, since KDE Breeze has different colors for the
|
|
* window bar and the rest of the UI. The top toolbar uses
|
|
* the window style, and the rest use the application style,
|
|
* which we can't do.
|
|
*/
|
|
QToolBar
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
QToolBar:horizontal
|
|
{
|
|
background: 0.09em solid #31363b;
|
|
}
|
|
|
|
QToolBar:vertical
|
|
{
|
|
background: 0.09em solid #31363b;
|
|
}
|
|
|
|
QToolBar::handle:horizontal
|
|
{
|
|
border-image: url(:/dark/hmovetoolbar.svg);
|
|
}
|
|
|
|
QToolBar::handle:vertical
|
|
{
|
|
border-image: url(:/dark/vmovetoolbar.svg);
|
|
}
|
|
|
|
QToolBar::separator:horizontal
|
|
{
|
|
border-image: url(:/dark/hseptoolbar.svg);
|
|
}
|
|
|
|
QToolBar::separator:vertical
|
|
{
|
|
border-image: url(:/dark/vseptoolbar.svg);
|
|
}
|
|
|
|
QToolBar QToolButton
|
|
{
|
|
font-weight: bold;
|
|
min-height: 1em;
|
|
min-width: 2em;
|
|
border: 0.04em transparent black;
|
|
padding-left: 0.2em;
|
|
padding-right: 0.3em;
|
|
}
|
|
|
|
QToolBar QToolButton:hover
|
|
{
|
|
border: 0.04em solid #3daee9;
|
|
}
|
|
|
|
QToolBar QToolButton:pressed
|
|
{
|
|
border: 0.04em solid #3daee9;
|
|
/* The padding doesn't inherit from `QToolBar QToolButton`, so leave it in. */
|
|
padding-left: 0.2em;
|
|
padding-right: 0.3em;
|
|
}
|
|
|
|
QPushButton
|
|
{
|
|
color: #eff0f1;
|
|
background-color: #31363b;
|
|
border: 0.04em solid #76797c;
|
|
padding: 0.23em;
|
|
border-radius: 0.09em;
|
|
outline: none;
|
|
min-height: 1.1em;
|
|
}
|
|
|
|
QComboBox:open,
|
|
QPushButton:open
|
|
{
|
|
border-width: 0.04em;
|
|
border-color: #76797c;
|
|
}
|
|
|
|
QComboBox:closed,
|
|
QPushButton:closed
|
|
{
|
|
border-width: 0.04em;
|
|
border-color: #76797c;
|
|
}
|
|
|
|
QPushButton:disabled
|
|
{
|
|
background-color: #31363b;
|
|
border-width: 0.04em;
|
|
border-color: #76797c;
|
|
border-style: solid;
|
|
padding-top: 0.23em;
|
|
padding-bottom: 0.23em;
|
|
padding-left: 1ex;
|
|
padding-right: 1ex;
|
|
border-radius: 0.04em;
|
|
color: #454545;
|
|
}
|
|
|
|
QPushButton:focus
|
|
{
|
|
color: #eff0f1;
|
|
}
|
|
|
|
QPushButton:pressed
|
|
{
|
|
background-color: #454a4f;
|
|
padding-top: -0.65em;
|
|
padding-bottom: -0.74em;
|
|
color: #eff0f1;
|
|
}
|
|
|
|
QComboBox
|
|
{
|
|
border: 0.04em solid #76797c;
|
|
border-radius: 0.09em;
|
|
padding: 0.23em;
|
|
min-width: 2.5em;
|
|
}
|
|
|
|
QComboBox:editable
|
|
{
|
|
background-color: #1d2023;
|
|
}
|
|
|
|
QPushButton:checked
|
|
{
|
|
background-color: #626568;
|
|
border: 0.04em solid #76797c;
|
|
color: #eff0f1;
|
|
}
|
|
|
|
QPushButton:hover
|
|
{
|
|
background-color: #31363b;
|
|
border: 0.04em solid #3daee9;
|
|
color: #eff0f1;
|
|
}
|
|
|
|
QPushButton:checked:hover
|
|
{
|
|
background-color: #626568;
|
|
border: 0.04em solid #3daee9;
|
|
color: #eff0f1;
|
|
}
|
|
|
|
QComboBox:hover,
|
|
QComboBox:focus,
|
|
QAbstractSpinBox:hover,
|
|
QAbstractSpinBox:focus,
|
|
QLineEdit:hover,
|
|
QLineEdit:focus,
|
|
QTextEdit:hover,
|
|
QTextEdit:focus,
|
|
QPlainTextEdit:hover,
|
|
QPlainTextEdit:focus,
|
|
QAbstractView:hover,
|
|
QTreeView:hover,
|
|
QTreeView:focus
|
|
{
|
|
border: 0.04em solid #3daee9;
|
|
color: #eff0f1;
|
|
}
|
|
|
|
QComboBox:hover:pressed:!editable,
|
|
QPushButton:hover:pressed,
|
|
QAbstractSpinBox:hover:pressed,
|
|
QLineEdit:hover:pressed,
|
|
QTextEdit:hover:pressed,
|
|
QPlainTextEdit:hover:pressed,
|
|
QAbstractView:hover:pressed,
|
|
QTreeView:hover:pressed
|
|
{
|
|
background-color: #31363b;
|
|
}
|
|
|
|
QComboBox:hover:pressed:editable
|
|
{
|
|
background-color: #1d2023;
|
|
}
|
|
|
|
QComboBox QAbstractItemView
|
|
{
|
|
/* This happens for the drop-down menu always, whether editable or not.*/
|
|
background-color: #1d2023;
|
|
selection-background-color: #2a79a3;
|
|
outline-color: 0em;
|
|
border-radius: 0.09em;
|
|
}
|
|
|
|
QComboBox::drop-down
|
|
{
|
|
subcontrol-origin: padding;
|
|
subcontrol-position: top right;
|
|
width: 0.65em;
|
|
|
|
border-left-width: 0em;
|
|
border-left-style: solid;
|
|
border-top-right-radius: 0.13em;
|
|
border-bottom-right-radius: 0.13em;
|
|
}
|
|
|
|
QComboBox::down-arrow
|
|
{
|
|
border-image: url(:/dark/down_arrow_disabled.svg);
|
|
width: 0.8em;
|
|
height: 0.5em;
|
|
margin-right: 0.41em;
|
|
}
|
|
|
|
QComboBox::down-arrow:on,
|
|
QComboBox::down-arrow:hover,
|
|
QComboBox::down-arrow:focus
|
|
{
|
|
border-image: url(:/dark/down_arrow.svg);
|
|
width: 0.8em;
|
|
height: 0.5em;
|
|
margin-right: 0.41em;
|
|
}
|
|
|
|
QAbstractSpinBox
|
|
{
|
|
padding: 0.23em;
|
|
border: 0.09em solid #76797c;
|
|
background-color: #1d2023;
|
|
color: #eff0f1;
|
|
border-radius: 0.09em;
|
|
min-width: 3em;
|
|
min-height: 1em;
|
|
}
|
|
|
|
QAbstractSpinBox:hover
|
|
{
|
|
border: 0.09em solid #3daee9;
|
|
}
|
|
|
|
QAbstractSpinBox:up-button,
|
|
QAbstractSpinBox:up-button:hover
|
|
{
|
|
background-color: transparent;
|
|
subcontrol-origin: padding;
|
|
subcontrol-position: center right;
|
|
padding-right: 0.1em;
|
|
width: 0.8em;
|
|
height: 0.5em;
|
|
}
|
|
|
|
QAbstractSpinBox:down-button,
|
|
QAbstractSpinBox:down-button:hover
|
|
{
|
|
background-color: transparent;
|
|
subcontrol-origin: padding;
|
|
subcontrol-position: center left;
|
|
padding-left: 0.1em;
|
|
width: 0.8em;
|
|
height: 0.5em;
|
|
}
|
|
|
|
QAbstractSpinBox::up-arrow
|
|
{
|
|
border-image: url(:/dark/up_arrow.svg);
|
|
}
|
|
|
|
QAbstractSpinBox::up-arrow:disabled,
|
|
QAbstractSpinBox::up-arrow:off
|
|
{
|
|
border-image: url(:/dark/up_arrow_disabled.svg);
|
|
}
|
|
|
|
QAbstractSpinBox::up-arrow:hover
|
|
{
|
|
border-image: url(:/dark/up_arrow_hover.svg);
|
|
}
|
|
|
|
QAbstractSpinBox::down-arrow
|
|
{
|
|
border-image: url(:/dark/down_arrow.svg);
|
|
}
|
|
|
|
QAbstractSpinBox::down-arrow:disabled,
|
|
QAbstractSpinBox::down-arrow:off
|
|
{
|
|
border-image: url(:/dark/down_arrow_disabled.svg);
|
|
}
|
|
|
|
QAbstractSpinBox::down-arrow:!off:!disabled:hover
|
|
{
|
|
border-image: url(:/dark/down_arrow_hover.svg);
|
|
}
|
|
|
|
QDoubleSpinBox
|
|
{
|
|
min-width: 4em;
|
|
}
|
|
|
|
/**
|
|
* `QCalendarWidget QAbstractItemView:enabled` sets the color, background
|
|
* color, and selection color for active dates in the view.
|
|
* `QCalendarWidget QAbstractItemView:enabled` sets the disabled dates.
|
|
*/
|
|
QCalendarWidget QAbstractItemView:enabled
|
|
{
|
|
color: #eff0f1;
|
|
selection-color: #eff0f1;
|
|
selection-background-color: #3daee9;
|
|
}
|
|
|
|
/* Won't take hover events. */
|
|
QCalendarWidget QToolButton#qt_calendar_nextmonth
|
|
{
|
|
border-image: url(:/dark/calendar_next.svg);
|
|
width: 0.5em;
|
|
height: 0.8em;
|
|
icon-size: 0px;
|
|
}
|
|
|
|
QCalendarWidget QToolButton#qt_calendar_prevmonth
|
|
{
|
|
border-image: url(:/dark/calendar_previous.svg);
|
|
width: 0.5em;
|
|
height: 0.8em;
|
|
icon-size: 0px;
|
|
}
|
|
|
|
QCalendarWidget QSpinBox
|
|
{
|
|
max-height: 1.5em;
|
|
min-width: 3.5em;
|
|
margin: 0em;
|
|
margin-top: 0.2em;
|
|
padding: 0em;
|
|
outline: 0em;
|
|
padding-left: 0.5em;
|
|
}
|
|
|
|
QLabel
|
|
{
|
|
border: 0em solid black;
|
|
}
|
|
|
|
/* BORDERS */
|
|
QTabWidget::pane
|
|
{
|
|
padding: 0.23em;
|
|
margin: 0.04em;
|
|
}
|
|
|
|
QTabWidget::pane:top
|
|
{
|
|
border: 0.04em solid #76797c;
|
|
top: -0.04em;
|
|
}
|
|
|
|
QTabWidget::pane:bottom
|
|
{
|
|
border: 0.04em solid #76797c;
|
|
bottom: -0.04em;
|
|
}
|
|
|
|
QTabWidget::pane:left
|
|
{
|
|
border: 0.04em solid #76797c;
|
|
left: -0.04em;
|
|
}
|
|
|
|
QTabWidget::pane:right
|
|
{
|
|
border: 0.04em solid #76797c;
|
|
right: -0.04em;
|
|
}
|
|
|
|
QTabBar
|
|
{
|
|
qproperty-drawBase: 0em;
|
|
left: 0.23em;
|
|
border-radius: 0.13em;
|
|
/**
|
|
* Note: this is the underline for each tab title. It's not
|
|
* documented, and this took forever to track down. At least
|
|
* 10 hours have been wasted trying to turn off this line,
|
|
* do not deleted this comment.
|
|
*/
|
|
selection-color: transparent;
|
|
}
|
|
|
|
QTabBar:focus
|
|
{
|
|
border: 0em transparent black;
|
|
}
|
|
|
|
QTabBar::close-button
|
|
{
|
|
/* Doesn't seem possible to resize these buttons */
|
|
border-image: url(:/dark/close.svg);
|
|
background: transparent;
|
|
}
|
|
|
|
QTabBar::close-button:hover,
|
|
QTabBar::close-button:pressed
|
|
{
|
|
border-image: url(:/dark/close_hover.svg);
|
|
}
|
|
|
|
QTabBar::close-button:hover
|
|
{
|
|
border-image: url(:/dark/close_hover.svg);
|
|
}
|
|
|
|
QTabBar::close-button:pressed
|
|
{
|
|
border-image: url(:/dark/close_pressed.svg);
|
|
}
|
|
|
|
/* TOP TABS */
|
|
QTabBar::tab:top,
|
|
QTabBar::tab:top:last,
|
|
QTabBar::tab:top:only-one
|
|
{
|
|
color: #eff0f1;
|
|
border: 0.04em transparent black;
|
|
border-left: 0.04em solid #76797c;
|
|
border-right: 0.04em solid #76797c;
|
|
border-top: 0.09em solid #3daee9;
|
|
background-color: #31363b;
|
|
padding: 0.23em;
|
|
min-width: 50px;
|
|
border-radius: 0.09em;
|
|
border-bottom-left-radius: 0em;
|
|
border-bottom-right-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:top:!selected
|
|
{
|
|
color: #eff0f1;
|
|
background-color: #2c3034;
|
|
border: 0.04em transparent black;
|
|
border-right: 0.04em solid #76797c;
|
|
border-bottom: 0.04em solid #76797c;
|
|
border-radius: 0.09em;
|
|
border-bottom-left-radius: 0em;
|
|
border-bottom-right-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:top:previous-selected
|
|
{
|
|
border-left: 0.04em solid #2c3034;
|
|
border-bottom-left-radius: 0em;
|
|
border-bottom-right-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:top:!selected:hover
|
|
{
|
|
background-color: rgba(61, 173, 232, 0.1);
|
|
border: 0.04em rgba(61, 173, 232, 0.1);
|
|
border-radius: 0.09em;
|
|
border-bottom-left-radius: 0em;
|
|
border-bottom-right-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:top:!selected:first:hover
|
|
{
|
|
background-color: rgba(61, 173, 232, 0.1);
|
|
border: 0.04em rgba(61, 173, 232, 0.1);
|
|
border-radius: 0.09em;
|
|
border-bottom-left-radius: 0em;
|
|
border-bottom-right-radius: 0em;
|
|
}
|
|
|
|
/* BOTTOM TABS */
|
|
QTabBar::tab:bottom,
|
|
QTabBar::tab:bottom:last,
|
|
QTabBar::tab:bottom:only-one
|
|
{
|
|
color: #eff0f1;
|
|
border: 0.04em transparent black;
|
|
border-left: 0.04em solid #76797c;
|
|
border-right: 0.04em solid #76797c;
|
|
border-bottom: 0.09em solid #3daee9;
|
|
background-color: #31363b;
|
|
padding: 0.23em;
|
|
min-width: 50px;
|
|
border-radius: 0.09em;
|
|
border-top-left-radius: 0em;
|
|
border-top-right-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:bottom:!selected
|
|
{
|
|
color: #eff0f1;
|
|
background-color: #2c3034;
|
|
border: 0.04em transparent black;
|
|
border-top: 0.04em solid #76797c;
|
|
border-right: 0.04em solid #76797c;
|
|
border-radius: 0.09em;
|
|
border-top-left-radius: 0em;
|
|
border-top-right-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:bottom:next-selected
|
|
{
|
|
border-right: 0.04em solid #2c3034;
|
|
border-top-left-radius: 0em;
|
|
border-top-right-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:bottom:!selected:hover
|
|
{
|
|
background-color: rgba(61, 173, 232, 0.1);
|
|
border: 0.04em rgba(61, 173, 232, 0.1);
|
|
border-radius: 0.09em;
|
|
border-top-left-radius: 0em;
|
|
border-top-right-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:bottom:!selected:first:hover
|
|
{
|
|
background-color: rgba(61, 173, 232, 0.1);
|
|
border: 0.04em rgba(61, 173, 232, 0.1);
|
|
border-radius: 0.09em;
|
|
border-top-left-radius: 0em;
|
|
border-top-right-radius: 0em;
|
|
}
|
|
|
|
/* LEFT TABS */
|
|
QTabBar::tab:left,
|
|
QTabBar::tab:left:last,
|
|
QTabBar::tab:left:only-one
|
|
{
|
|
color: #eff0f1;
|
|
border: 0.04em transparent black;
|
|
border-top: 0.09em solid #3daee9;
|
|
border-bottom: 0.04em solid #76797c;
|
|
border-left: 0.04em solid #76797c;
|
|
background-color: #31363b;
|
|
padding: 0.23em;
|
|
min-height: 50px;
|
|
border-radius: 0.09em;
|
|
border-top-right-radius: 0em;
|
|
border-bottom-right-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:left:!selected
|
|
{
|
|
color: #eff0f1;
|
|
background-color: #2c3034;
|
|
border: 0.04em transparent black;
|
|
border-top: 0.04em solid #76797c;
|
|
border-right: 0.04em solid #76797c;
|
|
border-radius: 0.09em;
|
|
border-top-right-radius: 0em;
|
|
border-bottom-right-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:left:previous-selected
|
|
{
|
|
border-top: 0.04em solid #2c3034;
|
|
border-top-right-radius: 0em;
|
|
border-bottom-right-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:left:!selected:hover
|
|
{
|
|
background-color: rgba(61, 173, 232, 0.1);
|
|
border: 0.04em rgba(61, 173, 232, 0.1);
|
|
border-radius: 0.09em;
|
|
border-top-right-radius: 0em;
|
|
border-bottom-right-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:left:!selected:first:hover
|
|
{
|
|
background-color: rgba(61, 173, 232, 0.1);
|
|
border: 0.04em rgba(61, 173, 232, 0.1);
|
|
border-radius: 0.09em;
|
|
border-top-right-radius: 0em;
|
|
border-bottom-right-radius: 0em;
|
|
}
|
|
|
|
/* RIGHT TABS */
|
|
QTabBar::tab:right,
|
|
QTabBar::tab:right:last,
|
|
QTabBar::tab:right:only-one
|
|
{
|
|
color: #eff0f1;
|
|
border: 0.04em transparent black;
|
|
border-top: 0.09em solid #3daee9;
|
|
border-bottom: 0.04em solid #76797c;
|
|
border-right: 0.04em solid #76797c;
|
|
background-color: #31363b;
|
|
padding: 0.23em;
|
|
min-height: 50px;
|
|
border-radius: 0.09em;
|
|
border-top-left-radius: 0em;
|
|
border-bottom-left-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:right:!selected
|
|
{
|
|
color: #eff0f1;
|
|
background-color: #2c3034;
|
|
border: 0.04em transparent black;
|
|
border-top: 0.04em solid #76797c;
|
|
border-left: 0.04em solid #76797c;
|
|
border-radius: 0.09em;
|
|
border-top-left-radius: 0em;
|
|
border-bottom-left-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:right:previous-selected
|
|
{
|
|
border-top: 0.04em solid #2c3034;
|
|
border-top-left-radius: 0em;
|
|
border-bottom-left-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:right:!selected:hover
|
|
{
|
|
background-color: rgba(61, 173, 232, 0.1);
|
|
border: 0.04em rgba(61, 173, 232, 0.1);
|
|
border-radius: 0.09em;
|
|
border-top-left-radius: 0em;
|
|
border-bottom-left-radius: 0em;
|
|
}
|
|
|
|
QTabBar::tab:right:!selected:first:hover
|
|
{
|
|
background-color: rgba(61, 173, 232, 0.1);
|
|
border: 0.04em rgba(61, 173, 232, 0.1);
|
|
border-radius: 0.09em;
|
|
border-top-left-radius: 0em;
|
|
border-bottom-left-radius: 0em;
|
|
}
|
|
|
|
QTabBar QToolButton::right-arrow:enabled
|
|
{
|
|
border-image: url(:/dark/right_arrow.svg);
|
|
width: 0.5em;
|
|
height: 0.8em;
|
|
}
|
|
|
|
QTabBar QToolButton::left-arrow:enabled
|
|
{
|
|
border-image: url(:/dark/left_arrow.svg);
|
|
width: 0.5em;
|
|
height: 0.8em;
|
|
}
|
|
|
|
QTabBar QToolButton::right-arrow:disabled
|
|
{
|
|
border-image: url(:/dark/right_arrow_disabled.svg);
|
|
width: 0.5em;
|
|
height: 0.8em;
|
|
}
|
|
|
|
QTabBar QToolButton::left-arrow:disabled
|
|
{
|
|
border-image: url(:/dark/left_arrow_disabled.svg);
|
|
width: 0.5em;
|
|
height: 0.8em;
|
|
}
|
|
|
|
QDockWidget
|
|
{
|
|
background: #31363b;
|
|
border: 0.09em solid #2c3034;
|
|
titlebar-close-icon: url(:/dark/transparent.svg);
|
|
titlebar-normal-icon: url(:/dark/transparent.svg);
|
|
}
|
|
|
|
QDockWidget::title
|
|
{
|
|
background: #31363b;
|
|
padding-left: 0.5em;
|
|
}
|
|
|
|
QDockWidget::close-button,
|
|
QDockWidget::float-button
|
|
{
|
|
border: 0.04em solid transparent;
|
|
border-radius: 0.09em;
|
|
background: transparent;
|
|
/* Maximum icon size for buttons */
|
|
icon-size: 14px;
|
|
}
|
|
|
|
QDockWidget::float-button
|
|
{
|
|
border-image: url(:/dark/undock.svg);
|
|
}
|
|
|
|
QDockWidget::float-button:hover
|
|
{
|
|
border-image: url(:/dark/undock_hover.svg);
|
|
}
|
|
|
|
QDockWidget::close-button
|
|
{
|
|
border-image: url(:/dark/close.svg);
|
|
}
|
|
|
|
QDockWidget::close-button:hover
|
|
{
|
|
border-image: url(:/dark/close_hover.svg);
|
|
}
|
|
|
|
QDockWidget::close-button:pressed
|
|
{
|
|
border-image: url(:/dark/close_pressed.svg);
|
|
}
|
|
|
|
QTreeView,
|
|
QListView
|
|
{
|
|
background-color: #1d2023;
|
|
border: 0em solid black;
|
|
}
|
|
|
|
QTreeView:selected,
|
|
QTreeView:!selected,
|
|
QListView:selected,
|
|
QListView:!selected
|
|
{
|
|
border: 0em solid black;
|
|
}
|
|
|
|
QTreeView::branch:has-siblings
|
|
{
|
|
border-image: url(:/dark/vline.svg);
|
|
image: none;
|
|
}
|
|
|
|
/* These branch indicators don't scale */
|
|
TreeView::branch:!has-siblings
|
|
{
|
|
border-image: none;
|
|
image: none;
|
|
}
|
|
|
|
QTreeView::branch:has-siblings:adjoins-item
|
|
{
|
|
border-image: url(:/dark/branch_more.svg);
|
|
}
|
|
|
|
QTreeView::branch:!has-children:!has-siblings:adjoins-item
|
|
{
|
|
border-image: url(:/dark/branch_end.svg);
|
|
}
|
|
|
|
QTreeView::branch:has-children:!has-siblings:closed,
|
|
QTreeView::branch:closed:has-children:has-siblings
|
|
{
|
|
image: url(:/dark/branch_closed.svg);
|
|
}
|
|
|
|
QTreeView::branch:has-children:!has-siblings:closed:hover,
|
|
QTreeView::branch:closed:has-children:has-siblings:hover
|
|
{
|
|
image: url(:/dark/branch_closed_hover.svg);
|
|
}
|
|
|
|
QTreeView::branch:has-children:!has-siblings:closed,
|
|
QTreeView::branch:open:has-children:!has-siblings
|
|
{
|
|
border-image: url(:/dark/branch_end_arrow.svg);
|
|
}
|
|
|
|
QTreeView::branch:closed:has-children:has-siblings,
|
|
QTreeView::branch:open:has-children:has-siblings
|
|
{
|
|
border-image: url(:/dark/branch_more_arrow.svg);
|
|
}
|
|
|
|
QTreeView::branch:open:has-children:!has-siblings,
|
|
QTreeView::branch:open:has-children:has-siblings
|
|
{
|
|
image: url(:/dark/branch_open.svg);
|
|
}
|
|
|
|
QTreeView::branch:open:has-children:!has-siblings:hover,
|
|
QTreeView::branch:open:has-children:has-siblings:hover
|
|
{
|
|
image: url(:/dark/branch_open_hover.svg);
|
|
}
|
|
|
|
QListView
|
|
{
|
|
/* Give space for elements aligned left or right. */
|
|
padding: 0.2em;
|
|
}
|
|
|
|
QTableView::item,
|
|
QListView::item,
|
|
QTreeView::item
|
|
{
|
|
padding: 0.13em;
|
|
color: #eff0f1;
|
|
}
|
|
|
|
QTableView::item:!selected:hover,
|
|
QListView::item:!selected:hover,
|
|
QTreeView::item:!selected:hover
|
|
{
|
|
background-color: rgba(61, 173, 232, 0.1);
|
|
outline: 0;
|
|
color: #eff0f1;
|
|
padding: 0.13em;
|
|
}
|
|
|
|
QSlider::handle:horizontal,
|
|
QSlider::handle:vertical
|
|
{
|
|
background: #1d2023;
|
|
border: 0.04em solid #626568;
|
|
width: 0.7em;
|
|
height: 0.7em;
|
|
border-radius: 0.35em;
|
|
}
|
|
|
|
QSlider:horizontal
|
|
{
|
|
height: 2em;
|
|
}
|
|
|
|
QSlider:vertical
|
|
{
|
|
width: 2em;
|
|
}
|
|
|
|
QSlider::handle:horizontal
|
|
{
|
|
margin: -0.23em 0;
|
|
}
|
|
|
|
QSlider::handle:vertical
|
|
{
|
|
margin: 0 -0.23em;
|
|
}
|
|
|
|
QSlider::groove:horizontal,
|
|
QSlider::groove:vertical
|
|
{
|
|
background: #2c3034;
|
|
border: 0em solid #31363b;
|
|
border-radius: 0.19em;
|
|
}
|
|
|
|
QSlider::groove:horizontal
|
|
{
|
|
height: 0.4em;
|
|
}
|
|
|
|
QSlider::groove:vertical
|
|
{
|
|
width: 0.4em;
|
|
}
|
|
|
|
QSlider::handle:horizontal:hover,
|
|
QSlider::handle:horizontal:focus,
|
|
QSlider::handle:vertical:hover,
|
|
QSlider::handle:vertical:focus
|
|
{
|
|
border: 0.04em solid #3daee9;
|
|
}
|
|
|
|
QSlider::handle:horizontal:!focus:!hover,
|
|
QSlider::handle:vertical:!focus:!hover
|
|
{
|
|
border: 0.04em solid #626568;
|
|
}
|
|
|
|
QSlider::sub-page:horizontal,
|
|
QSlider::add-page:vertical
|
|
{
|
|
background: #3daee9;
|
|
border-radius: 0.19em;
|
|
}
|
|
|
|
QSlider::add-page:horizontal,
|
|
QSlider::sub-page:vertical
|
|
{
|
|
background: #626568;
|
|
border-radius: 0.19em;
|
|
}
|
|
|
|
QToolButton
|
|
{
|
|
background-color: transparent;
|
|
border: 0.04em solid #76797c;
|
|
border-radius: 0.09em;
|
|
margin: 0.23em;
|
|
padding: 0.23em;
|
|
padding-top: 0.1em;
|
|
padding-right: 1.2em;
|
|
min-height: 1.1em;
|
|
}
|
|
|
|
QToolButton::right-arrow,
|
|
QToolButton::left-arrow,
|
|
QToolButton::up-arrow,
|
|
QToolButton::down-arrow
|
|
{
|
|
/* Undo the padding when we have an arrow */
|
|
padding-right: -1.2em;
|
|
}
|
|
|
|
QToolButton::right-arrow
|
|
{
|
|
image: url(:/dark/right_arrow.svg);
|
|
}
|
|
|
|
QToolButton::left-arrow
|
|
{
|
|
image: url(:/dark/left_arrow.svg);
|
|
}
|
|
|
|
QToolButton::up-arrow
|
|
{
|
|
image: url(:/dark/up_arrow.svg);
|
|
}
|
|
|
|
QToolButton::down-arrow
|
|
{
|
|
image: url(:/dark/down_arrow.svg);
|
|
}
|
|
|
|
QToolButton:hover
|
|
{
|
|
border: 0.04em solid #3daee9;
|
|
}
|
|
|
|
QToolButton::menu-indicator
|
|
{
|
|
border-image: none;
|
|
image: url(:/dark/down_arrow.svg);
|
|
width: 0.8em;
|
|
height: 0.5em;
|
|
top: -0.7ex;
|
|
left: -0.09em;
|
|
padding-right: 0.09em;
|
|
}
|
|
|
|
QToolButton::menu-arrow
|
|
{
|
|
border-image: none;
|
|
image: url(:/dark/down_arrow.svg);
|
|
width: 0.8em;
|
|
height: 0.5em;
|
|
subcontrol-position: bottom right;
|
|
}
|
|
|
|
QToolButton::menu-button
|
|
{
|
|
border-top-right-radius: 0.5em;
|
|
border-bottom-right-radius: 0.5em;
|
|
/* 1ex width + 0.4ex for border + no text = 2ex allocated above */
|
|
width: 1.3em;
|
|
padding: 0.23em;
|
|
outline: none;
|
|
}
|
|
|
|
QToolButton::menu-button::menu-arrow
|
|
{
|
|
left: -0.09em;
|
|
subcontrol-position: bottom right;
|
|
}
|
|
|
|
QToolButton::menu-button:hover
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
QToolButton:checked,
|
|
QToolButton:pressed
|
|
{
|
|
background-color: #3daee9;
|
|
padding: 0.23em;
|
|
padding-right: 1.2em;
|
|
min-height: 1.3em;
|
|
outline: none;
|
|
}
|
|
|
|
QToolButton::menu-button:pressed
|
|
{
|
|
background-color: transparent;
|
|
padding: 0.23em;
|
|
outline: none;
|
|
}
|
|
|
|
QTableView
|
|
{
|
|
border: 0em solid black;
|
|
gridline-color: #31363b;
|
|
background-color: #1d2023;
|
|
}
|
|
|
|
QTableView:!selected,
|
|
QTableView:selected
|
|
{
|
|
border: 0em solid black;
|
|
}
|
|
|
|
QTableView
|
|
{
|
|
border-radius: 0em;
|
|
}
|
|
|
|
QAbstractItemView::item
|
|
{
|
|
color: #eff0f1;
|
|
}
|
|
|
|
QAbstractItemView::item:pressed
|
|
{
|
|
background: #2a79a3;
|
|
color: #eff0f1;
|
|
}
|
|
|
|
QAbstractItemView::item:selected:!active
|
|
{
|
|
background: rgba(61, 173, 232, 0.1);
|
|
}
|
|
|
|
/* Use background with qlineargradient to avoid ugly border on widget. */
|
|
QAbstractItemView::item:selected:active
|
|
{
|
|
background: qlineargradient(
|
|
x1: 0.5, y1: 0.5
|
|
x2: 0.5, y2: 1,
|
|
stop: 0 #2a79a3,
|
|
stop: 1 #2a79a3
|
|
);
|
|
color: #eff0f1;
|
|
}
|
|
|
|
QAbstractItemView::item:selected:hover
|
|
{
|
|
background: qlineargradient(
|
|
x1: 0.5, y1: 0.5
|
|
x2: 0.5, y2: 1,
|
|
stop: 0 #2f88b7,
|
|
stop: 1 #2f88b7
|
|
);
|
|
color: #eff0f1;
|
|
}
|
|
|
|
QHeaderView
|
|
{
|
|
background-color: #31363b;
|
|
border: 0.04em transparent;
|
|
border-radius: 0em;
|
|
margin: 0em;
|
|
padding: 0em;
|
|
}
|
|
|
|
QHeaderView::section
|
|
{
|
|
background-color: #31363b;
|
|
border: 0.04em solid #76797c;
|
|
color: #eff0f1;
|
|
padding: 0.23em;
|
|
padding-top: 0.3em;
|
|
border-radius: 0em;
|
|
text-align: center;
|
|
}
|
|
|
|
QHeaderView::section::vertical::first,
|
|
QHeaderView::section::vertical::only-one
|
|
{
|
|
border-top: 0.04em solid #76797c;
|
|
}
|
|
|
|
QHeaderView::section::vertical
|
|
{
|
|
border-top: transparent;
|
|
}
|
|
|
|
QHeaderView::section::horizontal::first,
|
|
QHeaderView::section::horizontal::only-one
|
|
{
|
|
border-left: 0.04em solid #76797c;
|
|
}
|
|
|
|
QHeaderView::section::horizontal
|
|
{
|
|
border-left: transparent;
|
|
}
|
|
|
|
QHeaderView::section:checked
|
|
{
|
|
color: #ffffff;
|
|
background-color: #334e5e;
|
|
}
|
|
|
|
/* Note that this doesn't work for QTreeView unless the header is clickable */
|
|
QHeaderView::section:hover,
|
|
QHeaderView::section::horizontal::first:hover,
|
|
QHeaderView::section::horizontal::only-one:hover,
|
|
QHeaderView::section::vertical::first:hover,
|
|
QHeaderView::section::vertical::only-one:hover
|
|
{
|
|
border: 0.04em solid #3daee9;
|
|
}
|
|
|
|
QHeaderView::down-arrow
|
|
{
|
|
image: url(:/dark/down_arrow.svg);
|
|
subcontrol-origin: margin;
|
|
subcontrol-position: top center;
|
|
padding-top: 0.2em;
|
|
width: 0.8em;
|
|
height: 0.5em;
|
|
}
|
|
|
|
QHeaderView::up-arrow
|
|
{
|
|
image: url(:/dark/up_arrow.svg);
|
|
subcontrol-origin: margin;
|
|
subcontrol-position: top center;
|
|
padding-top: 0.2em;
|
|
width: 0.8em;
|
|
height: 0.5em;
|
|
}
|
|
|
|
QTableView QTableCornerButton::section
|
|
{
|
|
background-color: #31363b;
|
|
border: 0.04em transparent #76797c;
|
|
border-top: 0.04em solid #76797c;
|
|
border-left: 0.04em solid #76797c;
|
|
border-radius: 0em;
|
|
}
|
|
|
|
/* No hover event */
|
|
QTableView QTableCornerButton:hover
|
|
{
|
|
border: 0.04em transparent #76797c;
|
|
}
|
|
|
|
QTableView QTableCornerButton::section:pressed
|
|
{
|
|
border: 0.04em solid #3daee9;
|
|
border-radius: 0em;
|
|
}
|
|
|
|
QToolBox
|
|
{
|
|
padding: 0.23em;
|
|
border: 0.09em transparent black;
|
|
}
|
|
|
|
QToolBox::tab
|
|
{
|
|
border-bottom: 0.09em solid #76797c;
|
|
margin-left: 1.5em;
|
|
}
|
|
|
|
QToolBox::tab:selected,
|
|
QToolBox::tab:hover
|
|
{
|
|
border-bottom: 0.09em solid #3daee9;
|
|
}
|
|
|
|
QSplitter::handle
|
|
{
|
|
border: 0.09em solid #2c3034;
|
|
background: -0.5em solid #2c3034;
|
|
max-width: 0em;
|
|
max-height: 0em;
|
|
}
|
|
|
|
/**
|
|
* It's not possible to get satisfactory rounded borders here.
|
|
* If you set the border to be negative, while adjusting the
|
|
* widths, you get an asymmetrical curve which produces an
|
|
* unappealing border.
|
|
*/
|
|
QProgressBar:horizontal,
|
|
QProgressBar:vertical
|
|
{
|
|
background-color: #626568;
|
|
border: 0.9em solid #31363b;
|
|
border-radius: 0.13em;
|
|
padding: 0em;
|
|
}
|
|
|
|
QProgressBar:horizontal
|
|
{
|
|
height: 0.2em;
|
|
min-width: 6em;
|
|
text-align: right;
|
|
padding-left: -0.03em;
|
|
padding-right: -0.03em;
|
|
margin-top: 0.2em;
|
|
margin-bottom: 0.2em;
|
|
margin-right: 1.3em;
|
|
}
|
|
|
|
QProgressBar:vertical
|
|
{
|
|
width: 0.2em;
|
|
min-height: 6em;
|
|
text-align: bottom;
|
|
padding-top: -0.03em;
|
|
padding-bottom: -0.03em;
|
|
margin-left: 0.2em;
|
|
margin-right: 0.2em;
|
|
margin-bottom: 0.41em;
|
|
}
|
|
|
|
QProgressBar::chunk:horizontal,
|
|
QProgressBar::chunk:vertical
|
|
{
|
|
background-color: #3daee9;
|
|
border: 0.9em transparent;
|
|
border-radius: 0.08em;
|
|
}
|
|
|
|
QScrollArea,
|
|
QScrollArea:focus,
|
|
QScrollArea:hover
|
|
{
|
|
border: 0em solid black;
|
|
}
|
|
|
|
/* ICONS */
|
|
/**
|
|
* Qt's built-in icons can look pretty bad if the system theme
|
|
* is a different color than the current one. For example, when
|
|
* using a dark theme, with a light UI, the `Ok` button is greyed
|
|
* out for an about dialog.
|
|
*
|
|
* QDialogButtonBox will apply for all standard buttons in all standard
|
|
* widgets, such as QMessageBox, etc. However, we do need to override
|
|
* standard icons elsewhere.
|
|
*
|
|
* The rest of the icons make little sense to implement:
|
|
* Qt uses native window decorations.
|
|
* Qt normally uses native file dialogs, which look nicer.
|
|
* Media controls are used in custom widgets, which aren't standard.
|
|
*/
|
|
QDialogButtonBox
|
|
{
|
|
dialogbuttonbox-buttons-have-icons: true;
|
|
|
|
dialog-cancel-icon: url(:/dark/dialog-cancel.svg);
|
|
dialog-close-icon: url(:/dark/dialog-close.svg);
|
|
dialog-ok-icon: url(:/dark/dialog-ok.svg);
|
|
dialog-open-icon: url(:/dark/dialog-open.svg);
|
|
dialog-reset-icon: url(:/dark/dialog-reset.svg);
|
|
dialog-save-icon: url(:/dark/dialog-save.svg);
|
|
/**
|
|
* No support yet for overriding saveall.
|
|
* dialog-saveall-icon: url(:/dark/dialog-saveall.svg);
|
|
*/
|
|
dialog-yes-icon: url(:/dark/dialog-ok.svg);
|
|
dialog-help-icon: url(:/dark/dialog-help.svg);
|
|
dialog-no-icon: url(:/dark/dialog-no.svg);
|
|
dialog-apply-icon: url(:/dark/dialog-ok.svg);
|
|
dialog-discard-icon: url(:/dark/dialog-discard.svg);
|
|
}
|
|
|
|
QMessageBox
|
|
{
|
|
messagebox-critical-icon: url(:/dark/message-critical.svg);
|
|
messagebox-information-icon: url(:/dark/message-information.svg);
|
|
messagebox-question-icon: url(:/dark/message-question.svg);
|
|
messagebox-warning-icon: url(:/dark/message-warning.svg);
|
|
}
|
|
|
|
/* Set some styles for these custom dialog buttons */
|
|
QDialogButtonBox QPushButton,
|
|
QMessageBox QPushButton
|
|
{
|
|
min-height: 1.1em;
|
|
min-width: 5em;
|
|
}
|