mirror of
https://github.com/UN-GCPDS/qt-material.git
synced 2025-01-13 16:42:56 +08:00
1201 lines
25 KiB
Plaintext
1201 lines
25 KiB
Plaintext
/* ------------------------------------------------------------------------ */
|
|
/* QtMaterial - https://github.com/UN-GCPDS/qt-material
|
|
/* By Yeison Cardona - GCPDS
|
|
/* ------------------------------------------------------------------------ */
|
|
|
|
*{
|
|
color: #ffffff;
|
|
font-family: monoespace;
|
|
line-height: 14px;
|
|
font-size: 14px;
|
|
selection-background-color: #6effe8;
|
|
selection-color: #000000;
|
|
}
|
|
|
|
*:focus {
|
|
outline: none;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* Custom colors */
|
|
|
|
.danger{
|
|
color: #dc3545;
|
|
}
|
|
|
|
.warning{
|
|
color: #ffc107;
|
|
}
|
|
|
|
.success{
|
|
color: #17a2b8;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* Basic widgets */
|
|
|
|
QWidget {
|
|
background-color: #31363b;
|
|
}
|
|
|
|
QFrame {
|
|
background-color: #31363b;
|
|
border: 1px solid #232629;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
QSplitter {
|
|
background-color: transparent;
|
|
border: none
|
|
}
|
|
|
|
QStatusBar {
|
|
color: #ffffff;
|
|
background-color: rgba(79, 91, 98, 0.2);
|
|
border-radius: 0px;
|
|
}
|
|
|
|
QScrollArea,
|
|
QStackedWidget,
|
|
QWidget > QToolBox,
|
|
QToolBox > QWidget,
|
|
QTabWidget > QWidget {
|
|
border: none;
|
|
}
|
|
|
|
QTabWidget::pane {
|
|
border: none;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* Inputs */
|
|
|
|
QDateTimeEdit,
|
|
QSpinBox,
|
|
QDoubleSpinBox,
|
|
QTextEdit,
|
|
QLineEdit,
|
|
QPushButton {
|
|
color: #1de9b6;
|
|
background-color: #31363b;
|
|
border: 1px solid #1de9b6;
|
|
border-radius: 4px;
|
|
padding: 8px 16px ;
|
|
height: 18px;
|
|
}
|
|
|
|
QDateTimeEdit,
|
|
QSpinBox,
|
|
QDoubleSpinBox,
|
|
QTreeView,
|
|
QListView,
|
|
QLineEdit,
|
|
QComboBox {
|
|
padding-left: 15px;
|
|
border-radius: 0px;
|
|
background-color: #232629;
|
|
border-width: 0 0 2px 0;
|
|
border-radius: 0px;
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
}
|
|
|
|
QPlainTextEdit {
|
|
border-radius: 4px;
|
|
padding: 8px 16px;
|
|
background-color: #31363b;
|
|
border: 1px solid #232629;
|
|
}
|
|
|
|
QDateTimeEdit:disabled,
|
|
QSpinBox:disabled,
|
|
QDoubleSpinBox:disabled,
|
|
QTextEdit:disabled,
|
|
QLineEdit:disabled {
|
|
color: rgba(29, 233, 182, 0.2);
|
|
background-color: rgba(35, 38, 41, 0.75);
|
|
border: 2px solid rgba(29, 233, 182, 0.2);
|
|
border-width: 0 0 2px 0;
|
|
padding: 8px 16px ;
|
|
border-radius: 0px;
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
}
|
|
|
|
QTextEdit {
|
|
padding: 8px;
|
|
border-radius: 4px;
|
|
background-color: #232629;
|
|
}
|
|
|
|
QDateTimeEdit:disabled,
|
|
QSpinBox:disabled,
|
|
QDoubleSpinBox:disabled,
|
|
QTextEdit:disabled,
|
|
QLineEdit:disabled {
|
|
color: rgba(29, 233, 182, 0.2);
|
|
background-color: rgba(35, 38, 41, 0.75);
|
|
border: 2px solid rgba(29, 233, 182, 0.2);
|
|
border-width: 0 0 2px 0;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QComboBox */
|
|
|
|
QComboBox {
|
|
color: #1de9b6;
|
|
border: 1px solid #1de9b6;
|
|
border-width: 0 0 2px 0;
|
|
background-color: #232629;
|
|
border-radius: 0px;
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
height: 36px;
|
|
}
|
|
|
|
QComboBox:disabled {
|
|
color: rgba(29, 233, 182, 0.2);
|
|
background-color: rgba(35, 38, 41, 0.75);
|
|
border-bottom: 2px solid rgba(29, 233, 182, 0.2);
|
|
}
|
|
|
|
QComboBox::drop-down {
|
|
border: none;
|
|
color: #1de9b6;
|
|
width: 20px;
|
|
}
|
|
|
|
QComboBox::down-arrow {
|
|
image: url(icon:/primary/downarrow.svg);
|
|
margin-right: 10px;
|
|
}
|
|
|
|
QComboBox::down-arrow:disabled {
|
|
image: url(icon:/disabled/downarrow.svg);
|
|
margin-right: 10px;
|
|
}
|
|
|
|
QComboBox QAbstractItemView {
|
|
background-color: #232629;
|
|
border: 2px solid #4f5b62;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
QComboBox[frame='false'] {
|
|
color: #1de9b6;
|
|
background-color: transparent;
|
|
border: 1px solid transparent;
|
|
}
|
|
QComboBox[frame='false']:disabled {
|
|
color: rgba(29, 233, 182, 0.2);
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* Spin buttons */
|
|
|
|
QDateTimeEdit::up-button,
|
|
QDoubleSpinBox::up-button,
|
|
QSpinBox::up-button {
|
|
subcontrol-origin: border;
|
|
subcontrol-position: top right;
|
|
width: 20px; /* 16 + 2*1px border-width = 15px padding + 3px parent border */
|
|
image: url(icon:/primary/uparrow.svg);
|
|
border-width: 0px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
QDateTimeEdit::up-button:disabled,
|
|
QDoubleSpinBox::up-button:disabled,
|
|
QSpinBox::up-button:disabled {
|
|
image: url(icon:/disabled/uparrow.svg);
|
|
}
|
|
|
|
QDateTimeEdit::down-button,
|
|
QDoubleSpinBox::down-button,
|
|
QSpinBox::down-button {
|
|
subcontrol-origin: border;
|
|
subcontrol-position: bottom right;
|
|
width: 20px;
|
|
image: url(icon:/primary/downarrow.svg);
|
|
border-width: 0px;
|
|
border-top-width: 0;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
QDateTimeEdit::down-button:disabled,
|
|
QDoubleSpinBox::down-button:disabled,
|
|
QSpinBox::down-button:disabled {
|
|
image: url(icon:/disabled/downarrow.svg);
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QPushButton */
|
|
|
|
QPushButton {
|
|
text-transform: uppercase;
|
|
margin: 0px;
|
|
padding: 0px 16px;
|
|
height: 34px;
|
|
min-height: 34px;
|
|
max-height: 34px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
QPushButton:checked,
|
|
QPushButton:pressed {
|
|
color: #31363b;
|
|
background-color: #1de9b6;
|
|
}
|
|
|
|
QPushButton:flat {
|
|
padding: 5px;
|
|
margin: 0px;
|
|
color: #1de9b6;
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
QPushButton:flat:hover {
|
|
background-color: rgba(29, 233, 182, 0.2);
|
|
}
|
|
|
|
QPushButton:flat:pressed,
|
|
QPushButton:flat:checked {
|
|
background-color: rgba(29, 233, 182, 0.1);
|
|
}
|
|
|
|
QPushButton:disabled,
|
|
QPushButton:flat:disabled {
|
|
color: rgba(79, 91, 98, 0.75);
|
|
background-color: transparent;
|
|
border-color: #232629;
|
|
}
|
|
|
|
QPushButton:disabled {
|
|
border: 2px solid rgba(79, 91, 98, 0.75);
|
|
}
|
|
|
|
QPushButton:checked:disabled {
|
|
color: #232629;
|
|
background-color: #4f5b62;
|
|
border-color: #4f5b62;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QTabBar */
|
|
|
|
QTabBar{
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
}
|
|
|
|
QTabBar::tab {
|
|
color: #ffffff;
|
|
border: 0px;
|
|
}
|
|
|
|
QTabBar::tab:bottom,
|
|
QTabBar::tab:top{
|
|
padding: 0 15px;
|
|
height: 30px;
|
|
}
|
|
|
|
QTabBar::tab:left,
|
|
QTabBar::tab:right{
|
|
padding: 15px 0;
|
|
width: 30px;
|
|
}
|
|
|
|
QTabBar::tab:top:selected,
|
|
QTabBar::tab:top:hover {
|
|
color: #1de9b6;
|
|
border-bottom: 2px solid #1de9b6;
|
|
}
|
|
|
|
QTabBar::tab:bottom:selected,
|
|
QTabBar::tab:bottom:hover {
|
|
color: #1de9b6;
|
|
border-top: 2px solid #1de9b6;
|
|
}
|
|
|
|
QTabBar::tab:right:selected,
|
|
QTabBar::tab:right:hover {
|
|
color: #1de9b6;
|
|
border-left: 2px solid #1de9b6;
|
|
}
|
|
|
|
QTabBar::tab:left:selected,
|
|
QTabBar::tab:left:hover {
|
|
color: #1de9b6;
|
|
border-right: 2px solid #1de9b6;
|
|
}
|
|
|
|
QTabBar QToolButton:hover,
|
|
QTabBar QToolButton {
|
|
border: 20px;
|
|
background-color: #31363b;
|
|
}
|
|
|
|
QTabBar QToolButton::up-arrow {
|
|
image: url(icon:/disabled/uparrow2.svg);
|
|
}
|
|
|
|
QTabBar QToolButton::up-arrow:hover {
|
|
image: url(icon:/primary/uparrow2.svg);
|
|
}
|
|
|
|
QTabBar QToolButton::down-arrow {
|
|
image: url(icon:/disabled/downarrow2.svg);
|
|
}
|
|
|
|
QTabBar QToolButton::down-arrow:hover {
|
|
image: url(icon:/primary/downarrow2.svg);
|
|
}
|
|
|
|
QTabBar QToolButton::right-arrow {
|
|
image: url(icon:/primary/rightarrow2.svg);
|
|
}
|
|
|
|
QTabBar QToolButton::right-arrow:hover {
|
|
image: url(icon:/disabled/rightarrow2.svg);
|
|
}
|
|
|
|
QTabBar QToolButton::left-arrow {
|
|
image: url(icon:/primary/leftarrow2.svg);
|
|
}
|
|
|
|
QTabBar QToolButton::left-arrow:hover {
|
|
image: url(icon:/disabled/leftarrow2.svg);
|
|
}
|
|
|
|
QTabBar::close-button {
|
|
image: url(icon:/disabled/tab_close.svg);
|
|
}
|
|
|
|
QTabBar::close-button:hover {
|
|
image: url(icon:/primary/tab_close.svg);
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QGroupBox */
|
|
|
|
QGroupBox {
|
|
background-color: #232629;
|
|
border-radius: 4px;
|
|
padding: 15px;
|
|
padding-top: 30px;
|
|
line-height: 13px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
QGroupBox::title {
|
|
color: rgba(255, 255, 255, 0.4);
|
|
subcontrol-origin: margin;
|
|
subcontrol-position: top left;
|
|
padding: 0 15px;
|
|
margin-top: 10px;
|
|
background-color: #31363b;
|
|
background-color: transparent;
|
|
height: 20px;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QRadioButton and QCheckBox labels */
|
|
|
|
QRadioButton,
|
|
QCheckBox {
|
|
spacing: 10px;
|
|
color: #ffffff;
|
|
line-height: 14px;
|
|
height: 30px;
|
|
background-color: transparent;
|
|
spacing: 5px;
|
|
}
|
|
|
|
QRadioButton:disabled,
|
|
QCheckBox:disabled {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* General Indicators */
|
|
|
|
QMenu::indicator,
|
|
QListView::indicator,
|
|
QTableWidget::indicator,
|
|
QRadioButton::indicator,
|
|
QCheckBox::indicator {
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QListView Indicator */
|
|
|
|
QListView::indicator:checked,
|
|
QListView::indicator:checked:selected,
|
|
QListView::indicator:checked:focus {
|
|
image: url(icon:/primary/checklist.svg);
|
|
}
|
|
|
|
QListView::indicator:checked:selected:active {
|
|
image: url(icon:/primary/checklist_invert.svg);
|
|
}
|
|
|
|
QListView::indicator:checked:disabled {
|
|
image: url(icon:/disabled/checklist.svg);
|
|
}
|
|
|
|
QListView::indicator:indeterminate,
|
|
QListView::indicator:indeterminate:selected,
|
|
QListView::indicator:indeterminate:focus {
|
|
image: url(icon:/primary/checklist_indeterminate.svg);
|
|
}
|
|
|
|
QListView::indicator:indeterminate:selected:active {
|
|
image: url(icon:/primary/checklist_indeterminate_invert.svg);
|
|
}
|
|
|
|
QListView::indicator:indeterminate:disabled {
|
|
image: url(icon:/disabled/checklist_indeterminate.svg);
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QTableView Indicator */
|
|
|
|
QTableView::indicator:enabled:checked,
|
|
QTableView::indicator:enabled:checked:selected,
|
|
QTableView::indicator:enabled:checked:focus {
|
|
image: url(icon:/primary/checkbox_checked.svg);
|
|
}
|
|
|
|
QTableView::indicator:checked:selected:active {
|
|
image: url(icon:/primary/checkbox_checked_invert.svg);
|
|
}
|
|
|
|
QTableView::indicator:disabled:checked,
|
|
QTableView::indicator:disabled:checked:selected,
|
|
QTableView::indicator:disabled:checked:focus {
|
|
image: url(icon:/disabled/checkbox_checked.svg);
|
|
}
|
|
|
|
QTableView::indicator:enabled:unchecked,
|
|
QTableView::indicator:enabled:unchecked:selected,
|
|
QTableView::indicator:enabled:unchecked:focus {
|
|
image: url(icon:/primary/checkbox_unchecked.svg);
|
|
}
|
|
|
|
QTableView::indicator:unchecked:selected:active {
|
|
image: url(icon:/primary/checkbox_unchecked_invert.svg);
|
|
}
|
|
|
|
QTableView::indicator:disabled:unchecked,
|
|
QTableView::indicator:disabled:unchecked:selected,
|
|
QTableView::indicator:disabled:unchecked:focus {
|
|
image: url(icon:/disabled/checkbox_unchecked.svg);
|
|
}
|
|
|
|
QTableView::indicator:enabled:indeterminate,
|
|
QTableView::indicator:enabled:indeterminate:selected,
|
|
QTableView::indicator:enabled:indeterminate:focus {
|
|
image: url(icon:/primary/checkbox_indeterminate.svg);
|
|
}
|
|
|
|
QTableView::indicator:indeterminate:selected:active {
|
|
image: url(icon:/primary/checkbox_indeterminate_invert.svg);
|
|
}
|
|
|
|
QTableView::indicator:disabled:indeterminate,
|
|
QTableView::indicator:disabled:indeterminate:selected,
|
|
QTableView::indicator:disabled:indeterminate:focus {
|
|
image: url(icon:/disabled/checkbox_indeterminate.svg);
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QCheckBox Indicator */
|
|
|
|
QCheckBox::indicator:checked {
|
|
image: url(icon:/primary/checkbox_checked.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:unchecked {
|
|
image: url(icon:/primary/checkbox_unchecked.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:indeterminate {
|
|
image: url(icon:/primary/checkbox_indeterminate.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:checked:disabled {
|
|
image: url(icon:/disabled/checkbox_checked.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:unchecked:disabled {
|
|
image: url(icon:/disabled/checkbox_unchecked.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:indeterminate:disabled {
|
|
image: url(icon:/disabled/checkbox_indeterminate.svg);
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QRadioButton Indicator */
|
|
|
|
QRadioButton::indicator:checked {
|
|
image: url(icon:/primary/radiobutton_checked.svg);
|
|
}
|
|
|
|
QRadioButton::indicator:unchecked {
|
|
image: url(icon:/primary/radiobutton_unchecked.svg);
|
|
}
|
|
|
|
QRadioButton::indicator:checked:disabled {
|
|
image: url(icon:/disabled/radiobutton_checked.svg);
|
|
}
|
|
|
|
QRadioButton::indicator:unchecked:disabled {
|
|
image: url(icon:/disabled/radiobutton_unchecked.svg);
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QDockWidget */
|
|
|
|
QDockWidget {
|
|
color: #ffffff;
|
|
text-transform: uppercase;
|
|
border: 2px solid #232629;
|
|
titlebar-close-icon: url(icon:/primary/close.svg);
|
|
titlebar-normal-icon: url(icon:/primary/float.svg);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
QDockWidget::title {
|
|
text-align: left;
|
|
padding-left: 35px;
|
|
padding: 3px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QComboBox indicator */
|
|
|
|
QComboBox::indicator:checked {
|
|
image: url(icon:/primary/checklist.svg);
|
|
}
|
|
|
|
QComboBox::indicator:checked:selected {
|
|
image: url(icon:/primary/checklist_invert.svg);
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* Menu Items */
|
|
|
|
QComboBox::item,
|
|
QCalendarWidget QMenu::item,
|
|
QMenu::item {
|
|
height: 26px;
|
|
border: 8px solid transparent;
|
|
color: #ffffff;
|
|
}
|
|
|
|
QCalendarWidget QMenu::item,
|
|
QMenu::item {
|
|
padding: 0px 25px 0px 20px;
|
|
}
|
|
|
|
QComboBox::item:selected,
|
|
QCalendarWidget QMenu::item:selected,
|
|
QMenu::item:selected {
|
|
color: #000000;
|
|
background-color: #6effe8;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
QComboBox::item:disabled,
|
|
QCalendarWidget QMenu::item:disabled,
|
|
QMenu::item:disabled {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QMenu */
|
|
|
|
QCalendarWidget QMenu,
|
|
QMenu {
|
|
background-color: #232629;
|
|
border: 2px solid #4f5b62;
|
|
border-radius: 2px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
QMenu::separator {
|
|
height: 2px;
|
|
background-color: #4f5b62;
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
QMenu::right-arrow{
|
|
image: url(icon:/primary/rightarrow.svg);
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
|
|
QMenu::right-arrow:selected{
|
|
image: url(icon:/disabled/rightarrow.svg);
|
|
}
|
|
|
|
QMenu::indicator:non-exclusive:unchecked {
|
|
image: url(icon:/primary/checkbox_unchecked.svg);
|
|
}
|
|
|
|
QMenu::indicator:non-exclusive:unchecked:selected {
|
|
image: url(icon:/primary/checkbox_unchecked_invert.svg);
|
|
}
|
|
|
|
QMenu::indicator:non-exclusive:checked {
|
|
image: url(icon:/primary/checkbox_checked.svg);
|
|
}
|
|
|
|
QMenu::indicator:non-exclusive:checked:selected {
|
|
image: url(icon:/primary/checkbox_checked_invert.svg);
|
|
}
|
|
|
|
QMenu::indicator:exclusive:unchecked {
|
|
image: url(icon:/primary/radiobutton_unchecked.svg);
|
|
}
|
|
|
|
QMenu::indicator:exclusive:unchecked:selected {
|
|
image: url(icon:/primary/radiobutton_unchecked_invert.svg);
|
|
}
|
|
|
|
QMenu::indicator:exclusive:checked {
|
|
image: url(icon:/primary/radiobutton_checked.svg);
|
|
}
|
|
|
|
QMenu::indicator:exclusive:checked:selected {
|
|
image: url(icon:/primary/radiobutton_checked_invert.svg);
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QMenuBar */
|
|
|
|
QMenuBar {
|
|
background-color: #232629;
|
|
color: #ffffff;
|
|
}
|
|
|
|
QMenuBar::item {
|
|
height: 30px;
|
|
padding: 8px;
|
|
background-color: transparent;
|
|
color: #ffffff;
|
|
}
|
|
|
|
QMenuBar::item:selected,
|
|
QMenuBar::item:pressed {
|
|
color: #000000;
|
|
background-color: #6effe8;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QToolBox */
|
|
|
|
QToolBox::tab {
|
|
background-color: #232629;
|
|
color: #ffffff;
|
|
padding-left: 15px;
|
|
text-transform: uppercase;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
QToolBox::tab:hover {
|
|
background-color: rgba(29, 233, 182, 0.2);
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QProgressBar */
|
|
|
|
QProgressBar {
|
|
border-radius: 0;
|
|
background-color: #4f5b62;
|
|
text-align: center;
|
|
color: transparent;
|
|
}
|
|
|
|
QProgressBar::chunk {
|
|
background-color: #1de9b6;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QScrollBar */
|
|
|
|
QScrollBar:horizontal {
|
|
border: 0;
|
|
background: #232629;
|
|
height: 8px;
|
|
}
|
|
|
|
QScrollBar:vertical {
|
|
border: 0;
|
|
background: #232629;
|
|
width: 8px;
|
|
}
|
|
|
|
QScrollBar::handle:horizontal {
|
|
background: #4f5b62;
|
|
min-width: 20px;
|
|
}
|
|
|
|
QScrollBar::handle:vertical {
|
|
background: #4f5b62;
|
|
min-height: 20px;
|
|
}
|
|
|
|
QScrollBar::handle:vertical:hover,
|
|
QScrollBar::handle:horizontal:hover {
|
|
background: #1de9b6;
|
|
}
|
|
|
|
QScrollBar::add-line:vertical,
|
|
QScrollBar::sub-line:vertical,
|
|
QScrollBar::add-line:horizontal,
|
|
QScrollBar::sub-line:horizontal {
|
|
border: 0;
|
|
background: transparent;
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QSlider */
|
|
|
|
QSlider:horizontal {
|
|
min-height: 20px;
|
|
max-height: 20px;
|
|
}
|
|
|
|
QSlider:vertical {
|
|
min-width: 20px;
|
|
max-width: 20px;
|
|
}
|
|
|
|
QSlider::groove:horizontal {
|
|
height: 4px;
|
|
background: #393939;
|
|
margin: 0 10px;
|
|
}
|
|
|
|
QSlider::groove:vertical {
|
|
width: 4px;
|
|
background: #393939;
|
|
margin: 10px 0;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
QSlider::handle:horizontal {
|
|
image: url(icon:/primary/slider.svg);
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: -20px -10px;
|
|
}
|
|
|
|
QSlider::handle:vertical {
|
|
image: url(icon:/primary/slider.svg);
|
|
border-radius: 20px;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: -10px -20px;
|
|
}
|
|
|
|
QSlider::add-page {
|
|
background: #232629;
|
|
}
|
|
|
|
QSlider::sub-page {
|
|
background: #1de9b6;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QLabel */
|
|
|
|
QLabel {
|
|
border: none;
|
|
background: transparent;
|
|
color: #ffffff
|
|
}
|
|
|
|
QLabel:disabled {
|
|
color: rgba(255, 255, 255, 0.2)
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* VLines and HLinex */
|
|
|
|
QFrame[frameShape="4"] {
|
|
border-width: 1px 0 0 0;
|
|
background: none;
|
|
}
|
|
|
|
QFrame[frameShape="5"] {
|
|
border-width: 0 1px 0 0;
|
|
background: none;
|
|
}
|
|
|
|
QFrame[frameShape="4"],
|
|
QFrame[frameShape="5"] {
|
|
border-color: #4f5b62;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QToolBar */
|
|
|
|
QToolBar {
|
|
background: #31363b;
|
|
border: 0px solid;
|
|
}
|
|
|
|
QToolBar:horizontal {
|
|
border-bottom: 1px solid #4f5b62;
|
|
}
|
|
|
|
QToolBar:vertical {
|
|
border-right: 1px solid #4f5b62;
|
|
}
|
|
|
|
QToolBar::handle:horizontal {
|
|
image: url(icon:/primary/toolbar-handle-horizontal.svg);
|
|
}
|
|
|
|
QToolBar::handle:vertical {
|
|
image: url(icon:/primary/toolbar-handle-vertical.svg);
|
|
}
|
|
|
|
QToolBar::separator:horizontal {
|
|
border-right: 1px solid #4f5b62;
|
|
border-left: 1px solid #4f5b62;
|
|
width: 1px;
|
|
}
|
|
|
|
QToolBar::separator:vertical {
|
|
border-top: 1px solid #4f5b62;
|
|
border-bottom: 1px solid #4f5b62;
|
|
height: 1px;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QToolButton */
|
|
|
|
QToolButton {
|
|
background: #31363b;
|
|
border: 0px;
|
|
height: 40px;
|
|
margin: 0px;
|
|
padding: 5px;
|
|
border-right: 10px solid #31363b;
|
|
border-left: 10px solid #31363b;
|
|
}
|
|
|
|
QToolButton:hover {
|
|
background: #4f5b62;
|
|
border-right: 10px solid #4f5b62;
|
|
border-left: 10px solid #4f5b62;
|
|
}
|
|
|
|
QToolButton:pressed {
|
|
background: #232629;
|
|
border-right: 10px solid #232629;
|
|
border-left: 10px solid #232629;
|
|
}
|
|
|
|
QToolButton:checked {
|
|
background: #4f5b62;
|
|
border-left: 10px solid #4f5b62;
|
|
border-right: 10px solid #1de9b6;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* General viewers */
|
|
|
|
QTableView {
|
|
background-color: #31363b;
|
|
border: 1px solid #232629;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
QTreeView,
|
|
QListView {
|
|
border-radius: 4px;
|
|
padding: 5px;
|
|
margin: 0px;
|
|
}
|
|
|
|
QTableView::item,
|
|
QTreeView::item,
|
|
QListView::item {
|
|
padding: 5px;
|
|
min-height: 25px;
|
|
color: #ffffff;
|
|
selection-color: #ffffff; /* For Windows */
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* Items Selection */
|
|
|
|
QTableView:item:selected,
|
|
QTreeView::item:selected,
|
|
QListView::item:selected {
|
|
background-color: rgba(29, 233, 182, 0.2);
|
|
selection-background-color: rgba(29, 233, 182, 0.2);
|
|
color: #ffffff;
|
|
selection-color: #ffffff; /* For Windows */
|
|
}
|
|
|
|
QTableView:item:selected:focus,
|
|
QTreeView::item:selected:focus,
|
|
QListView::item:selected:focus {
|
|
background-color: #1de9b6;
|
|
selection-background-color: #1de9b6;
|
|
color: #000000;
|
|
selection-color: #000000; /* For Windows */
|
|
}
|
|
|
|
QTableView {
|
|
selection-background-color: rgba(29, 233, 182, 0.2);
|
|
}
|
|
|
|
QTableView:focus {
|
|
selection-background-color: #1de9b6;
|
|
}
|
|
|
|
QTableView::item:disabled {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
selection-color: rgba(255, 255, 255, 0.3);
|
|
background-color: #232629;
|
|
selection-background-color: #232629;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QTreeView */
|
|
|
|
QTreeView::branch{
|
|
background-color: #232629;
|
|
}
|
|
|
|
QTreeView::branch:closed:has-children:has-siblings,
|
|
QTreeView::branch:closed:has-children:!has-siblings {
|
|
image: url(icon:/primary/branch-closed.svg);
|
|
}
|
|
|
|
QTreeView::branch:open:has-children:!has-siblings,
|
|
QTreeView::branch:open:has-children:has-siblings {
|
|
image: url(icon:/primary/branch-open.svg);
|
|
}
|
|
|
|
QTreeView::branch:has-siblings:!adjoins-item {
|
|
border-image: url(icon:/disabled/vline.svg) 0;
|
|
}
|
|
|
|
QTreeView::branch:has-siblings:adjoins-item {
|
|
border-image: url(icon:/disabled/branch-more.svg) 0;
|
|
}
|
|
|
|
QTreeView::branch:!has-children:!has-siblings:adjoins-item,
|
|
QTreeView::branch:has-children:!has-siblings:adjoins-item {
|
|
border-image: url(icon:/disabled/branch-end.svg) 0;
|
|
}
|
|
|
|
QTreeView QHeaderView::section {
|
|
border: none;
|
|
}
|
|
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* Custom buttons */
|
|
|
|
QPushButton.danger {
|
|
border-color: #dc3545;
|
|
color: #dc3545;
|
|
}
|
|
|
|
QPushButton.danger:checked,
|
|
QPushButton.danger:pressed {
|
|
color: #31363b;
|
|
background-color: #dc3545;
|
|
}
|
|
|
|
QPushButton.warning{
|
|
border-color: #ffc107;
|
|
color: #ffc107;
|
|
}
|
|
|
|
QPushButton.warning:checked,
|
|
QPushButton.warning:pressed {
|
|
color: #31363b;
|
|
background-color: #ffc107;
|
|
}
|
|
|
|
QPushButton.success {
|
|
border-color: #17a2b8;
|
|
color: #17a2b8;
|
|
}
|
|
|
|
QPushButton.success:checked,
|
|
QPushButton.success:pressed {
|
|
color: #31363b;
|
|
background-color: #17a2b8;
|
|
}
|
|
|
|
QPushButton.danger:flat:hover {
|
|
background-color: rgba(220, 53, 69, 0.2);
|
|
}
|
|
|
|
QPushButton.danger:flat:pressed,
|
|
QPushButton.danger:flat:checked {
|
|
background-color: rgba(220, 53, 69, 0.1);
|
|
color: #dc3545;
|
|
}
|
|
|
|
QPushButton.warning:flat:hover {
|
|
background-color: rgba(255, 193, 7, 0.2);
|
|
}
|
|
|
|
QPushButton.warning:flat:pressed,
|
|
QPushButton.warning:flat:checked {
|
|
background-color: rgba(255, 193, 7, 0.1);
|
|
color: #ffc107;
|
|
}
|
|
|
|
QPushButton.success:flat:hover {
|
|
background-color: rgba(23, 162, 184, 0.2);
|
|
}
|
|
|
|
QPushButton.success:flat:pressed,
|
|
QPushButton.success:flat:checked {
|
|
background-color: rgba(23, 162, 184, 0.1);
|
|
color: #17a2b8;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QTableView */
|
|
|
|
QTableCornerButton::section {
|
|
background-color: #232629;
|
|
border-radius: 0px;
|
|
border-right: 1px solid;
|
|
border-bottom: 1px solid;
|
|
border-color: #31363b;
|
|
}
|
|
|
|
QTableView {
|
|
alternate-background-color: rgba(35, 38, 41, 0.7);
|
|
}
|
|
|
|
QHeaderView {
|
|
border: none;
|
|
}
|
|
|
|
QHeaderView::section {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
text-transform: uppercase;
|
|
background-color: #232629;
|
|
padding: 0 20px;
|
|
height: 35px;
|
|
border-radius: 0px;
|
|
|
|
border-right: 1px solid;
|
|
border-bottom: 1px solid;
|
|
border-color: #31363b;
|
|
}
|
|
|
|
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QLCDNumber */
|
|
|
|
QLCDNumber {
|
|
color: #1de9b6;
|
|
background-color:rgba(29, 233, 182, 0.1);
|
|
border: 1px solid rgba(29, 233, 182, 0.3);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QCalendarWidget */
|
|
|
|
#qt_calendar_prevmonth {
|
|
qproperty-icon: url(icon:/primary/leftarrow.svg);
|
|
}
|
|
|
|
#qt_calendar_nextmonth {
|
|
qproperty-icon: url(icon:/primary/rightarrow.svg);
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* Inline QLineEdit */
|
|
|
|
QTreeView QLineEdit,
|
|
QTableView QLineEdit,
|
|
QListView QLineEdit {
|
|
color: #ffffff;
|
|
background-color: #232629;
|
|
border: 1px solid unset;
|
|
border-radius: unset;
|
|
padding: unset;
|
|
padding-left: unset;
|
|
height: unset;
|
|
border-width: unset;
|
|
border-top-left-radius: unset;
|
|
border-top-right-radius: unset;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QToolTip */
|
|
|
|
QToolTip {
|
|
padding: 5px;
|
|
border: 1px solid #31363b;
|
|
border-radius: 2px;
|
|
color: #ffffff;
|
|
background-color: #4f5b62;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* QDialog */
|
|
|
|
QDialog QToolButton,
|
|
QDialog QToolButton:hover,
|
|
QDialog QToolButton:pressed,
|
|
QDialog QToolButton:checked {
|
|
background-color: unset;
|
|
border: 0px;
|
|
height: unset;
|
|
margin: unset;
|
|
padding: unset;
|
|
border-right: unset;
|
|
border-left: unset;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------ */
|
|
/* Grips */
|
|
|
|
|
|
QMainWindow::separator:vertical,
|
|
QSplitter::handle:horizontal {
|
|
image: url(icon:/primary/splitter-horizontal.svg);
|
|
}
|
|
|
|
QMainWindow::separator:horizontal,
|
|
QSplitter::handle:vertical {
|
|
image: url(icon:/primary/splitter-vertical.svg);
|
|
}
|
|
|
|
QSizeGrip {
|
|
image: url(icon:/primary/sizegrip.svg);
|
|
background-color: transparent;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|