qt-material/qt_material/material.css.template

*{
  color: {{secondaryTextColor}};
  font-family: {{font_family}};
  line-height: 13px;
  selection-background-color: {{primaryLightColor}};
  selection-color: {{primaryTextColor}};
}

.accent{
  color: {{primaryColor}};
}
.danger{
  color: {{danger}};
}

.warning{
  color: {{warning}};
}

.success{
  color: {{success}};
}

.QWidget,
QWidget {
  background-color: {{secondaryDarkColor}};
}

QTableWidget,
.QFrame {
  background-color: {{secondaryDarkColor}};
  border: 1px solid {{secondaryColor}};
  border-radius: 4px;
}

QFrame {
  background-color: {{secondaryDarkColor}};
}

.QStatusBar {
  color: {{secondaryTextColor}};
  background-color: {{secondaryDarkColor}};
  border: 0px solid {{secondaryDarkColor}};
  border-radius: 0px;
}

QSizeGrip {
  image: url(:/icon/primary/sizegrip.svg);
  background-color: transparent;
  width: 16px;
  height: 16px;
}

QDateTimeEdit,
QSpinBox,
QDoubleSpinBox,
QTextEdit,
.QLineEdit,
QComboBox,
QPushButton {
  color: {{primaryColor}};
  background-color: {{secondaryDarkColor}};
  border: 1px solid {{primaryColor}};
  border-radius: 4px;
  padding: 8px 16px ;
  height: 18px;
  font-weight: bold;
}

QDateTimeEdit,
QSpinBox,
QDoubleSpinBox,
QTreeView,
QListView,
.QLineEdit,
QComboBox {
  color: {{primaryColor}};
  padding-left: 15px;
  border-radius: 0px;
  background-color: {{secondaryColor}};
  border-width: 0 0 2px 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}


QPlainTextEdit {
  border-radius: 4px;
  padding: 8px 16px;
  background-color: {{secondaryDarkColor}};
  border: 1px solid {{secondaryColor}};
}

QDateTimeEdit:disabled,
QSpinBox:disabled,
QDoubleSpinBox:disabled,
QTextEdit:disabled,
.QLineEdit:disabled,
QComboBox:disabled {
  color: {{primaryColor|opacity(0.2)}};
  background-color: {{secondaryColor|opacity(0.75)}};
  border: 2px solid {{primaryColor|opacity(0.2)}};
  border-width: 0 0 2px 0;
  border-radius: 4px;
  padding: 8px 16px ;
  font-weight: bold;
}

QComboBox[frame='false'] {
  color: {{primaryColor}};
  background-color: transparent;
  border: 1px solid transparent;
}

QHeaderView::section {
  color: {{secondaryTextColor|opacity(0.4)}};
  text-transform: uppercase;
  background-color: {{secondaryColor}};
  border-radius: 0px;
  padding: 0 20px;
  height: 35px;
}

QTextEdit {
  padding: 8px;
  border-radius: 4px;
  background-color: {{secondaryColor}};
}

QComboBox::drop-down {
  border: none;
  color: {{primaryColor}};
}

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 {
  border: 1px solid {{primaryColor}};
  border-radius: 4px;
}

QComboBox::item {
  color: {{secondaryTextColor}};
  background: {{secondaryColor}};
}

QComboBox::item:disabled {
  color: {{secondaryTextColor|opacity(0.3)}};
  background: {{secondaryColor}};
}

QComboBox::item:selected {
  color: {{secondaryDarkColor}};
  background-color: {{primaryColor}};
}

QComboBox::item:selected:disabled {
  color: {{secondaryDarkColor|opacity(0.3)}};
  background-color: {{primaryColor}};
}

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 {
  text-transform: uppercase;
  margin: 0px;
  padding: 0px 16px;
  height: 34px;
  min-height: 34px;
  max-height: 34px;
}

QPushButton:checked,
QPushButton:pressed {
  color: {{secondaryDarkColor}};
  background-color: {{primaryColor}};
}

QPushButton:flat {
  padding: 5px;
  margin: 0px;
  color: {{primaryColor}};
  border: none;
  background-color: transparent;
}

QPushButton:flat:hover {
}

QPushButton:flat:pressed,
QPushButton:flat:checked {
  color: {{primaryLightColor}};
}

QPushButton:disabled,
QPushButton:flat:disabled {
  color: {{secondaryLightColor|opacity(0.75)}};
  background-color: transparent;
  border-color:  {{secondaryColor}};
}

QPushButton:disabled {
  border: 2px solid {{secondaryLightColor|opacity(0.75)}};
}

QPushButton:checked:disabled {
  color: {{secondaryColor}};
  background-color: {{secondaryLightColor}};
  border-color:  {{secondaryLightColor}};
}

QTabWidget::pane {
}

QTabWidget::tab-bar {
}

QTabBar{
  text-transform: uppercase;
  font-weight: bold;
}

QTabBar::tab {
  color: {{secondaryTextColor}};
  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: {{primaryColor}};
  border-bottom: 2px solid {{primaryColor}};
}

QTabBar::tab:bottom:selected,
QTabBar::tab:bottom:hover {
  color: {{primaryColor}};
  border-top: 2px solid {{primaryColor}};
}

QTabBar::tab:right:selected,
QTabBar::tab:right:hover {
  color: {{primaryColor}};
  border-left: 2px solid {{primaryColor}};
}

QTabBar::tab:left:selected,
QTabBar::tab:left:hover {
  color: {{primaryColor}};
  border-right: 2px solid {{primaryColor}};
}

QTabBar QToolButton {
  border: 0px;
}

QTabBar QToolButton::up-arrow {
  image: url(:/icon/primary/uparrow.svg);
}

QTabBar QToolButton::down-arrow {
  image: url(:/icon/primary/downarrow.svg);
}

QTabBar QToolButton::right-arrow {
  image: url(:/icon/primary/rightarrow.svg);
}

QTabBar QToolButton::left-arrow {
  image: url(:/icon/primary/leftarrow.svg);
}

QTabBar::close-button {
  image: url(:/icon/disabled/tab_close.svg);
}

QTabBar::close-button:hover {
  image: url(:/icon/primary/tab_close.svg);
}

QGroupBox {
  background-color: {{secondaryColor}};
  border-radius: 4px;
  padding: 15px;
  padding-top: 30px;
  line-height: 13px;
  text-transform: uppercase;
}

QGroupBox::title {
  color: {{secondaryTextColor|opacity(0.4)}};
  subcontrol-origin: margin;
  subcontrol-position: top left;
  padding: 0 15px;
  margin-top: 10px;
  background-color: {{secondaryDarkColor}};
  background-color: transparent;
  height: 20px;
  border-radius: 8px;
}

QRadioButton,
QCheckBox {
  spacing: 10px;
  color: {{secondaryTextColor}};
  line-height: 14px;
  height: 30px;
  background-color: transparent;
  spacing: 5px;
}

QRadioButton:disabled,
QCheckBox:disabled {
  color: {{secondaryTextColor|opacity(0.3)}};
}

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: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 {
  color: {{secondaryTextColor}};
  text-transform: uppercase;
  border: 2px solid {{secondaryColor}};
  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;
}

QCalendarWidget QMenu,
QMenu {
  background-color: {{secondaryColor}};
  border: 2px solid {{secondaryLightColor}};
  border-radius: 2px;
  margin-top: 3px;
}

QCalendarWidget QMenu::item,
QMenu::item {
  padding: 2px 25px 2px 20px;
  border: 8px solid transparent; /* reserve space for selection border */
  color: {{secondaryTextColor}};
}

QCalendarWidget QMenu::item:selected,
QMenu::item:selected {
  color: {{primaryTextColor}};
  background-color: {{primaryLightColor}};
  border-radius: 4px;
}

QCalendarWidget QMenu::item:disabled,
QMenuBar::item:disabled,
QMenu::item:disabled {
  color: {{secondaryTextColor|opacity(0.3)}};
}

QMenu::separator {
  height: 2px;
  background-color: {{secondaryLightColor}};
  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{
  width: 15px;
  height: 15px;
}

QMenu::indicator:non-exclusive:unchecked {
  image: url(:/icon/primary/checkbox_unchecked.svg);
}

QMenu::indicator:non-exclusive:unchecked:selected {
  image: url(:/icon/disabled/checkbox_unchecked.svg);
}

QMenu::indicator:non-exclusive:checked {
  image: url(:/icon/primary/checkbox_checked.svg);
}

QMenu::indicator:non-exclusive:checked:selected {
  image: url(:/icon/disabled/checkbox_checked.svg);
}

QMenu::indicator:exclusive:unchecked {
  image: url(:/icon/primary/radiobutton_unchecked.svg);
}

QMenu::indicator:exclusive:unchecked:selected {
  image: url(:/icon/disabled/radiobutton_unchecked.svg);
}

QMenu::indicator:exclusive:checked {
  image: url(:/icon/primary/radiobutton_checked.svg);
}

QMenu::indicator:exclusive:checked:selected {
  image: url(:/icon/disabled/radiobutton_checked.svg);
}

QMenuBar {
  background-color: {{secondaryColor}};
  color: {{secondaryTextColor}};
}

QMenuBar::item {
  height: 33px;
  spacing: 3px;
  padding: 8px 8px;
  background-color: transparent;
  color: {{secondaryTextColor}};
}

QMenuBar::item:selected,
QMenuBar::item:pressed {
  color: {{primaryTextColor}};
  background-color: {{primaryColor}};
}

QToolBox::tab {
  background-color: {{secondaryColor}};
  color: {{secondaryTextColor}};
  padding-left: 15px;
  text-transform: uppercase;
  border-radius: 4px;
}

QProgressBar {
  border-radius: 0;
  background-color: {{secondaryLightColor}};
  text-align: center;
  color: transparent;
}

QProgressBar::chunk {
  background-color: {{primaryColor}};
}

QScrollBar:horizontal {
  border: 0;
  background: {{secondaryColor}};
  height: 8px;
}

QScrollBar:vertical {
  border: 0;
  background: {{secondaryColor}};
  width: 8px;
}

QScrollBar::handle:horizontal {
  background: {{secondaryLightColor}};
  min-width: 20px;
}

QScrollBar::handle:vertical {
  background: {{secondaryLightColor}};
  min-height: 20px;
}

QScrollBar::handle:vertical:hover,
QScrollBar::handle:horizontal:hover {
  background: {{primaryColor}};
}

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: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: {{secondaryColor}};
}

QSlider::sub-page {
background: {{primaryColor}};
}

QLabel {
  border: none;
  background: transparent;
  color: {{secondaryTextColor}}
}

QLabel:disabled {
  color: {{secondaryTextColor|opacity(0.2)}}
}

QLine {
  border: none;
  border-color: red;
}

QMdiArea{
}

QMdiSubWindow{
}

QMdiSubWindow:title{
}

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);
}

QToolBar {
  background: {{secondaryDarkColor}};
  border: 0px solid;
}

QToolBar:horizontal {
  border-bottom: 1px solid {{secondaryLightColor}};
}

QToolBar:vertical {
  border-right: 1px solid {{secondaryLightColor}};
}

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 {{secondaryLightColor}};
  border-left: 1px solid {{secondaryLightColor}};
  width: 1px;
}

QToolBar::separator:vertical {
  border-top: 1px solid {{secondaryLightColor}};
  border-bottom: 1px solid {{secondaryLightColor}};
  height: 1px;
}

QToolButton {
  background: {{secondaryDarkColor}};
  border: 0px;
  height: 40px;
  margin: 0px;
  padding: 5px;
  border-right: 10px solid {{secondaryDarkColor}};
  border-left: 10px solid {{secondaryDarkColor}};
}

QToolButton:hover {
  background: {{secondaryLightColor}};
  border-right: 10px solid {{secondaryLightColor}};
  border-left: 10px solid {{secondaryLightColor}};
}

QToolButton:pressed {
  background: {{secondaryColor}};
  border-right: 10px solid {{secondaryColor}};
  border-left: 10px solid {{secondaryColor}};
}

QToolButton:checked {
  background: {{secondaryLightColor}};
  border-left: 10px solid {{secondaryLightColor}};
  border-right: 10px solid {{primaryColor}};
}

QAbstractScrollArea {
}

QTreeView,
QListView {
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
}

QTreeView::item,
QListView::item {
  padding: 5px;
  min-height: 25px;
}

QTableView::item:disabled,
QTreeView::item:disabled,
QListView::item:disabled{
  color: {{secondaryTextColor|opacity(0.3)}};
}

QTableCornerButton::section {
  background-color: {{secondaryDarkColor}};
  border: none;
}

QTreeView::branch:has-children:!has-siblings:closed,
QTreeView::branch:closed:has-children:has-siblings {
  border-image: none;
  image: url(:/icon/primary/rightarrow.svg);
}

QTreeView::branch:open:has-children:!has-siblings,
QTreeView::branch:open:has-children:has-siblings  {
  border-image: none;
  image: url(:/icon/primary/downarrow.svg);
}

QPushButton.danger{
  border-color: {{danger}};
  color: {{danger}};
}

QPushButton.danger:checked,
QPushButton.danger:pressed {
  color: {{secondaryDarkColor}};
  background-color: {{danger}};
}

QPushButton.warning{
  border-color: {{warning}};
  color: {{warning}};
}

QPushButton.warning:checked,
QPushButton.warning:pressed {
  color: {{secondaryDarkColor}};
  background-color: {{warning}};
}

QPushButton.success{
  border-color: {{success}};
  color: {{success}};
}

QPushButton.success:checked,
QPushButton.success:pressed {
  color: {{secondaryDarkColor}};
  background-color: {{success}};
}

QTableView > QHeaderView::section {
  border-right: 2px solid {{secondaryLightColor}};
}

QTableView > QHeaderView::section:last {
  border-right: 2px solid {{secondaryColor}};
}

QTableView {
  alternate-background-color: {{secondaryColor|opacity(0.7)}};
}

QLCDNumber {
  color: {{primaryColor}};
  background-color:{{primaryColor|opacity(0.1)}};
  border: 1px solid {{primaryColor|opacity(0.3)}};
  border-radius: 2px;
}

#qt_calendar_prevmonth {
    qproperty-icon: url(:/icon/primary/leftarrow.svg);
}

#qt_calendar_nextmonth {
  qproperty-icon: url(:/icon/primary/rightarrow.svg);
}