ayon-core/client/ayon_core/style/style.css

/*
Enabled vs Disabled logic in most of stylesheets

- global font color
    Enabled - should be same globalle except placeholders
    Disabled - font color is greyed out

- global active/hover
   Enabled - color motive of borders and bg color
       - combobox, slider, views, buttons, checkbox, radiobox, inputs

- QLineEdit, QTextEdit, QPlainTextEdit, QAbstractSpinBox
    Enabled - bg has lighter or darked color
    Disabled - bg has same color as background

- QComboBox, QPushButton, QToolButton
    Enabled - slightly lighter color
    Disabled - even lighter color
*/

* {
    font-size: 10pt;
    font-family: "Noto Sans";
    font-weight: 450;
    outline: none;

    /* Define icon size to fix size issues for most of DCCs */
    icon-size: 16px;
}

QWidget {
    color: {color:font};
    background: {color:bg};
    border-radius: 0px;
}

QWidget:disabled {
    color: {color:font-disabled};
}

/* Some DCCs have set borders to solid color */
QScrollArea {
    border: none;
}

QLabel {
    background: transparent;
}

/* Inputs */
QAbstractSpinBox, QLineEdit, QPlainTextEdit, QTextEdit {
    border: 1px solid {color:border};
    border-radius: 0.2em;
    background: {color:bg-inputs};
    padding: 0.1em;
}

QAbstractSpinBox:disabled, QLineEdit:disabled, QPlainTextEdit:disabled, QTextEdit:disabled {
    background: {color:bg-inputs-disabled};
}
QAbstractSpinBox:hover, QLineEdit:hover, QPlainTextEdit:hover, QTextEdit:hover{
    border-color: {color:border-hover};
}
QAbstractSpinBox:focus, QLineEdit:focus, QPlainTextEdit:focus, QTextEdit:focus{
    border-color: {color:border-focus};
}

QAbstractSpinBox:up-button {
    margin: 0px;
    background-color: transparent;
    subcontrol-origin: border;
    subcontrol-position: top right;
    border-top-right-radius: 0.3em;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-left: 1px solid {color:border};
    border-bottom: 1px solid {color:border};
}

QAbstractSpinBox:down-button {
    margin: 0px;
    background-color: transparent;
    subcontrol-origin: border;
    subcontrol-position: bottom right;
    border-bottom-right-radius: 0.3em;
    border-bottom: 0px solid transparent;
    border-right: 0px solid transparent;
    border-left: 1px solid {color:border};
    border-top: 1px solid {color:border};
}

QAbstractSpinBox:up-button:focus, QAbstractSpinBox:down-button:focus {
    border-color: {color:border-focus};
}
QAbstractSpinBox::up-arrow, QAbstractSpinBox::up-arrow:off {
    image: url(:/openpype/images/up_arrow.png);
    width: 0.5em;
    height: 1em;
    border-width: 1px;
}
QAbstractSpinBox::up-arrow:hover {
    image: url(:/openpype/images/up_arrow_on.png);
    bottom: 1;
}
QAbstractSpinBox::up-arrow:disabled {
    image: url(:/openpype/images/up_arrow_disabled.png);
}
QAbstractSpinBox::up-arrow:pressed {
    image: url(:/openpype/images/up_arrow_on.png);
    bottom: 0;
}

QAbstractSpinBox::down-arrow, QAbstractSpinBox::down-arrow:off {
    image: url(:/openpype/images/down_arrow.png);
    width: 0.5em;
    height: 1em;
    border-width: 1px;
}
QAbstractSpinBox::down-arrow:hover {
    image: url(:/openpype/images/down_arrow_on.png);
    bottom: 1;
}
QAbstractSpinBox::down-arrow:disabled {
    image: url(:/openpype/images/down_arrow_disabled.png);
}
QAbstractSpinBox::down-arrow:hover:pressed {
    image: url(:/openpype/images/down_arrow_on.png);
    bottom: 0;
}

/* Buttons */
QPushButton {
    text-align:center center;
    border: 0px solid transparent;
    border-radius: 0.2em;
    padding: 3px 5px 3px 5px;
    background: {color:bg-buttons};
    min-width: 0px; /* Substance Painter fix */
}

QPushButton:hover {
    background: {color:bg-buttons-hover};
    color: {color:font-hover};
}

QPushButton:pressed {}

QPushButton:disabled {
    background: {color:bg-buttons-disabled};
}

QPushButton::menu-indicator  {
    subcontrol-origin: padding;
    subcontrol-position: right;
    width: 8px;
    height: 8px;
    padding-right: 5px;
}

QPushButton[state="error"] {
    background: {color:publisher:error};
}

QToolButton {
    border: 0px solid transparent;
    background: {color:bg-buttons};
    border-radius: 0.2em;
    padding: 2px;
}

QToolButton:hover {
    background: {color:bg-buttons-hover};
    color: {color:font-hover};
}

QToolButton:disabled {
    background: {color:bg-buttons-disabled};
}

QToolButton[popupMode="1"], QToolButton[popupMode="MenuButtonPopup"] {
    /* make way for the popup button */
    padding-right: 20px;
}

QToolButton::menu-button {
    width: 16px;
    background: transparent;
    border: 1px solid transparent;
    border-left: 1px solid qlineargradient(x1:0, y1:0, x2:0, y2:1, stop: 0 transparent, stop:0.2 {color:font}, stop:0.8 {color:font}, stop: 1 transparent);
    padding: 3px 0px 3px 0px;
    border-radius: 0;
}

QToolButton::menu-arrow {
    /* Offset arrow a little bit to center. */
    left: 1px; top: 1px;
}

QToolButton::menu-arrow:open {
    /* Don't offset arrow on open. */
    left: 0px; top: 0px;
}

/* QMenu */
QMenu {
    border: 1px solid #555555;
    background: {color:bg-inputs};
}

QMenu::icon {
    padding-left: 7px;
}

QMenu::item {
    padding: 6px 25px 6px 10px;
}

QMenu::item:selected {
    background: {color:bg-view-hover};
}

QMenu::item:selected:hover {
    background: {color:bg-view-hover};
}

QMenu::right-arrow {
    min-width: 10px;
}
QMenu::separator {
    background: {color:bg-menu-separator};
    height: 2px;
    margin-right: 5px;
}

/* Combobox */
QComboBox {
    border: 1px solid {color:border};
    border-radius: 0.2em;
    padding: 1px 3px 1px 3px;
    background: {color:bg-inputs};
}
QComboBox:hover {
    border-color: {color:border-hover};
}
QComboBox:disabled {
    background: {color:bg-inputs-disabled};
}

/* QComboBox must have explicitly set Styled delegate! */
QComboBox QAbstractItemView {
    border: 1px solid {color:border};
	background: {color:bg-inputs};
}

QComboBox QAbstractItemView::item:selected {
    background: {color:bg-view-hover};
    color: {color:font};
    padding-left: 0px;
}

QComboBox QAbstractItemView::item:selected:hover {
    background: {color:bg-view-hover};
}

QComboBox::drop-down {
    subcontrol-origin: padding;
    subcontrol-position: center right;
    width: 15px;
    border-style: none;
    border-left-style: solid;
    border-left-color: {color:border};
    border-left-width: 1px;
}
QComboBox::down-arrow, QComboBox::down-arrow:on, QComboBox::down-arrow:hover, QComboBox::down-arrow:focus
{
    image: url(:/openpype/images/combobox_arrow.png);
}

/* Splitter */
QSplitter::handle {
    border: 3px solid transparent;
}

QSplitter::handle:horizontal, QSplitter::handle:vertical, QSplitter::handle:horizontal:hover, QSplitter::handle:vertical:hover {
    /* must be single like because of Nuke*/
    background: transparent;
}

/* SLider */
QSlider::groove {
    border: 1px solid #464b54;
    border-radius: 0.3em;
    background: {color:bg-inputs};
}
QSlider::groove:horizontal {
    height: 8px;
}

QSlider::groove:vertical {
    width: 8px;
}

QSlider::groove:hover {
    border-color: {color:border-hover};
}
QSlider::groove:disabled {
    background: {color:bg-inputs-disabled};
}
QSlider::groove:focus {
    border-color: {color:border-focus};
}
QSlider::handle {
    /* must be single like because of Nuke*/
    background: qlineargradient(x1: 0, y1: 0.5, x2: 1, y2: 0.5,stop: 0 {palette:blue-base},stop: 1 {palette:green-base});
    border: 1px solid #5c5c5c;
    width: 10px;
    height: 10px;

    border-radius: 5px;
}

QSlider::handle:horizontal {
    margin: -2px 0;
}
QSlider::handle:vertical {
    margin: 0 -2px;
}

QSlider::handle:disabled {
    /* must be single like because of Nuke*/
    background: qlineargradient(x1:0, y1:0,x2:1, y2:1,stop:0 {color:bg-buttons},stop:1 {color:bg-buttons-disabled});
}

/* Tab widget*/
QTabWidget::pane {
    border-top-style: none;
}

/* move to the right to not mess with borders of widget underneath */
QTabWidget::tab-bar {
    alignment: left;
}

/* avoid QTabBar overrides in Substance Painter */
QTabBar {
    text-transform: none;
    font-weight: normal;
}

QTabBar::tab {
    text-transform: none;
    font-weight: normal;
    border-top: 1px solid {color:border};
    border-left: 1px solid {color:border};
    border-right: 1px solid {color:border};
    padding: 5px;
    background: {color:tab-widget:bg};
    color: {color:tab-widget:color};
}

QTabBar::tab:selected {
    border-left-color: {color:tab-widget:bg-selected};
    border-right-color: {color:tab-widget:bg-selected};
    border-top-color: {color:border-focus};
    background: {color:tab-widget:bg-selected};
    color: {color:tab-widget:color-selected};
}

QTabBar::tab:!selected {}
QTabBar::tab:!selected:hover {
    background: {color:tab-widget:bg-hover};
    color: {color:tab-widget:color-hover};
}
QTabBar::tab:first {}
QTabBar::tab:first:selected {}
QTabBar::tab:last:!selected {
    border-right: 1px solid {color:border};
}
QTabBar::tab:last:selected {}
QTabBar::tab:only-one {}

QHeaderView {
    border: 0px solid {color:border};
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}

QHeaderView::section  {
    background: {color:bg-view-header};
    padding: 4px;
    border-top: 0px; /* Substance Painter fix */
    border-right: 1px solid {color:bg-view};
    border-radius: 0px;
    text-align: center;
    color: {color:font};
    font-weight: bold;
}
QHeaderView::section:first {
    border-left: none;
}
QHeaderView::section:last {
    border-right: none;
}
QHeaderView::section:only-one {
    border-left: none;
    border-right: none;
}

QHeaderView::down-arrow {
    image: url(:/openpype/images/down_arrow.png);
    padding-right: 4px;
    subcontrol-origin: padding;
    subcontrol-position: center right;
}

QHeaderView::up-arrow {
    image: url(:/openpype/images/up_arrow.png);
    padding-right: 4px;
    subcontrol-origin: padding;
    subcontrol-position: center right;
}

/* Checkboxes */
QCheckBox {
    background: transparent;
}

QCheckBox::indicator {
    width: 16px;
    height: 16px;
}

QAbstractItemView::indicator:checked, QCheckBox::indicator:checked {
    image: url(:/openpype/images/checkbox_checked.png);
}
QAbstractItemView::indicator:checked:focus, QCheckBox::indicator:checked:focus {
    image: url(:/openpype/images/checkbox_checked_focus.png);
}
QAbstractItemView::indicator:checked:hover, QAbstractItemView::indicator:checked:pressed, QCheckBox::indicator:checked:hover, QCheckBox::indicator:checked:pressed {
    image: url(:/openpype/images/checkbox_checked_hover.png);
}
QAbstractItemView::indicator:checked:disabled, QCheckBox::indicator:checked:disabled {
    image: url(:/openpype/images/checkbox_checked_disabled.png);
}

QAbstractItemView::indicator:unchecked, QCheckBox::indicator:unchecked {
    image: url(:/openpype/images/checkbox_unchecked.png);
}
QAbstractItemView::indicator:unchecked:focus, QCheckBox::indicator:unchecked:focus {
    image: url(:/openpype/images/checkbox_unchecked_focus.png);
}
QAbstractItemView::indicator:unchecked:hover, QAbstractItemView::indicator:unchecked:pressed, QCheckBox::indicator:unchecked:hover, QCheckBox::indicator:unchecked:pressed {
    image: url(:/openpype/images/checkbox_unchecked_hover.png);
}
QAbstractItemView::indicator:unchecked:disabled, QCheckBox::indicator:unchecked:disabled {
    image: url(:/openpype/images/checkbox_unchecked_disabled.png);
}

QAbstractItemView::indicator:indeterminate, QCheckBox::indicator:indeterminate {
    image: url(:/openpype/images/checkbox_indeterminate.png);
}
QAbstractItemView::indicator:indeterminate:focus, QCheckBox::indicator:indeterminate:focus {
    image: url(:/openpype/images/checkbox_indeterminate_focus.png);
}
QAbstractItemView::indicator:indeterminate:hover, QAbstractItemView::indicator:indeterminate:pressed, QCheckBox::indicator:indeterminate:hover, QCheckBox::indicator:indeterminate:pressed {
    image: url(:/openpype/images/checkbox_indeterminate_hover.png);
}
QAbstractItemView::indicator:indeterminate:disabled, QCheckBox::indicator:indeterminate:disabled {
    image: url(:/openpype/images/checkbox_indeterminate_disabled.png);
}

/* Views QListView QTreeView QTableView */
QAbstractItemView {
    border: 0px solid {color:border};
    border-radius: 0px;
    background: {color:bg-view};
    alternate-background-color: {color:bg-view-alternate};
    /* Mac shows selection color on branches. */
    selection-background-color: transparent;
}

QAbstractItemView::item {
    /* `border: none` hide outline of selected item. */
    border: none;
}

QAbstractItemView:disabled{
    background: {color:bg-view-disabled};
    alternate-background-color: {color:bg-view-alternate-disabled};
    border: 1px solid {color:border};
}

QAbstractItemView::item:hover {
    background: {color:bg-view-hover};
}

QAbstractItemView::item:selected {
    background: {color:bg-view-selection};
    color: {color:font-view-selection};
}

QAbstractItemView::item:selected:active {
    color: {color:font-view-selection};
}

/* Same as selected but give ability to easy change it */
QAbstractItemView::item:selected:!active {
    background: {color:bg-view-selection};
    color: {color:font-view-selection};
}

QAbstractItemView::item:selected:hover {
    background: {color:bg-view-selection-hover};
}

/* Row colors (alternate colors) are from left - right */
QTreeView::branch {
    background: {color:bg-view};
}
QTreeView::branch:hover {
    background: {color:bg-view};
}
QTreeView::branch:selected {
    background: {color:bg-view};
}

QAbstractItemView::branch:open:has-children:!has-siblings,
QAbstractItemView::branch:open:has-children:has-siblings {
    border-image: none;
    image: url(:/openpype/images/branch_open.png);
    background: {color:bg-view};
}
QAbstractItemView::branch:open:has-children:!has-siblings:hover,
QAbstractItemView::branch:open:has-children:has-siblings:hover {
    border-image: none;
    image: url(:/openpype/images/branch_open_on.png);
    background: {color:bg-view};
}

QAbstractItemView::branch:has-children:!has-siblings:closed,
QAbstractItemView::branch:closed:has-children:has-siblings {
    border-image: none;
    image: url(:/openpype/images/branch_closed.png);
    background: {color:bg-view};
}
QAbstractItemView::branch:has-children:!has-siblings:closed:hover,
QAbstractItemView::branch:closed:has-children:has-siblings:hover {
    border-image: none;
    image: url(:/openpype/images/branch_closed_on.png);
    background: {color:bg-view};
}

QAbstractItemView::branch:has-siblings:!adjoins-item {
    border-image: none;
    image: url(:/openpype/images/transparent.png);
    background: {color:bg-view};
}

QAbstractItemView::branch:has-siblings:adjoins-item {
    border-image: none;
    image: url(:/openpype/images/transparent.png);
    background: {color:bg-view};
}

QAbstractItemView::branch:!has-children:!has-siblings:adjoins-item {
    border-image: none;
    image: url(:/openpype/images/transparent.png);
    background: {color:bg-view};
}

CompleterView {
    border: 1px solid #555555;
    background: {color:bg-inputs};
}

CompleterView::item:selected {
    background: {color:bg-view-hover};
}

CompleterView::item:selected:hover {
    background: {color:bg-view-hover};
}

CompleterView::right-arrow {
    min-width: 10px;
}
CompleterView::separator {
    background: {color:bg-menu-separator};
    height: 2px;
    margin-right: 5px;
}

/* Progress bar */
QProgressBar {
    border: 1px solid {color:border};
    font-weight: bold;
    text-align: center;
}

QProgressBar:horizontal {
    height: 20px;
}
QProgressBar:vertical {
    width: 20px;
}

QProgressBar::chunk {
    /* must be single like because of Nuke*/
    background: qlineargradient(x1: 0, y1: 0.5,x2: 1, y2: 0.5,stop: 0 {palette:blue-base},stop: 1 {palette:green-base});
}

/* Scroll bars */
QScrollBar {
    background: {color:bg-inputs};
    border-radius: 4px;
    border: 1px transparent {color:bg-inputs};
}

QScrollBar:horizontal {
    height: 15px;
    margin: 3px 3px 3px 6px;
}

QScrollBar:vertical {
    width: 15px;
    margin: 6px 3px 3px 3px;
}

QScrollBar::handle {
    background: {color:bg-scroll-handle};
    border-radius: 4px;
}

QScrollBar::handle:horizontal {
    min-width: 5px;
}

QScrollBar::handle:vertical {
    min-height: 5px;
}

QScrollBar::add-line:horizontal {
    margin: 0px 3px 0px 3px;
    width: 0px;
    height: 0px;
    subcontrol-position: right;
    subcontrol-origin: margin;
}

QScrollBar::sub-line:horizontal {
    margin: 0px 3px 0px 3px;
    height: 0px;
    width: 0px;
    subcontrol-position: left;
    subcontrol-origin: margin;
}

QScrollBar::add-line:horizontal:hover,QScrollBar::add-line:horizontal:on {
    height: 0px;
    width: 0px;
    subcontrol-position: right;
    subcontrol-origin: margin;
}

QScrollBar::sub-line:horizontal:hover, QScrollBar::sub-line:horizontal:on {
    height: 0px;
    width: 0px;
    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::sub-line:vertical {
    margin: 3px 0px 3px 0px;
    height: 0px;
    width: 0px;
    subcontrol-position: top;
    subcontrol-origin: margin;
}

QScrollBar::add-line:vertical {
    margin: 3px 0px 3px 0px;
    height: 0px;
    width: 0px;
    subcontrol-position: bottom;
    subcontrol-origin: margin;
}

QScrollBar::sub-line:vertical:hover,QScrollBar::sub-line:vertical:on {
    subcontrol-position: top;
    subcontrol-origin: margin;
}


QScrollBar::add-line:vertical:hover, QScrollBar::add-line:vertical:on {
    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;
}

/* Messages overlay */
OverlayMessageWidget {
    border-radius: 0.2em;
    background: {color:overlay-messages:bg-success};
}

OverlayMessageWidget:hover {
    background: {color:overlay-messages:bg-success-hover};
}

OverlayMessageWidget[type="error"] {
    background: {color:overlay-messages:bg-error};
}
OverlayMessageWidget[type="error"]:hover {
    background: {color:overlay-messages:bg-error-hover};
}

OverlayMessageWidget[type="info"] {
    background: {color:overlay-messages:bg-info};
}
OverlayMessageWidget[type="info"]:hover {
    background: {color:overlay-messages:bg-info-hover};
}

OverlayMessageWidget QWidget {
    background: transparent;
}

/* Hinted Line Edit */
HintedLineEditInput {
    border-radius: 0.2em;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid {color:border};
}
HintedLineEditInput:hover {
    border-color: {color:border-hover};
}
HintedLineEditInput:focus{
    border-color: {color:border-focus};
}
HintedLineEditInput:disabled {
    background: {color:bg-inputs-disabled};
}
HintedLineEditButton {
    border: none;
    border-radius: 0.2em;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    padding: 0px;
    qproperty-iconSize: 11px 11px;
}

/* Password dialog*/
#PasswordBtn {
    border: none;
    padding:0.1em;
    background: transparent;
}

#PasswordBtn:hover {
    background: {color:bg-buttons};
}

#RememberCheckbox {
    spacing: 0.5em;
}

/* Project Manager stylesheets */
#HierarchyView::item {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
}

#InfoText {
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 20px;
    background: transparent;
    border: none;
}

#TypeEditor, #ToolEditor, #NameEditor, #NumberEditor {
    background: transparent;
    border-radius: 0.2em;
}

#TypeEditor:focus, #ToolEditor:focus, #NameEditor:focus, #NumberEditor:focus {
    background: {color:bg-inputs};
}

#CompleterView {
    border: 1px solid {color:border};
    background: {color:bg-inputs};
}

#CompleterView::item {
    background: {color:bg-view-hover};
    color: {color:font};
    padding-left: 0px;
}

#CompleterView::item:hover {
    background: {color:bg-view-hover};
}

#DeleteButton {
    background: {color:delete-btn-bg};
}
#DeleteButton:disabled {
    background: {color:delete-btn-bg-disabled};
}

/* Launcher specific stylesheets */
#IconView[mode="icon"] {
    /* font size can't be set on items */
    font-size: 9pt;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

#IconView[mode="icon"]::item  {
    margin-top: 6px;
    border: 0px;
}

#IconView[mode="icon"]::item:hover {
    background: rgba(0, 0, 0, 0);
    color: {color:font-hover};
}

#IconView[mode="icon"]::icon {
    top: 3px;
}

/* Standalone publisher */

#ComponentItem {
    background: transparent;
}

#ComponentFrame {
    border: 1px solid {color:border};
    border-radius: 0.1em;
}

/* Subset Manager */
#SubsetManagerDetailsText {}
#SubsetManagerDetailsText[state="invalid"] {
    border: 1px solid #ff0000;
}

/* Creator */
#CreatorsView::item {
    padding: 1px 5px;
}

#CreatorProductTypeLabel {
    font-size: 10pt;
    font-weight: bold;
}

/* Scene Inventory */
#ButtonWithMenu {
    padding-right: 16px;
    border: 1px solid #4A4949;
    border-radius: 2px;
}
#ButtonWithMenu::menu-button {
    border: 1px solid #4A4949;
    width: 12px;
    border-top-left-radius: 0px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0px;
}

#ButtonWithMenu[state="1"], #ButtonWithMenu[state="1"]::menu-button, #ButtonWithMenu[state="1"]::menu-button:hover {
    border-color: green;
}

/* Python console interpreter */
#PythonInterpreterOutput, #PythonCodeEditor {
    font-family: "Noto Sans Mono";
    border-radius: 0px;
}

#ProductView::item, #RepresentationView:item {
    padding: 5px 1px;
    border: 0px;
}

#OptionalActionBody, #OptionalActionOption {
    background: transparent;
}

#OptionalActionBody[state="hover"], #OptionalActionOption[state="hover"] {
    background: {color:bg-view-hover};
}

/* Publisher UI (Create/Publish) */
#PublishWindow QAbstractSpinBox, QLineEdit, QPlainTextEdit, QTextEdit {
    padding: 1px;
}
#PublishWindow QComboBox {
    padding: 1px 1px 1px 0.2em;
}
PublisherTabsWidget {
    background: {color:publisher:tab-bg};
}

PublisherTabBtn {
    border-radius: 0px;
    background: {color:bg-inputs};
    font-size: 9pt;
    font-weight: regular;
    padding: 0.5em 1em 0.5em 1em;
}

PublisherTabBtn:disabled {
    background: {color:bg-inputs};
}

PublisherTabBtn:hover {
    background: {color:bg-buttons};
}

PublisherTabBtn[active="1"] {
    background: {color:bg};
}
PublisherTabBtn[active="1"]:hover {
    background: {color:bg};
}

PixmapButton{
    border: 0px solid transparent;
    border-radius: 0.2em;
    background: {color:bg-buttons};
}
PixmapButton:hover {
    background: {color:bg-buttons-hover};
}
PixmapButton:disabled {
    background: {color:bg-buttons-disabled};
}

#ThumbnailPixmapHoverButton {
    font-size: 11pt;
    background: {color:bg-view};
}
#ThumbnailPixmapHoverButton:hover {
    background: {color:bg-buttons-hover};
}

#CreatorDetailedDescription {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    background: transparent;
    border: 1px solid {color:border};
}

#CreateDialogHelpButton {
    background: {color:bg-buttons};
    border-top-left-radius: 0.2em;
    border-bottom-left-radius: 0.2em;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-weight: bold;
}

#CreateDialogHelpButton:hover {
    background: {color:bg-buttons-hover};
}
#CreateDialogHelpButton QWidget {
    background: transparent;
}

#PublishLogConsole {
    font-family: "Noto Sans Mono";
}
#VariantInput[state="new"], #VariantInput[state="new"]:focus, #VariantInput[state="new"]:hover {
    border-color: {color:publisher:success};
}
#VariantInput[state="invalid"], #VariantInput[state="invalid"]:focus, #VariantInput[state="invalid"]:hover {
    border-color: {color:publisher:error};
}

#VariantInput[state="empty"], #VariantInput[state="empty"]:focus, #VariantInput[state="empty"]:hover {
    border-color: {color:bg-inputs};
}

#VariantInput[state="exists"], #VariantInput[state="exists"]:focus, #VariantInput[state="exists"]:hover {
    border-color: #4E76BB;
}

#MultipleItemView {
    background: transparent;
    border: none;
}

#MultipleItemView:item {
    background: {color:bg-view-selection};
    border-radius: 0.4em;
}

#InstanceListView::item {
    border-radius: 0.3em;
    margin: 1px;
}
#InstanceListGroupWidget {
    border: none;
    background: transparent;
}

#CardViewWidget {
    background: {color:bg-buttons};
    border-radius: 0.2em;
}
#CardViewWidget:hover {
    background: {color:bg-buttons-hover};
}
#CardViewWidget[state="selected"] {
    background: {color:bg-view-selection};
}

#ListViewProductName[state="invalid"] {
    color: {color:publisher:error};
}

#PublishInfoFrame {
    background: {color:bg};
    border-radius: 0.3em;
}
#PublishInfoFrame[state="0"] {
  background: {color:publisher:success};
}

#PublishInfoFrame[state="1"] {
	background: {color:publisher:crash};
}

#PublishInfoFrame[state="2"] {
	background: {color:publisher:warning};
}

#PublishInfoFrame[state="3"], #PublishInfoFrame[state="4"] {
    background: {color:publisher:progress};
}

#PublishInfoFrame QLabel {
    color: black;
    font-style: bold;
}

#PublishReportHeader {
    font-size: 14pt;
    font-weight: bold;
}

#PublishInfoMainLabel {
    font-size: 12pt;
}

#PublishContextLabel {
    font-size: 13pt;
}

#PublisherVerticalScrollArea QScrollBar {
    background: transparent;
    margin: 0;
    border: none;
}

#PublisherVerticalScrollArea QScrollBar:horizontal {
    height: 10px;
    margin: 0;
}

#PublisherVerticalScrollArea QScrollBar:vertical {
    width: 10px;
    margin: 0;
}

#PublisherVerticalScrollArea QScrollBar::handle {
    background: {color:bg-scroll-handle};
    border-radius: 4px;
    margin: 1px;
}

#PublisherVerticalScrollArea QScrollBar::handle:horizontal {
    min-width: 20px;
    min-height: 8px;
}

#PublisherVerticalScrollArea QScrollBar::handle:vertical {
    min-height: 20px;
    min-width: 8px;
}

ValidationArtistMessage QLabel {
    font-size: 20pt;
    font-weight: bold;
}

#PublishActionButton {
    border-radius: 0.2em;
    padding: 4px 6px 4px 6px;
    background: {color:bg-buttons};
}

#PublishActionButton:hover {
    background: {color:bg-buttons-hover};
    color: {color:font-hover};
}

#PublishActionButton:disabled {
    background: {color:bg-buttons-disabled};
}

#PublishErrorTitleFrame {
    border-radius: 0.2em;
    background: {color:bg-buttons};
}

#PublishErrorTitleFrame:hover {
    background: {color:bg-buttons-hover};
}

#PublishErrorTitleFrame[selected="1"] {
    background: {color:bg-view-selection};
}

#PublishErrorInstanceList {
    border-radius: 0;
}

#PublishErrorInstanceList::item {
    border-bottom: 1px solid {color:border};
    border-left: 1px solid {color:border};
}

#PublishInstancesDetails {
    border: 1px solid {color:border};
    border-radius: 0.3em;
}

#InstancesLogsView {
    border: 1px solid {color:border};
    background: {color:bg-view};
    border-radius: 0.3em;
}

#PublishLogMessage {
    font-family: "Noto Sans Mono";
    border: none;
    padding: 0;
}

#PublishInstanceLogsLabel {
    font-weight: bold;
}

#PublishCrashMainLabel{
    font-weight: bold;
    font-size: 16pt;
}

#PublishCrashReportLabel {
    font-weight: bold;
    font-size: 13pt;
}

#FolderPathInputWidget {
    background: {color:bg-inputs};
    border: 1px solid {color:border};
    border-radius: 0.2em;
}

#FolderPathInputWidget QWidget {
    background: transparent;
}

#FolderPathInputButton {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    padding: 0px;
    qproperty-iconSize: 11px 11px;
    border-left: 1px solid {color:border};
    border-right: none;
    border-top: none;
    border-bottom: none;
}

#FolderPathInput {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border: none;
}

#FolderPathInputWidget:hover {
    border-color: {color:border-hover};
}
#FolderPathInputWidget:focus{
    border-color: {color:border-focus};
}
#FolderPathInputWidget:disabled {
    background: {color:bg-inputs-disabled};
}

#TasksCombobox[state="invalid"], #FolderPathInputWidget[state="invalid"], #FolderPathInputButton[state="invalid"] {
    border-color: {color:publisher:error};
}

#PublishProgressBar[state="1"]::chunk, #PublishProgressBar[state="4"]::chunk {
    background: {color:bg-buttons};
}

#PublishDetailViews {
    background: transparent;
}
#PublishDetailViews::item {
    margin: 1px 0px 1px 0px;
}
#PublishCommentInput {
    padding: 0.2em;
}
#ProductTypeIconLabel {
    font-size: 14pt;
}
#ArrowBtn, #ArrowBtn:disabled, #ArrowBtn:hover {
    background: transparent;
}

#PluginDetailsContent {
    background: {color:bg-inputs};
    border-radius: 0.2em;
}
#PluginDetailsContent #PluginLabel {
    font-size: 14pt;
    font-weight: bold;
}

CreateNextPageOverlay {
    font-size: 32pt;
}

/* Settings - NOT USED YET
- we need to define font family for settings UI */

#SettingsMainWidget {
    background: #141a1f;
}
/* Change focus borders. */
#SettingsMainWidget QAbstractSpinBox:focus, #SettingsMainWidget QLineEdit:focus, #SettingsMainWidget QPlainTextEdit:focus, #SettingsMainWidget QTextEdit:focus {
    border-color: {color:settings:focus-border};
}
/* Modify tab widget for settings */
#SettingsMainWidget QTabWidget::pane {
    border-top-style: none;
}

#SettingsMainWidget QTabBar {
   background: transparent;
}

#SettingsMainWidget QTabBar::tab {
    border: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 5px;
}

#SettingsMainWidget QTabBar::tab:selected {
    background: {color:bg};
    border-color: #9B9B9B;
    border-bottom-color: #C2C7CB;
}

#SettingsMainWidget QTabBar::tab:!selected {
    margin-top: 2px;
    background: #21252B;
}

#SettingsMainWidget QTabBar::tab:!selected:hover {
    background: #333840;
}

#SettingsMainWidget QTabBar::tab:first:selected {
    margin-left: 0;
}

#SettingsMainWidget QTabBar::tab:last:selected {
    margin-right: 0;
}

#SettingsMainWidget QTabBar::tab:only-one {
    margin: 0;
}

#SettingsToolIconBtn {
    border: 0px solid #bfccd6;
    background-color: transparent;
}

#SettingsToolBtn {
    border: 1px solid #bfccd6;
    border-radius: 10px;
    background-color: transparent;
}

#SettingsToolBtn:hover {
    border-color: #189aea;
    color: {color:settings:modified-light};
    background-color: transparent;
}
#SettingsToolBtn:disabled {
    background-color: #464b54;
}

#ExpandToggleBtn {
    background: transparent;
}

#SettingsLabel {
    background: transparent;
    color: {color:settings:label-fg};
}
#SettingsLabel:hover {color: {color:settings:label-fg-hover};}

#ExpandLabel {
    font-weight: bold;
    color: {color:settings:label-fg};
}
#ExpandLabel:hover {
    color: {color:settings:label-fg-hover};
}

#ExpandLabel[state="studio"], #SettingsLabel[state="studio"] {
    color: {color:settings:studio-light};
}
#ExpandLabel[state="studio"]:hover, #SettingsLabel[state="studio"]:hover {
    color: {color:settings:studio-label-hover};
}
#ExpandLabel[state="modified"], #SettingsLabel[state="modified"] {
    color: {color:settings:modified-mid};
}
#ExpandLabel[state="modified"]:hover, #SettingsLabel[state="modified"]:hover {
    color: {color:settings:modified-light};
}
#ExpandLabel[state="overridden-modified"], #SettingsLabel[state="overridden-modified"] {
    color: {color:settings:modified-mid};
}
#ExpandLabel[state="overridden-modified"]:hover, #SettingsLabel[state="overridden-modified"]:hover {
    color: {color:settings:modified-light};
}
#ExpandLabel[state="overridden"], #SettingsLabel[state="overridden"] {
    color: {color:settings:project-mid};
}
#ExpandLabel[state="overridden"]:hover, #SettingsLabel[state="overridden"]:hover {
    color: {color:settings:project-light};
}
#ExpandLabel[state="invalid"], #SettingsLabel[state="invalid"] {
    color:{color:settings:invalid-dark};
}
#ExpandLabel[state="invalid"]:hover, #SettingsLabel[state="invalid"]:hover {
    color: {color:settings:invalid-dark};
}
#SettingsOutdatedSourceVersion {
    color: {color:settings:source-version-outdated};
}
#SourceVersionLabel {
    padding-left: 3px;
    padding-right: 3px;
}

#SourceVersionLabel[state="same"] {
    color: {color:settings:source-version};
}
#SourceVersionLabel[state="different"] {
    color: {color:settings:source-version-outdated};
}

/* TODO Replace these with explicit widget types if possible */
#SettingsMainWidget QWidget[input-state="modified"] {
    border-color: {color:settings:modified-mid};
}
#SettingsMainWidget QWidget[input-state="overridden-modified"] {
    border-color: {color:settings:modified-mid};
}
#SettingsMainWidget QWidget[input-state="overridden"] {
    border-color: {color:settings:project-mid};
}
#SettingsMainWidget QWidget[input-state="invalid"] {
    border-color: {color:settings:invalid-dark};
}

#SettingsFooter {
    border-top: 1px solid #21252B;
}

#ProjectListWidget QLabel {
    background: transparent;
    font-weight: bold;
}

#ProjectListContentWidget {
    background: {color:bg-view};
}

#MultiSelectionComboBox {
    font-size: 12px;
}

#DictKey[state="modified"] {border-color: {color:settings:modified-mid};}
#DictKey[state="invalid"] {border-color: {color:settings:invalid-dark};}

#ContentWidget {
    background-color: transparent;
}
#ContentWidget[content_state="highlighted"] {
    background-color: {color:settings:content-highlighted};
}

#SideLineWidget {
    background-color: #333942;
    border-style: solid;
    border-color: #4e5254;
    border-left-width: 3px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
}

#SideLineWidget:hover {
    border-color: #7d8386;
}

#SideLineWidget[state="child-studio"] {border-color: {color:settings:studio-dark};}
#SideLineWidget[state="child-studio"]:hover {border-color: {color:settings:studio-light};}

#SideLineWidget[state="child-modified"] {border-color: {color:settings:modified-dark};}
#SideLineWidget[state="child-modified"]:hover {border-color: {color:settings:modified-mid};}

#SideLineWidget[state="child-invalid"] {border-color: {color:settings:invalid-dark};}
#SideLineWidget[state="child-invalid"]:hover {border-color: {color:settings:invalid-light};}

#SideLineWidget[state="child-overridden"] {border-color: {color:settings:project-dark};}
#SideLineWidget[state="child-overridden"]:hover {border-color: {color:settings:project-mid};}

#SideLineWidget[state="child-overridden-modified"] {border-color: {color:settings:modified-dark};}
#SideLineWidget[state="child-overridden-modified"]:hover {border-color: {color:settings:modified-mid};}

#DictAsWidgetBody {
    background: transparent;
}
#DictAsWidgetBody[show_borders="1"] {
    border: 1px solid #4e5254;
    border-radius: 5px;
}

#ShadowWidget {
    font-size: 36pt;
}

#OverlayFrame {
    background: rgba(0, 0, 0, 127);
}

#OverlayFrameLabel {
    font-size: 15pt;
}

#BreadcrumbsPathInput {
    padding: 2px;
    font-size: 9pt;
}

#BreadcrumbsButton {
    padding-right: 12px;
    font-size: 9pt;
    background: transparent;
}

#BreadcrumbsButton[empty="1"] {
    padding-right: 0px;
}

#BreadcrumbsButton::menu-button {
    border: none;
    width: 12px;
    background: {color:settings:breadcrumbs-btn-bg};
}
#BreadcrumbsButton::menu-button:hover {
    background: {color:settings:breadcrumbs-btn-bg-hover};
}

#BreadcrumbsPanel {
    border: 1px solid #4e5254;
    border-radius: 5px;
    background: #21252B;
}

/* Workfiles */
#WorkfilesPublishedContextSelect {
    background: rgba(0, 0, 0, 127);
}
#WorkfilesPublishedContextSelect QLabel {
    font-size: 17pt;
}

/* Tray */
#TrayRestartButton {
    background: {color:restart-btn-bg};
}

/* Tray publisher */
#ChooseProjectLabel {
    font-size: 15pt;
    font-weight: 750;
}
#ChooseProjectFrame {
    border-radius: 10px;
}
#ChooseProjectView {
    background: transparent;
}

/* Globally used names */
#ValidatedLineEdit[state="valid"], #ValidatedLineEdit[state="valid"]:focus, #ValidatedLineEdit[state="valid"]:hover {
    border-color: {color:publisher:success};
}
#ValidatedLineEdit[state="invalid"], #ValidatedLineEdit[state="invalid"]:focus, #ValidatedLineEdit[state="invalid"]:hover {
    border-color: {color:publisher:error};
}

#Separator {
    background: {color:bg-menu-separator};
}

#IconButton {
    padding: 4px 4px 4px 4px;
}

#NiceCheckbox {
    /* Default size hint of NiceCheckbox is defined by font size. */
    font-size: 7pt;
}

#ImageButton {
    padding: 0;
    background: transparent;
    font-size: 11pt;
}

#ImageButton:disabled {
    background: {color:bg-buttons-disabled};
}

/* Input field that looks like disabled
- QAbstractSpinBox, QLineEdit, QPlainTextEdit, QTextEdit
- usage: QLineEdit that is not editable but has selectable color
 */
#LikeDisabledInput {
    background: {color:bg-inputs-disabled};
}
#LikeDisabledInput:hover {
    border-color: {color:border};
}
#LikeDisabledInput:focus {
    border-color: {color:border};
}

/* Attribute Definition widgets */
AttributeDefinitionsLabel[overridden="1"] {
    color: {color:font-overridden};
}

AttributeDefinitionsWidget QAbstractSpinBox, QLineEdit, QPlainTextEdit, QTextEdit {
    padding: 1px;
}
AttributeDefinitionsWidget QComboBox {
    padding: 1px 1px 1px 0.2em;
}
InViewButton, InViewButton:disabled {
    background: transparent;
}
InViewButton:hover {
    background: rgba(255, 255, 255, 37);
}
SupportLabel {
    color: {color:font-disabled};
}