Skip to content

Instantly share code, notes, and snippets.

@simonvic
Last active April 25, 2023 09:18
Show Gist options
  • Save simonvic/b603e1a5a144ca22d7fc57bdfb826f2b to your computer and use it in GitHub Desktop.
Save simonvic/b603e1a5a144ca22d7fc57bdfb826f2b to your computer and use it in GitHub Desktop.
Qt stylesheet for Enfusion workbench
/******************************************************************************* QWidget */
QWidget {
font-family: "Lato";
background-color: #333333;
color: #DADADA;
}
/******************************************************************************* QMenuBar */
QMenuBar {
background-color: #222222;
}
QMenuBar::item {
color: #CACACA;
}
QMenuBar::item:selected {
color: #aaF0544C;
}
QMenuBar:item:pressed {
color: #aaF0544C;
background-color: #22F0544C;
}
/******************************************************************************* QMenu */
QMenu {
color: #CACACA;
}
QMenu::selected {
color: #aaF0544C;
background-color: #22F0544C;
}
QMenu::disabled {
color: #666666;
}
QToolBox::tab {
border: 1px solid hsl(210, 15%, 12%);
width: 95%;
}
QToolBox::tab:disabled {
color: hsl(210.0, 10%, 50%);
}
QToolBox::tab:hover {
background-color: #32363b;
}
QToolBox::tab:selected {
background-color: #007acc;
color: #fff;
font-weight: bold;
}
QToolBox QScrollArea {
padding: 5px;
}
/******************************************************************************* QToolBar */
QToolBar {
background: #333333;
border: none;
}
QToolBar::separator{
color: white;
background-color: none;
border-right: 1px solid #aaF0544C;
width: 1px;
margin-left: 3px;
margin-right: 3px;
}
/******************************************************************************* QToolButton */
QToolButton {
border-radius: 5px;
margin-right: 1px;
margin-left: 2px;
padding: 1px;
padding-bottom: 0px;
background-color: #55444444;
color: #DADADA;
}
QToolButton::hover {
color: #DADADA;
background-color: #55F0544C;
}
QToolButton::checked,
QToolButton::pressed {
color: #DADADA;
background-color: #AAF0544C;
}
QToolButton::checked {
color: #DADADA;
background-color: #AAF0544C;
}
QToolButton::disabled {
background-color: transparent;
background-color: #11F0544C;
color: hsl(210.0, 10%, 50%);
}
/******************************************************************************* QScrollBar */
QScrollBar {
background-color: transparent;
border-radius: 5px;
}
QScrollBar:vertical {
background-color: transparent;
width: 14px;
margin: 0 1px 0 1px;
}
QScrollBar:horizontal {
background-color: transparent;
height: 14px;
margin: 1px 0 1px 0;
}
QScrollBar::handle {
border-radius: 5px;
background-color: hsl(210, 50%, 90%);
border: 0;
margin: 1px 1px 1px 1px;
}
QScrollBar::handle:vertical {
background-color: #22F0544C;
min-height: 17px;
}
QScrollBar::handle:horizontal {
background-color: #22F0544C;
min-width: 17px;
}
QScrollBar::handle:hover,
QScrollBar::handle:pressed {
background-color: #aaF0544C;
border: 0.5px solid #aaF0544C;
}
QScrollBar::add-page,
QScrollBar::sub-page {
background: none;
}
QScrollBar::add-line:vertical,
QScrollBar::sub-line:vertical,
QScrollBar::add-line:horizontal,
QScrollBar::sub-line:horizontal {
background: none;
width: 0px;
height: 0px;
}
/******************************************************************************* QHeaderView */
QHeaderView::section {
color: #CACACA;
background-color: transparent;
padding-left: 4px;
border: 1px solid #444444;
}
/******************************************************************************* QGroupBox */
QGroupBox {
border: 1px solid #22F0544C;
border-radius: 5px;
margin-top: 16px;
margin-bottom: 2px;
margin-left: 2px;
margin-right: 2px;
padding: 2px;
}
QGroupBox::title {
subcontrol-origin: margin;
subcontrol-position: top left;
}
/******************************************************************************* QToolTip */
QToolTip {
border: 1px solid #22F0544C;
color: hsl(210.0, 10%, 85%);
background-color: #404040;
padding: 2px;
}
/******************************************************************************* QTabWidget */
QTabWidget::pane {
border: none;
}
/******************************************************************************* QTabBar */
QTabBar {
background-color: #222222;
}
QTabBar::tab {
color: #CACACA;
background-color: #303030;
padding: 4px 12px 4px 12px;
}
QTabBar::tab:disabled {
color: hsl(210.0, 10%, 50%);
}
QTabBar::tab:selected {
color: #DADADA;
background-color: #333333;
}
QTabBar::tab:!selected:hover {
color: #DADADA;
background-color: #303030;
}
QTabBar::tab:top:!selected:hover {
border-bottom: 1px solid #aaF0544C;
}
QTabBar::tab:top:selected {
border-bottom: 1px solid #F0544C;
}
QTabBar::tab:top:!selected {
border-bottom: 1px solid transparent;
}
QTabBar::tab:bottom:selected {
border-top: 1px solid #F0544C;
}
QTabBar::tab:bottom:!selected {
border-top: 1px solid transparent;
}
QTabBar::tab:bottom:!selected:hover {
border-top: 1px solid #aaF0544C;
}
QTabBar::close-button {
background-color: none;
image: url(":/Workbench/Common/icon_close.png");
margin: 2px 1px 0px 0px;
}
QTabBar::close-button:!selected {
image: url(":/Workbench/Common/icon_close2.png");
}
QTabBar::close-button:hover {
background-color: #22F0544C;
}
QTabBar::close-button:pressed {
background-color: #aaF0544C;
}
/******************************************************************************* QCheckBox */
QCheckBox {
background: #333333;
spacing: 3px;
margin-right: 6px;
color: #DADADA;
}
QCheckBox:disabled {
color: #76797C;
}
QCheckBox::indicator,
QListView::indicator {
max-width: 20px;
max-height: 20px;
width: 20px;
height: 20px;
}
QCheckBox::indicator:unchecked,
QCheckBox::indicator:unchecked:focus,
QListView::indicator:unchecked,
QListView::indicator:unchecked:focus,
QGroupBox::indicator:unchecked,
QGroupBox::indicator:unchecked:focus {
image: url(":/Workbench/Common/checkbox_unchecked.png");
}
QCheckBox::indicator:unchecked:hover,
QCheckBox::indicator:unchecked:pressed,
QListView::indicator:unchecked:hover,
QListView::indicator:unchecked:pressed,
QGroupBox::indicator:unchecked:hover,
QGroupBox::indicator:unchecked:pressed {
border: none;
image: url(":/Workbench/Common/checkbox_unchecked_focus.png");
}
QCheckBox::indicator:checked,
QCheckBox::indicator:checked:focus,
QListView::indicator:checked,
QListView::indicator:checked:focus,
QGroupBox::indicator:checked,
QGroupBox::indicator:checked:focus {
image: url(":/Workbench/Common/checkbox_checked.png");
}
QCheckBox::indicator:checked:hover,
QCheckBox::indicator:checked:pressed,
QListView::indicator:checked:hover,
QListView::indicator:checked:pressed
QGroupBox::indicator:checked:hover,
QGroupBox::indicator:checked:pressed {
border: none;
image: url(":/Workbench/Common/checkbox_checked_focus.png");
}
QCheckBox::indicator:indeterminate {
image: url(":/Workbench/Common/checkbox_indeterminate.png");
}
QCheckBox::indicator:indeterminate:focus,
QCheckBox::indicator:indeterminate:hover,
QCheckBox::indicator:indeterminate:pressed {
image: url(":/Workbench/Common/checkbox_indeterminate_focus.png");
}
QCheckBox::indicator:checked:disabled {
image: url(":/Workbench/Common/checkbox_checked_disabled.png");
}
QCheckBox::indicator:unchecked:disabled {
image: url(":/Workbench/Common/checkbox_unchecked_disabled.png");
}
/******************************************************************************* QLineEdit */
QLineEdit {
background-color: #2A2A2A;
color: #DADADA;
border: none;
}
QLineEdit:hover {
background-color: #22F0544C;
color: #DADADA;
}
QLineEdit:selected {
background-color: #aaF0544C;
color: #DADADA;
}
QLineEdit#fullTextFilter,
QLineEdit#entityFilterEdit {
color: #aaF0544C;
margin: 1px 0px 1px 3px;
background-image: url(":/Workbench/Common/icon_search.png");
background-repeat: no-repeat;
background-position: left;
padding: 2px 4px 2px 26px;
}
QLineEdit:focus {
background-color: #22F0544C;
color: #DADADA;
}
QLineEdit:disabled {
background-color: #22222222;
color: #AADADADA;
}
QLineEdit#fullTextFilter:focus,
QLineEdit#entityFilterEdit:focus{
background-color: #11F0544C;
color: #DADADA;
}
QLineEdit#fullTextFilter:disabled,
QLineEdit#entityFilterEdit:disabled {
background-color: hsl(210, 15%, 12%);
color: hsl(210, 50%, 90%);
}
/******************************************************************************* QTextEdit */
QTextEdit {
border: none;
}
/******************************************************************************* QPlainTextEdit */
QPlainTextEdit {
border: none;
color: #DADADA;
}
/******************************************************************************* QComboBox */
QComboBox {
selection-background-color: #444444;
color: #DADADA;
background: #444444;
}
QComboBox:hover {
selection-background-color: #444444;
color: #DADADA;
background: #444444;
}
QComboBox:selected {
selection-background-color: #aaF0544C;
color: #DADADA;
background: #444444;
}
QComboBox::drop-down {
border: none;
background: transparent;
image:url(":/Workbench/Common/icon_branch_opened.png");
color: transparent;
}
/******************************************************************************* QSpinBox */
/******************************************************************************* QDoubleSpinBox */
QSpinBox,
QDoubleSpinBox {
color: #DADADA;
background-color: #333333;
outline: 0;
}
QSpinBox:hover,
QDoubleSpinBox:hover {
color: #DADADA;
background-color: #333333;
outline: 0;
}
QSpinBox:selected,
QDoubleSpinBox:selected {
color: #DADADA;
background-color: #22F0544C;
outline: 0;
}
QSpinBox:focus,
QDoubleSpinBox:focus {
color: #DADADA;
background-color: #22F0544C;
outline: 0;
}
/******************************************************************************* QRadioButton */
QRadioButton {
color: #DADADA;
}
QRadioButton:hover {
color: #aaF0544C;
}
QRadioButton::indicator {
border: 1px solid #666666;
border-radius: 5px;
}
QRadioButton::indicator:unchecked {
background: #22666666;
}
QRadioButton::indicator:checked {
background: #aaF0544C;
}
QRadioButton::indicator:unchecked:hover {
background: #55F0544C;
}
QRadioButton::indicator:checked:hover {
background: #99F0544C;
}
/******************************************************************************* QPushButton */
QPushButton {
background: #444444;
color: #DADADA;
border-radius: 5px;
margin: 1px;
padding: 0px;
height: 20px;
width: 80px;
}
QPushButton::default {
border-bottom: 1px solid#444444;
}
QPushButton::hover {
background: #22F0544C;
border: none;
}
QPushButton::selected,
QPushButton::checked,
QPushButton::pressed {
background: #22F0544C;
color: #aaF0544C;
}
QPushButton::disabled {
background: #55555555;
color: #AAAAAA;
}
QPushButton:flat {
border: none;
background: none;
color: hsl(210, 50%, 90%);
}
QPushButton:flat:hover {
background: #22F0544C;
color: hsl(170.4, 50%, 90%);
}
QPushButton:flat:pressed {
background: #22F0544C;
color: hsl(170.4, 50%, 90%);
}
/******************************************************************************* QLabel */
/******************************************************************************* QSlider */
QSlider::handle:horizontal,
QSlider::handle:vertical {
border-radius: 5px;
background: #DADADA;
width: 20px;
}
QSlider::handle:horizontal:hover,
QSlider::handle:vertical:hover {
background: #F0544C;
width: 20px;
}
QSlider::add-page:horizontal,
QSlider::sub-page:vertical {
background: #aa444444;
border-radius: 5px;
}
QSlider::sub-page:horizontal,
QSlider::add-page:vertical {
background: #aaF0544C;
border-radius: 5px;
}
/******************************************************************************* QProgressBar */
QProgressBar {
color: #aaF0544C;
background-color: #444444;
text-align: center;
border-radius: 5px;
}
QProgressBar::chunk {
background-color: #22F0544C;
border-radius: 5px;
}
QProgressBar#VSat,
QProgressBar#VVal {
background: transparent;
width: 28px;
border: 0;
}
QProgressBar#VSat {
color: none;
}
QProgressBar#VSat::chunk,
QProgressBar#VVal::chunk {
border-radius: 0;
border: 0;
margin: 2px 3px;
}
/******************************************************************************* QDockWidget */
QDockWidget {
titlebar-close-icon: url(":/Workbench/Common/dock-close-btn.png");
titlebar-normal-icon: url(":/Workbench/Common/dock-normal-btn.png");
font-weight: bold;
color: #DADADA;
}
QDockWidget::title {
color: #aaF0544C;
padding: 4px;
}
/******************************************************************************* QTreeView */
/******************************************************************************* QListView */
QListView,
QTreeView {
background-color: #333333;
alternate-background-color: #333333;
font-size: 11px;
border: none;
selection-color: #DADADA;
selection-background-color: transparent;
show-decoration-selected: 1;
}
QTreeView::item,
QListView::item,
QTreeView::branch {
height: 17px;
color: #DADADA;
background: transparent;
border: 0px solid transparent;
outline: 0;
}
QTreeView::item QLineEdit {
margin: 0px;
padding: 0px;
background: #333333;
}
QTreeView::branch:has-children {
image: url(":/Workbench/Common/icon_branch_opened.png");
border: 0px solid transparent;
outline: 0;
}
QTreeView::branch:has-children:closed {
image: url(":/Workbench/Common/icon_branch_closed.png");
border: 0px solid transparent;
outline: 0;
}
QTreeView::item:has-children:!closed {
color: #CACACA;
border: 0px solid transparent;
outline: 0;
}
QTreeView::item:has-children:closed {
color: #CACACA;
border: 0px solid transparent;
outline: 0;
}
QTreeView::item:!has-children:closed {
color: #DADADA;
border: 0px solid transparent;
outline: 0;
}
QListView::item:hover,
QTreeView::item:hover,
QTreeView::branch:hover,
QTreeView::item:has-children:hover,
QTreeView::item:has-children:closed:hover,
QTreeView::item:!has-children:closed:hover {
color: #DADADA;
background-color: #22F0544C;
border: 0px solid transparent;
outline: 0;
}
QListView::item:selected,
QTreeView::item:selected,
QTreeView::branch:selected,
QTreeView::item:has-children:selected,
QTreeView::item:has-children:closed:selected,
QTreeView::item:!has-children:closed:selected {
color: #aaF0544C;
background-color: #22F0544C;
border: 0px solid transparent;
outline: 0;
}
QListView::item:selected:active,
QTreeView::item:selected:active,
QTreeView::branch:selected:active,
QTreeView::item:has-children:selected:active,
QTreeView::item:has-children:closed:selected:active,
QTreeView::item:!has-children:closed:selected:active {
color: #aaF0544C;
background: #22F0544C;
border: 0px solid transparent;
outline: 0;
}
QListView::item:selected:!focus,
QTreeView::item:selected:!focus,
QTreeView::branch:selected:!focus,
QTreeView::item:has-children:selected:!focus,
QTreeView::item:has-children:closed:selected:!focus,
QTreeView::item:!has-children:closed:selected:!focus {
color: #CACACA;
background: #22F0544C;
alternate-background-color: hsl(210, 50.0%, 20.0%);
selection-background-color: hsl(210, 50.0%, 20.0%);
border: 0px solid transparent;
outline: 0;
}
/******************************************************************************* QSplitter */
/******************************************************************************* QMainWindow::separator */
QSplitter::handle:vertical {
background: #222222;
height: 3px;
border: 0;
}
QSplitter::handle:horizontal {
background: #222222;
width: 3px;
border: 0;
}
QSplitter::handle:vertical:hover {
background: #aaF0544C;
height: 3px;
border: 0;
}
QSplitter::handle:horizontal:hover {
background: #55F0544C;
width: 3px;
border: 0;
}
QMainWindow::separator:horizontal {
background: #222222;
height: 3px;
border: 0;
}
QMainWindow::separator:vertical {
background: #222222;
width: 5px;
border: 0;
}
QMainWindow::separator:horizontal:hover {
background: #55F0544C;
height: 3px;
border: 0;
}
QMainWindow::separator:vertical:hover {
background: #55F0544C;
width: 3px;
border: 0;
}
/******************************************************************************* QHexView */
QHexView {
qproperty-textColor: #DADADA;
qproperty-backgroundColor: #333333;
qproperty-addressAreaTextColor: #FFFFFF;
qproperty-addressAreaBackgroundColor: #333333;
qproperty-addressAreaSeparatorColor: #555555;
qproperty-textSelectionBackgroundColor: #55F0544C;
}
/******************************************************************************* DebugTextEdit */
/******************************************************************************* ScriptTextEdit */
ScriptTextEdit {
font-family: "SauceCodePro NF";
color: #CACACA;
background-color: #2A2A2A;
qproperty-colorCurrentLineBg: #aa333333;
qproperty-colorOperator: #FFFFFF;
qproperty-colorKeyword: #c47827;
qproperty-colorHighlight: #55F0544C;
qproperty-colorPreprocessor: #ea4848;
qproperty-colorBuiltinTypes: #e46429;
qproperty-colorTypes: #CACACA;
qproperty-colorSingleComment: #777777;
qproperty-colorMultiComment: #6b9772;
qproperty-colorQuatation: #618f46;
qproperty-colorFunction: #edbe5b;
qproperty-colorReadOnlyActiveBg: #11F0544C;
qproperty-colorLineNumber: #73808c;
qproperty-colorLineNumberBackground: #303030;
qproperty-colorCurrentParenthesesFunction: #aaF0544C;
qproperty-colorCurrentParenthesesScope: #aaF0544C;
qproperty-colorCurrentScopeBlockLine: #aaF0544C;
}
/******************************************************************************* SplineCanvas */
SplineCanvas {
qproperty-graphBackgroundColor: #333333;
qproperty-gridColor: #666666;
qproperty-handleColor: #22F0544C;
qproperty-handleDraggingColor: #F0544C;
}
/******************************************************************************* InputSlider */
InputSlider,
DoubleInputSlider {
background: #444444;
text-align: center;
color: #CACACA;
border-radius: 5px;
border: 1px solid #222222;
}
InputSlider:hover,
DoubleInputSlider:hover {
border: 1px solid #AAF0544C;
}
InputSlider::chunk,
DoubleInputSlider::chunk {
background: #55F0544C;
border-radius: 5px;
}
/******************************************************************************* NotificationPopup */
NotificationPopup {
min-width: 250px;
border: 2px solid #aaF0544C;
border-radius: 10px;
}
QLabel#NotificationPopupTitle {
color: #DADADA;
font: bold 14px;
}
QLabel#NotificationPopupDescription {
color: #DADADA;
font: 12px;
}
/******************************************************************************* LogView */
LogView {
qproperty-textColorSpam: hsl(210.0, 10%, 50%);
qproperty-textColorVerbose: hsl(210.0, 10%, 85%);
qproperty-textColorDebug: hsl(210.0, 50%, 50%);
qproperty-textColorNormal: hsl(210.0, 10%, 85%);
qproperty-textColorWarning: hsl(40, 50.0%, 90.0%);
qproperty-textColorError: hsl(0, 50.0%, 90.0%);
qproperty-textColorFatal: hsl(250.0, 20%, 90%);
qproperty-linkColor: hsl(210, 49%, 90%);
qproperty-selectionColor: #22F0544C;
qproperty-searchHighlightColor: hsl(170.4, 49%, 90%);
border: none;
}
/******************************************************************************* CharacterMap */
/******************************************************************************* GraphNodeStyle */
/******************************************************************************* CustomWindowFrame */
CustomWindowFrame {
border: 0;
background-color: #222222;
}
CustomWindowFrame[borderless=true] {
border: 0;
background-color: #222222;
padding: 2px;
}
/******************************************************************************* CustomTitleBar */
CustomTitleBar {
background: #222222;
}
CustomTitleBar > QLabel {
background-color: transparent;
font-size: 11px;
font: bold;
padding-left: 2px;
padding-bottom: 0px;
padding-top: 0px;
}
#sysMenu {
background-color: #22F0544C;
border: 0;
padding: 1px;
margin: 4px;
}
/******************************************************************************* CustomSplashScreen */
CustomSplashScreen {
border: 1px solid #F0544C;
color: #DADADA;
}
/******************************************************************************* PropertyGrid */
PropertyGrid::item {
/*
very important!!!
Never change this, because it removes inherited color definition from QTreeView
and allow coloring item color from code
*/
color: none;
}
PropertyGrid {
background-color: #333333;
alternate-background-color: #333333;
font-size: 11px;
selection-color: transparent;
selection-background-color: transparent;
show-decoration-selected: 1;
color: #DADADA;
qproperty-groupBackgroundColor: #444444;
qproperty-textColor: #DADADA;
qproperty-modifiedValueColor: #DADADA;
qproperty-grayedValueColor: hsl(210.0, 10%, 50%);
qproperty-groupFontSize: 12;
qproperty-groupBorderColor: transparent;
}
PropertyGrid::branch {
background: transparent;
}
PropertyGrid::branch:has-siblings:!adjoins-item {
border-image: url(:/Workbench/QtExtensions/PropertyGrid/branch-vline.png);
background: transparent;
}
PropertyGrid::branch:has-siblings:adjoins-item {
border-image: url(:/Workbench/QtExtensions/PropertyGrid/branch-more.png);
background: transparent;
}
PropertyGrid::branch:!has-children:!has-siblings:adjoins-item {
border-image: url(:/Workbench/QtExtensions/PropertyGrid/branch-end.png);
background: transparent;
}
PropertyGrid::branch:closed:has-children:has-siblings {
border-image: none;
background: transparent;
}
PropertyGrid::branch:has-children:!has-siblings:closed {
border-image: none;
background: transparent;
}
PropertyGrid::branch:open:has-children:has-siblings {
border-image: none;
background: transparent;
}
PropertyGrid::branch:open:has-children:!has-siblings {
border-image: none;
background: transparent;
}
/******************************************************************************* WBProgressDialog */
WBProgressDialog {
background-color: #24282e;
border: 1px solid #aaF0544C;
}
WBProgressDialog QLabel {
background-color: none;
}
/******************************************************************************* IDs */
#windowRestoreButton,
#windowMinimizeButton,
#windowMaximizeButton,
#windowCloseButton {
width: 24px;
height: 24px;
border-radius: 5px;
border: none;
background: none;
}
#windowRestoreButton {
image: url(":/Workbench/Common/icon_titlebar_restore.png");
}
#windowMinimizeButton {
image: url(":/Workbench/Common/icon_titlebar_minimize.png");
}
#windowMaximizeButton {
image: url(":/Workbench/Common/icon_titlebar_maximize.png");
}
#windowCloseButton {
image: url(":/Workbench/Common/icon_titlebar_close.png");
}
#windowRestoreButton:hover,
#windowMaximizeButton:hover,
#windowMinimizeButton:hover,
#windowCloseButton:hover {
background-color: #22F0544C;
}
#windowRestoreButton:pressed {
image: url(":/Workbench/Common/icon_titlebar_restore_hover.png");
}
#windowMinimizeButton:pressed {
image: url(":/Workbench/Common/icon_titlebar_minimize_hover.png");
}
#windowMaximizeButton:pressed {
image: url(":/Workbench/Common/icon_titlebar_maximize_hover.png");
}
#windowCloseButton:pressed {
image: url(":/Workbench/Common/icon_titlebar_close_hover.png");
}
#windowTitle {
border: none;
background: none;
font-weight: bold;
padding-top: 5px;
}
#outputEdit {
font-family: "Consolas";
font: 10px;
}
#play {
padding-right: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment