Created
August 20, 2023 13:48
-
-
Save Arty2/edf0dcbfb014a0ce8f3312fb161f517c to your computer and use it in GitHub Desktop.
A rough #QOwnNotes theme based on https://github.com/Arty2/stachybotrys color-scheme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * test stachybotrys for QOwnNotes | |
| * how to style the UI https://github.com/pbek/QOwnNotes/issues/2187 | |
| * styles and icons https://github.com/pbek/QOwnNotes/tree/develop/src/libraries/qdarkstyle | |
| * how to make a plugin: https://github.com/qownnotes/scripts/tree/master/black-mode | |
| * https://het.as.utexas.edu/HET/Software/html/stylesheet-examples.html | |
| * https://doc.qt.io/qt-6/stylesheet-reference.html | |
| */ | |
| /* | |
| background: #3A3939 | |
| text: silver | |
| text highlighted: white | |
| lighter 1: #4C4C4F | |
| lighter 2: #787878 | |
| darker 1: | |
| darker 2: #2C2C2F | |
| */ | |
| QProgressBar:horizontal { | |
| border: 1px solid #3A3939; | |
| text-align: center; | |
| padding: 1px; | |
| background: #3C3C3F; | |
| } | |
| QProgressBar::chunk:horizontal { | |
| background-color: qlineargradient(spread:reflect, x1:1, y1:0.545, x2:1, y2:0, stop:0 rgba(28, 66, 111, 255), stop:1 rgba(37, 87, 146, 255)); | |
| } | |
| QToolTip | |
| { | |
| border: 1px solid #3A3939; | |
| background-color: #2C2C2F; | |
| color: #FFFFFF; | |
| padding: 1px; | |
| opacity: 200; | |
| } | |
| QWidget | |
| { | |
| color: #FFFFFF; | |
| background-color: #3C3C3F; | |
| selection-background-color: #4C4C4F; | |
| selection-color: #FFFFFF; | |
| background-clip: border; | |
| border-image: none; | |
| outline: 0; | |
| } | |
| QWidget:item:hover | |
| { | |
| background-color: #3C3C3F; | |
| color: #FFFFFF; | |
| } | |
| QWidget:item:selected | |
| { | |
| background-color: #4C4C4F; | |
| } | |
| QCheckBox | |
| { | |
| spacing: 5px; | |
| outline: none; | |
| color: #BBBBBB; | |
| margin-bottom: 2px; | |
| } | |
| QCheckBox:disabled | |
| { | |
| color: #777777; | |
| } | |
| QCheckBox::indicator, | |
| QGroupBox::indicator | |
| { | |
| width: 18px; | |
| height: 18px; | |
| } | |
| QGroupBox::indicator | |
| { | |
| margin-left: 2px; | |
| } | |
| QCheckBox::indicator:unchecked, | |
| QCheckBox::indicator:unchecked:hover, | |
| QGroupBox::indicator:unchecked, | |
| QGroupBox::indicator:unchecked:hover | |
| { | |
| image: url(:/qss_icons/rc/checkbox_unchecked.png); | |
| } | |
| QCheckBox::indicator:unchecked:focus, | |
| QCheckBox::indicator:unchecked:pressed, | |
| QGroupBox::indicator:unchecked:focus, | |
| QGroupBox::indicator:unchecked:pressed | |
| { | |
| border: none; | |
| image: url(:/qss_icons/rc/checkbox_unchecked_focus.png); | |
| } | |
| QCheckBox::indicator:checked, | |
| QCheckBox::indicator:checked:hover, | |
| QGroupBox::indicator:checked, | |
| QGroupBox::indicator:checked:hover | |
| { | |
| image: url(:/qss_icons/rc/checkbox_checked.png); | |
| } | |
| QCheckBox::indicator:checked:focus, | |
| QCheckBox::indicator:checked:pressed, | |
| QGroupBox::indicator:checked:focus, | |
| QGroupBox::indicator:checked:pressed | |
| { | |
| border: none; | |
| image: url(:/qss_icons/rc/checkbox_checked_focus.png); | |
| } | |
| QCheckBox::indicator:indeterminate, | |
| QCheckBox::indicator:indeterminate:hover, | |
| QCheckBox::indicator:indeterminate:pressed | |
| QGroupBox::indicator:indeterminate, | |
| QGroupBox::indicator:indeterminate:hover, | |
| QGroupBox::indicator:indeterminate:pressed | |
| { | |
| image: url(:/qss_icons/rc/checkbox_indeterminate.png); | |
| } | |
| QCheckBox::indicator:indeterminate:focus, | |
| QGroupBox::indicator:indeterminate:focus | |
| { | |
| image: url(:/qss_icons/rc/checkbox_indeterminate_focus.png); | |
| } | |
| QCheckBox::indicator:checked:disabled, | |
| QGroupBox::indicator:checked:disabled | |
| { | |
| image: url(:/qss_icons/rc/checkbox_checked_disabled.png); | |
| } | |
| QCheckBox::indicator:unchecked:disabled, | |
| QGroupBox::indicator:unchecked:disabled | |
| { | |
| image: url(:/qss_icons/rc/checkbox_unchecked_disabled.png); | |
| } | |
| QRadioButton | |
| { | |
| spacing: 5px; | |
| outline: none; | |
| color: #BBBBBB; | |
| margin-bottom: 2px; | |
| } | |
| QRadioButton:disabled | |
| { | |
| color: #777777; | |
| } | |
| QRadioButton::indicator | |
| { | |
| width: 21px; | |
| height: 21px; | |
| } | |
| QRadioButton::indicator:unchecked, | |
| QRadioButton::indicator:unchecked:hover | |
| { | |
| image: url(:/qss_icons/rc/radio_unchecked.png); | |
| } | |
| QRadioButton::indicator:unchecked:focus, | |
| QRadioButton::indicator:unchecked:pressed | |
| { | |
| border: none; | |
| outline: none; | |
| image: url(:/qss_icons/rc/radio_unchecked_focus.png); | |
| } | |
| QRadioButton::indicator:checked, | |
| QRadioButton::indicator:checked:hover | |
| { | |
| border: none; | |
| outline: none; | |
| image: url(:/qss_icons/rc/radio_checked.png); | |
| } | |
| QRadioButton::indicator:checked:focus, | |
| QRadioButton::indicato::menu-arrowr:checked:pressed | |
| { | |
| border: none; | |
| outline: none; | |
| image: url(:/qss_icons/rc/radio_checked_focus.png); | |
| } | |
| QRadioButton::indicator:indeterminate, | |
| QRadioButton::indicator:indeterminate:hover, | |
| QRadioButton::indicator:indeterminate:pressed | |
| { | |
| image: url(:/qss_icons/rc/radio_indeterminate.png); | |
| } | |
| QRadioButton::indicator:checked:disabled | |
| { | |
| outline: none; | |
| image: url(:/qss_icons/rc/radio_checked_disabled.png); | |
| } | |
| QRadioButton::indicator:unchecked:disabled | |
| { | |
| image: url(:/qss_icons/rc/radio_unchecked_disabled.png); | |
| } | |
| QMenuBar | |
| { | |
| background-color: #3C3C3F; | |
| color: silver; | |
| } | |
| QMenuBar::item | |
| { | |
| background: transparent; | |
| } | |
| QMenuBar::item:selected | |
| { | |
| background: transparent; | |
| border: 0px solid transparent; | |
| color: #FFFFFF; | |
| } | |
| QMenuBar::item:pressed | |
| { | |
| border: 0px solid transparent; | |
| background-color: #777777; | |
| color: #FFFFFF; | |
| margin-bottom:-1px; | |
| padding-bottom:1px; | |
| } | |
| QMenu | |
| { | |
| border: 1px solid #777777; | |
| color: silver; | |
| margin: 0; | |
| } | |
| QMenu::icon | |
| { | |
| margin: 5px; | |
| } | |
| QMenu::item | |
| { | |
| padding: 5px 30px 5px 30px; | |
| margin-left: 0px; | |
| border: 1px solid transparent; /* reserve space for selection border */ | |
| } | |
| /* icon-text-overlap fix for checkboxes and radio groups */ | |
| /* see: https://github.com/pbek/QOwnNotes/issues/1221 */ | |
| /* also see: https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qmenu */ | |
| QMenu::icon:checked { | |
| background: gray; | |
| border: 1px inset gray; | |
| position: absolute; | |
| top: 1px; | |
| right: 1px; | |
| bottom: 1px; | |
| left: 1px; | |
| } | |
| QMenu::item:selected | |
| { | |
| color: #FFFFFF; | |
| } | |
| QMenu::separator | |
| { | |
| height: 1px; | |
| background-color: #3A3939; | |
| color: #FFFFFF; | |
| padding-left: 4px; | |
| margin-left: 10px; | |
| margin-right: 5px; | |
| } | |
| QMenu::indicator { | |
| width: 18px; | |
| height: 18px; | |
| } | |
| /* non-exclusive indicator = check box style indicator | |
| (see QActionGroup::setExclusive) */ | |
| QMenu::indicator:non-exclusive:unchecked { | |
| image: url(:/qss_icons/rc/checkbox_unchecked.png); | |
| } | |
| QMenu::indicator:non-exclusive:unchecked:selected { | |
| image: url(:/qss_icons/rc/checkbox_unchecked_disabled.png); | |
| } | |
| QMenu::indicator:non-exclusive:checked { | |
| image: url(:/qss_icons/rc/checkbox_checked.png); | |
| } | |
| QMenu::indicator:non-exclusive:checked:selected { | |
| image: url(:/qss_icons/rc/checkbox_checked_disabled.png); | |
| } | |
| /* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */ | |
| QMenu::indicator:exclusive:unchecked { | |
| image: url(:/qss_icons/rc/radio_unchecked.png); | |
| } | |
| QMenu::indicator:exclusive:unchecked:selected { | |
| image: url(:/qss_icons/rc/radio_unchecked_disabled.png); | |
| } | |
| QMenu::indicator:exclusive:checked { | |
| image: url(:/qss_icons/rc/radio_checked.png); | |
| } | |
| QMenu::indicator:exclusive:checked:selected { | |
| image: url(:/qss_icons/rc/radio_checked_disabled.png); | |
| } | |
| QMenu::right-arrow { | |
| margin: 5px; | |
| image: url(:/qss_icons/rc/right_arrow.png) | |
| } | |
| QWidget:disabled | |
| { | |
| color: #615F5F; | |
| background-color: #3C3C3F; | |
| } | |
| QAbstractItemView | |
| { | |
| alternate-background-color: #3A3939; | |
| color: silver; | |
| border: 1px solid 3A3939; | |
| border-radius: 2px; | |
| padding: 1px; | |
| } | |
| QWidget:focus, QMenuBar:focus | |
| { | |
| border: 1px solid #3C3C3F; | |
| } | |
| QTabWidget:focus, QCheckBox:focus, QRadioButton:focus, QSlider:focus | |
| { | |
| border: none; | |
| } | |
| QGroupBox { | |
| border: 1px solid #3A3939; | |
| border-radius: 2px; | |
| margin-top: 20px; | |
| } | |
| QGroupBox::title { | |
| subcontrol-origin: margin; | |
| subcontrol-position: top center; | |
| padding-left: 10px; | |
| padding-right: 10px; | |
| /*padding-top: 10px;*/ | |
| } | |
| QAbstractScrollArea | |
| { | |
| border-radius: 2px; | |
| border: 1px solid #3A3939; | |
| background-color: transparent; | |
| } | |
| /*--- start scrollbars ------------------ */ | |
| QScrollBar::handle:horizontal, | |
| QScrollBar::handle:vertical { | |
| background-color: #777777; | |
| min-height: 10px; | |
| border-radius: 4px; | |
| } | |
| QScrollBar:horizontal | |
| { | |
| margin: 3px 15px 3px 15px; | |
| height: 15px; | |
| border: 0px solid transparent; | |
| border-radius: 4px; | |
| background-color: transparent; | |
| } | |
| QScrollBar:vertical | |
| { | |
| margin: 15px 3px 15px 3px; | |
| width: 15px; | |
| border: 0px solid transparent; | |
| border-radius: 4px; | |
| background-color: transparent; | |
| } | |
| QScrollBar::add-line:horizontal, | |
| QScrollBar::sub-line:horizontal, | |
| QScrollBar::add-line:vertical, | |
| QScrollBar::sub-line:vertical | |
| { | |
| border-image: none; | |
| height: 0px; | |
| width: 0px; | |
| } | |
| QScrollBar::up-arrow:horizontal, QScrollBar::down-arrow:horizontal, | |
| QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical, | |
| QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal, | |
| QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical | |
| { | |
| background: none; | |
| } | |
| QTreeWidget#noteTreeWidget QScrollBar:horizontal, | |
| QTreeWidget#noteTreeWidget QScrollBar:vertical | |
| { | |
| width: 0; | |
| height: 0; | |
| } | |
| /*--- end scrollbars ------------------ */ | |
| QTextEdit | |
| { | |
| background-color: #3C3C3F; | |
| color: silver; | |
| border: 1px solid #3A3939; | |
| } | |
| QPlainTextEdit | |
| { | |
| background-color: #3C3C3F; | |
| color: silver; | |
| border-radius: 2px; | |
| border: 1px solid #3A3939; | |
| } | |
| QHeaderView::section | |
| { | |
| background-color: #3A3939; | |
| color: silver; | |
| padding-left: 4px; | |
| border: 1px solid #6c6c6c; | |
| } | |
| QSizeGrip { | |
| image: url(:/qss_icons/rc/sizegrip.png); | |
| width: 12px; | |
| height: 12px; | |
| } | |
| QMainWindow::separator | |
| { | |
| background-color: #4C4C4F; | |
| color: #FFFFFF; | |
| padding-left: 4px; | |
| border: 0px solid transparent; | |
| spacing: 2px; | |
| } | |
| QMainWindow::separator:hover | |
| { | |
| background-color: #787878; | |
| color: #FFFFFF; | |
| padding-left: 4px; | |
| border: 0px solid transparent; | |
| spacing: 2px; | |
| } | |
| QFrame | |
| { | |
| border-radius: 2px; | |
| border: 1px solid #3C3C3F; | |
| } | |
| QFrame[frameShape="0"] | |
| { | |
| border-radius: 2px; | |
| border: 1px transparent #3C3C3F; | |
| } | |
| QStackedWidget | |
| { | |
| border: 1px transparent black; | |
| } | |
| QToolBar { | |
| border: 1px transparent #393838; | |
| background: 1px solid #3C3C3F; | |
| font-weight: bold; | |
| } | |
| QToolBar::handle:horizontal { | |
| image: url(:/qss_icons/rc/Hmovetoolbar.png); | |
| } | |
| QToolBar::handle:vertical { | |
| image: url(:/qss_icons/rc/Vmovetoolbar.png); | |
| } | |
| QToolBar::separator:horizontal { | |
| image: url(:/qss_icons/rc/Hsepartoolbar.png); | |
| } | |
| QToolBar::separator:vertical { | |
| image: url(:/qss_icons/rc/Vsepartoolbars.png); | |
| } | |
| QPushButton | |
| { | |
| color: silver; | |
| background-color: #3C3C3F; | |
| border-width: 1px; | |
| border-color: #4A4949; | |
| border-style: solid; | |
| padding-top: 5px; | |
| padding-bottom: 5px; | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| border-radius: 2px; | |
| outline: none; | |
| } | |
| QPushButton:disabled | |
| { | |
| background-color: #3C3C3F; | |
| border-width: 1px; | |
| border-color: #3A3939; | |
| border-style: solid; | |
| padding-top: 5px; | |
| padding-bottom: 5px; | |
| padding-left: 10px; | |
| padding-right: 10px; | |
| /*border-radius: 2px;*/ | |
| color: #777777; | |
| } | |
| QPushButton:focus { | |
| background-color: #777777; | |
| color: #FFFFFF; | |
| } | |
| QComboBox | |
| { | |
| selection-background-color: #777777; | |
| background-color: #3C3C3F; | |
| border-style: solid; | |
| border: 1px solid #3A3939; | |
| border-radius: 2px; | |
| padding: 2px; | |
| min-width: 75px; | |
| } | |
| QPushButton:checked{ | |
| background-color: #4A4949; | |
| border-color: #6A6969; | |
| } | |
| /* We don't want to set a color any more, since it also sets the foreground color in TextEdits in Qt 5.13 */ | |
| QComboBox:hover,QPushButton:hover,QAbstractSpinBox:hover,QLineEdit:hover,QTextEdit:hover,QPlainTextEdit:hover,QAbstractView:hover,QTreeView:hover | |
| { | |
| border: 1px solid #3C3C3F; | |
| /* color: silver;*/ | |
| } | |
| QComboBox:on | |
| { | |
| background-color: #626873; | |
| padding-top: 3px; | |
| padding-left: 4px; | |
| selection-background-color: #4a4a4a; | |
| } | |
| QComboBox QAbstractItemView | |
| { | |
| background-color: #3C3C3F; | |
| border-radius: 2px; | |
| border: 1px solid #3C3C3F; | |
| selection-background-color: #777777; | |
| } | |
| QComboBox::drop-down | |
| { | |
| subcontrol-origin: padding; | |
| subcontrol-position: top right; | |
| width: 15px; | |
| border-left-width: 0px; | |
| border-left-color: darkgray; | |
| border-left-style: solid; | |
| border-top-right-radius: 3px; | |
| border-bottom-right-radius: 3px; | |
| } | |
| QComboBox::down-arrow | |
| { | |
| image: url(:/qss_icons/rc/down_arrow_disabled.png); | |
| } | |
| QComboBox::down-arrow:on, QComboBox::down-arrow:hover, | |
| QComboBox::down-arrow:focus | |
| { | |
| image: url(:/qss_icons/rc/down_arrow.png); | |
| } | |
| QPushButton:pressed | |
| { | |
| background-color: #484846; | |
| } | |
| QAbstractSpinBox { | |
| padding-top: 2px; | |
| padding-bottom: 2px; | |
| border: 1px solid #3A3939; | |
| background-color: #3C3C3F; | |
| color: silver; | |
| border-radius: 2px; | |
| min-width: 75px; | |
| } | |
| QAbstractSpinBox:up-button | |
| { | |
| background-color: transparent; | |
| subcontrol-origin: border; | |
| subcontrol-position: center right; | |
| } | |
| QAbstractSpinBox:down-button | |
| { | |
| background-color: transparent; | |
| subcontrol-origin: border; | |
| subcontrol-position: center left; | |
| } | |
| QAbstractSpinBox::up-arrow,QAbstractSpinBox::up-arrow:disabled,QAbstractSpinBox::up-arrow:off { | |
| image: url(:/qss_icons/rc/up_arrow_disabled.png); | |
| width: 10px; | |
| height: 10px; | |
| } | |
| QAbstractSpinBox::up-arrow:hover | |
| { | |
| image: url(:/qss_icons/rc/up_arrow.png); | |
| } | |
| QAbstractSpinBox::down-arrow,QAbstractSpinBox::down-arrow:disabled,QAbstractSpinBox::down-arrow:off | |
| { | |
| image: url(:/qss_icons/rc/down_arrow_disabled.png); | |
| width: 10px; | |
| height: 10px; | |
| } | |
| QAbstractSpinBox::down-arrow:hover | |
| { | |
| image: url(:/qss_icons/rc/down_arrow.png); | |
| } | |
| QLabel | |
| { | |
| border: 0px solid black; | |
| } | |
| QTabWidget{ | |
| border: 1px transparent black; | |
| } | |
| QTabWidget::pane { | |
| border: 1px solid #3C3C3F; | |
| border-radius: 3px; | |
| padding: 3px; | |
| } | |
| QTabBar | |
| { | |
| qproperty-drawBase: 0; | |
| left: 5px; /* move to the right by 5px */ | |
| } | |
| QTabBar:focus | |
| { | |
| border: 1px solid transparent; | |
| /* 1px to prevent text jumping */ | |
| } | |
| QTabBar::close-button { | |
| image: url(:/qss_icons/rc/close.png); | |
| background: transparent; | |
| } | |
| QTabBar::close-button:hover | |
| { | |
| image: url(:/qss_icons/rc/close-hover.png); | |
| background: transparent; | |
| } | |
| QTabBar::close-button:pressed { | |
| image: url(:/qss_icons/rc/close-pressed.png); | |
| background: transparent; | |
| } | |
| /* TOP TABS */ | |
| QTabBar::tab:top { | |
| color: #FFFFFF; | |
| border: 1px solid #transparent; | |
| border-bottom: 1px solid #4A4949; | |
| background-color: #4D4D4D; | |
| padding: 5px; | |
| border-top-left-radius: 0px; | |
| border-top-right-radius: 0px; | |
| } | |
| QTabBar::tab:top:!selected | |
| { | |
| color: #b1b1b1; | |
| background-color: #3C3C3F; | |
| border: 1px solid transparent; | |
| border-bottom: 1px solid #4A4949; | |
| border-top-left-radius: 0px; | |
| border-top-right-radius: 0px; | |
| } | |
| QTabBar::tab:top:!selected:hover { | |
| background-color: #4C4C4F; | |
| } | |
| /* BOTTOM TABS */ | |
| QTabBar::tab:bottom { | |
| color: #b1b1b1; | |
| border: 1px solid #4A4949; | |
| border-top: 1px transparent black; | |
| background-color: #3C3C3F; | |
| padding: 5px; | |
| border-bottom-left-radius: 2px; | |
| border-bottom-right-radius: 2px; | |
| } | |
| QTabBar::tab:bottom:!selected | |
| { | |
| color: #b1b1b1; | |
| background-color: #3C3C3F; | |
| border: 1px transparent #4A4949; | |
| border-top: 1px transparent #4A4949; | |
| border-bottom-left-radius: 0px; | |
| border-bottom-right-radius: 0px; | |
| } | |
| QTabBar::tab:bottom:!selected:hover { | |
| background-color: #3C3C3F; | |
| } | |
| /* LEFT TABS */ | |
| QTabBar::tab:left { | |
| color: #b1b1b1; | |
| border: 1px solid #4A4949; | |
| border-left: 1px transparent black; | |
| background-color: #3C3C3F; | |
| padding: 5px; | |
| border-top-right-radius: 2px; | |
| border-bottom-right-radius: 2px; | |
| } | |
| QTabBar::tab:left:!selected | |
| { | |
| color: #b1b1b1; | |
| background-color: #3C3C3F; | |
| border: 1px transparent #4A4949; | |
| border-right: 1px transparent #4A4949; | |
| border-top-right-radius: 0px; | |
| border-bottom-right-radius: 0px; | |
| } | |
| QTabBar::tab:left:!selected:hover { | |
| background-color: #4C4C4F; | |
| } | |
| /* RIGHT TABS */ | |
| QTabBar::tab:right { | |
| color: #b1b1b1; | |
| border: 1px solid #4A4949; | |
| border-right: 1px transparent black; | |
| background-color: #3C3C3F; | |
| padding: 5px; | |
| border-top-left-radius: 2px; | |
| border-bottom-left-radius: 2px; | |
| } | |
| QTabBar::tab:right:!selected | |
| { | |
| color: #b1b1b1; | |
| background-color: #3C3C3F; | |
| border: 1px transparent #4A4949; | |
| border-right: 1px transparent #4A4949; | |
| border-top-left-radius: 0px; | |
| border-bottom-left-radius: 0px; | |
| } | |
| QTabBar::tab:right:!selected:hover { | |
| background-color: #4C4C4F; | |
| } | |
| QTabBar QToolButton::right-arrow:enabled { | |
| image: url(:/qss_icons/rc/right_arrow.png); | |
| } | |
| QTabBar QToolButton::left-arrow:enabled { | |
| image: url(:/qss_icons/rc/left_arrow.png); | |
| } | |
| QTabBar QToolButton::right-arrow:disabled { | |
| image: url(:/qss_icons/rc/right_arrow_disabled.png); | |
| } | |
| QTabBar QToolButton::left-arrow:disabled { | |
| image: url(:/qss_icons/rc/left_arrow_disabled.png); | |
| } | |
| QDockWidget { | |
| border: 1px solid pink; | |
| titlebar-close-icon: url(:/qss_icons/rc/close.png); | |
| titlebar-normal-icon: url(:/qss_icons/rc/undock.png); | |
| } | |
| QDockWidget::close-button, QDockWidget::float-button { | |
| border: 1px solid transparent; | |
| border-radius: 2px; | |
| background: transparent; | |
| } | |
| QDockWidget::close-button:hover, QDockWidget::float-button:hover { | |
| background: rgba(255, 255, 255, 10); | |
| } | |
| QDockWidget::close-button:pressed, QDockWidget::float-button:pressed { | |
| padding: 1px -1px -1px 1px; | |
| background: rgba(255, 255, 255, 10); | |
| } | |
| QTreeView, QListView | |
| { | |
| border: 1px solid #3C3C3F; | |
| background-color: #3C3C3F; | |
| } | |
| QTreeView:branch:selected, QTreeView:branch:hover | |
| { | |
| background: url(:/qss_icons/rc/transparent.png); | |
| } | |
| QTreeView::branch:has-siblings:!adjoins-item { | |
| border-image: url(:/qss_icons/rc/transparent.png); | |
| } | |
| QTreeView::branch:has-siblings:adjoins-item { | |
| border-image: url(:/qss_icons/rc/transparent.png); | |
| } | |
| QTreeView::branch:!has-children:!has-siblings:adjoins-item { | |
| border-image: url(:/qss_icons/rc/transparent.png); | |
| } | |
| QTreeView::branch:has-children:!has-siblings:closed, | |
| QTreeView::branch:closed:has-children:has-siblings { | |
| image: url(:/qss_icons/rc/branch_closed.png); | |
| } | |
| QTreeView::branch:open:has-children:!has-siblings, | |
| QTreeView::branch:open:has-children:has-siblings { | |
| image: url(:/qss_icons/rc/branch_open.png); | |
| } | |
| QTreeView::branch:has-children:!has-siblings:closed:hover, | |
| QTreeView::branch:closed:has-children:has-siblings:hover { | |
| image: url(:/qss_icons/rc/branch_closed-on.png); | |
| } | |
| QTreeView::branch:open:has-children:!has-siblings:hover, | |
| QTreeView::branch:open:has-children:has-siblings:hover { | |
| image: url(:/qss_icons/rc/branch_open-on.png); | |
| } | |
| QLineEdit { | |
| background-color: #3C3C3F; | |
| padding: 6px; | |
| border-style: solid; | |
| border: 0px solid transparent; | |
| border-radius: 0px; | |
| color: silver; | |
| } | |
| QLineEdit#searchLineEdit { | |
| border-radius: 0px; | |
| /* hide search icon with negative margin, but should only apply to global search */ | |
| margin-left: -27px; | |
| color: white; | |
| } | |
| QLineEdit#searchLineEdit:focus { | |
| color: white; | |
| } | |
| QLineEdit#searchLineEdit, | |
| QTreeWidget#noteTreeWidget { | |
| font-family: Input, monospace; | |
| } | |
| QTreeWidgetItem#NoteTreeWidgetItem { | |
| /* wrong selector */ | |
| /* hide note icon with negative margin */ | |
| margin-left: -27px; | |
| background: pink; | |
| } | |
| QTabWidget#noteEditTabWidget { | |
| /* edit notes window? */ | |
| } | |
| QListView::item:!selected:hover, QListView::item:!selected:hover, QTreeView::item:!selected:hover { | |
| background: rgba(0, 0, 0, 0); | |
| outline: 0; | |
| color: #FFFFFF | |
| } | |
| QListView::item:selected:hover, QListView::item:selected:hover, QTreeView::item:selected:hover { | |
| background: #4C4C4F; | |
| color: #FFFFFF; | |
| } | |
| QSlider::groove:horizontal { | |
| border: 1px solid #3A3939; | |
| height: 8px; | |
| background: #3C3C3F; | |
| margin: 2px 0; | |
| border-radius: 2px; | |
| } | |
| QSlider::handle:horizontal { | |
| background: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, | |
| stop: 0.0 silver, stop: 0.2 #a8a8a8, stop: 1 #727272); | |
| border: 1px solid #3A3939; | |
| width: 14px; | |
| height: 14px; | |
| margin: -4px 0; | |
| border-radius: 2px; | |
| } | |
| QSlider::groove:vertical { | |
| border: 1px solid #3A3939; | |
| width: 8px; | |
| background: #3C3C3F; | |
| margin: 0 0px; | |
| border-radius: 2px; | |
| } | |
| QSlider::handle:vertical { | |
| background: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0.0 silver, | |
| stop: 0.2 #a8a8a8, stop: 1 #727272); | |
| border: 1px solid #3A3939; | |
| width: 14px; | |
| height: 14px; | |
| margin: 0 -4px; | |
| border-radius: 2px; | |
| } | |
| QToolButton { | |
| background-color: transparent; | |
| border: 1px transparent #4A4949; | |
| border-radius: 2px; | |
| margin: 3px; | |
| padding: 3px; | |
| } | |
| QToolButton[popupMode="1"] { /* only for MenuButtonPopup */ | |
| padding-right: 20px; /* make way for the popup button */ | |
| border: 1px transparent #4A4949; | |
| border-radius: 5px; | |
| } | |
| QToolButton[popupMode="2"] { /* only for InstantPopup */ | |
| padding-right: 10px; /* make way for the popup button */ | |
| border: 1px transparent #4A4949; | |
| } | |
| QToolButton:hover, QToolButton::menu-button:hover { | |
| background-color: transparent; | |
| border: 1px solid #3C3C3F; | |
| } | |
| QToolButton:checked, QToolButton:pressed, | |
| QToolButton::menu-button:pressed { | |
| background-color: #4A4949; | |
| border: 1px solid #3C3C3F; | |
| } | |
| /* the subcontrol below is used only in the InstantPopup or DelayedPopup mode */ | |
| QToolButton::menu-indicator { | |
| image: url(:/qss_icons/rc/down_arrow.png); | |
| top: -7px; left: -2px; /* shift it a bit */ | |
| } | |
| /* the subcontrols below are used only in the MenuButtonPopup mode */ | |
| QToolButton::menu-button { | |
| border: 1px transparent #4A4949; | |
| border-top-right-radius: 6px; | |
| border-bottom-right-radius: 6px; | |
| /* 16px width + 4px for border = 20px allocated above */ | |
| width: 16px; | |
| outline: none; | |
| } | |
| QToolButton::menu-arrow { | |
| image: url(:/qss_icons/rc/down_arrow.png); | |
| } | |
| QToolButton::menu-arrow:open { | |
| top: 1px; left: 1px; /* shift it a bit */ | |
| border: 1px solid #3A3939; | |
| } | |
| QPushButton::menu-indicator { | |
| subcontrol-origin: padding; | |
| subcontrol-position: bottom right; | |
| left: 8px; | |
| } | |
| QTableView | |
| { | |
| border: 1px solid #3C3C3F; | |
| gridline-color: #6c6c6c; | |
| background-color: #3C3C3F; | |
| } | |
| QTableView, QHeaderView | |
| { | |
| border-radius: 0px; | |
| } | |
| QTableView::item:pressed, QListView::item:pressed, QTreeView::item:pressed { | |
| background: #3C3C3F; | |
| color: #FFFFFF; | |
| } | |
| QTableView::item:selected:active, QTreeView::item:selected:active, QListView::item:selected:active { | |
| background: #777777; | |
| color: #FFFFFF; | |
| } | |
| QHeaderView | |
| { | |
| border: 1px transparent; | |
| border-radius: 2px; | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| QHeaderView::section { | |
| background-color: #3A3939; | |
| color: silver; | |
| padding: 4px; | |
| border: 1px solid #6c6c6c; | |
| border-radius: 0px; | |
| text-align: center; | |
| } | |
| QHeaderView::section::vertical::first, QHeaderView::section::vertical::only-one | |
| { | |
| border-top: 1px solid #6c6c6c; | |
| } | |
| QHeaderView::section::vertical | |
| { | |
| border-top: transparent; | |
| } | |
| QHeaderView::section::horizontal::first, QHeaderView::section::horizontal::only-one | |
| { | |
| border-left: 1px solid #6c6c6c; | |
| } | |
| QHeaderView::section::horizontal | |
| { | |
| border-left: transparent; | |
| } | |
| QHeaderView::section:checked | |
| { | |
| color: #FFFFFF; | |
| background-color: #5A5959; | |
| } | |
| /* style the sort indicator */ | |
| QHeaderView::down-arrow { | |
| image: url(:/qss_icons/rc/down_arrow.png); | |
| } | |
| QHeaderView::up-arrow { | |
| image: url(:/qss_icons/rc/up_arrow.png); | |
| } | |
| QTableCornerButton::section { | |
| background-color: #3A3939; | |
| border: 1px solid #3A3939; | |
| border-radius: 2px; | |
| } | |
| QToolBox { | |
| padding: 3px; | |
| border: 1px transparent black; | |
| } | |
| QToolBox::tab { | |
| color: #b1b1b1; | |
| background-color: #3C3C3F; | |
| border: 1px solid #4A4949; | |
| border-bottom: 1px transparent #3C3C3F; | |
| border-top-left-radius: 5px; | |
| border-top-right-radius: 5px; | |
| } | |
| QToolBox::tab:selected { /* italicize selected tabs */ | |
| font: italic; | |
| background-color: #3C3C3F; | |
| border-color: #777777; | |
| } | |
| QStatusBar::item { | |
| border: 0px solid transparent; | |
| border-radius: 2px; | |
| color: #777777; | |
| } | |
| QFrame[height="3"], QFrame[width="3"] { | |
| background-color: #3C3C3F; | |
| } | |
| QSplitter::handle { | |
| border: 1px solid transparent; | |
| background-color: #4C4C4F; | |
| } | |
| QSplitter::handle:hover { | |
| border: 1px solid #3A3939; | |
| } | |
| QSplitter::handle:horizontal { | |
| width: 1px; | |
| } | |
| QSplitter::handle:vertical { | |
| height: 1px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment