Added location format to the qss file.

Now we must format the stylesheet string to supply its location on the file system
Adapted readme accordingly
This commit is contained in:
ColinDuquesnoy 2012-11-05 22:03:11 +01:00
parent 681d2d561a
commit 706bf56abb
2 changed files with 66 additions and 100 deletions

View File

@ -9,19 +9,32 @@ Usage
============ ============
- Download/clone the project next to your main executable (or wherever you find it fits well) - Download/clone the project next to your main executable (or wherever you find it fits well)
- Load QDarkStyleSheets/style.qss and apply it on your QApplication instance - Load QDarkStyleSheets/style.qss and
- Format the stylesheet string to give it the correct location (otherwise
resources won't show).
People that don't want to format may replace all "%(location)s/" occurrences in the style.qss file by their own resource
location.
- apply it on your QApplication instance
Here is a quick snippet in python (PySide/PyQt) that shows how to use the
stylesheet.
Here is a quick snippet in python (PySide/PyQt) that shows how to use the stylesheet:
```Python ```Python
def main(): def main():
# create the qt application # create the qt application
app = QApplication() app = QApplication()
# Load the stylesheet # Load the stylesheet
f = open("QDarkStyleSheet/style.qss","r") f = open("QDarkStyleSheet/style.qss","r")
style_sheet = f.read() style_sheet = f.read()
f.close() f.close()
# apply it
# format style_sheet to get the correct resource path.
path = "" # here we use the working directory but it might somewhere else
style_sheet = style_sheet % {"location":path}
# apply the stylesheet
app.setStyleSheet(style_sheet) app.setStyleSheet(style_sheet)
``` ```
@ -65,4 +78,4 @@ Contact information:
=========================== ===========================
- Maintainer: colin.duquesnoy@gmail.com - Maintainer: colin.duquesnoy@gmail.com
- Homepage: https://github.com/ColinDuquesnoy/QDarkStyleSheet - Homepage: https://github.com/ColinDuquesnoy/QDarkStyleSheet

145
style.qss
View File

@ -1,16 +1,3 @@
/*QProgressBar*/
/*{*/
/*border: 1px solid #3A3939;*/
/*text-align: center;*/
/*}*/
/*QProgressBar::chunk*/
/*{*/
/*background-color: qlineargradient(spread:pad, x1:0.488, y1:1, x2:0.492025, y2:0, stop:0.437186 rgb(113, 130, 150), stop:0.467337 rgb(120, 136, 156));*/
/*width: 10px;*/
/*margin: 1px;*/
/*}*/
QProgressBar:horizontal { QProgressBar:horizontal {
border: 1px solid #3A3939; border: 1px solid #3A3939;
text-align: center; text-align: center;
@ -36,7 +23,6 @@ QWidget
background-color: #302F2F; background-color: #302F2F;
selection-background-color:#78879b; selection-background-color:#78879b;
selection-color: black; selection-color: black;
/*border-color: #3A3939;*/
} }
QWidget:item:hover QWidget:item:hover
@ -54,7 +40,6 @@ QWidget:item:selected
QMenuBar QMenuBar
{ {
/*background-color: #302F2F;*/
background-color: #302F2F; background-color: #302F2F;
color: silver; color: silver;
} }
@ -84,13 +69,11 @@ QMenu
{ {
border: 1px solid #3A3939; border: 1px solid #3A3939;
color: silver; color: silver;
/*border-radius: 3px;*/
} }
QMenu::item QMenu::item
{ {
padding: 2px 20px 2px 20px; padding: 2px 20px 2px 20px;
/*border-radius: 3px;*/
} }
QMenu::item:selected QMenu::item:selected
@ -136,12 +119,12 @@ QLineEdit
QGroupBox { QGroupBox {
border:1px double #3A3939; border:1px double #3A3939;
border-radius: 7px; border-radius: 7px;
margin-top: 1ex; /* leave space at the top for the title */ margin-top: 1ex;
} }
QGroupBox::title { QGroupBox::title {
subcontrol-origin: margin; subcontrol-origin: margin;
subcontrol-position: top center; /* position at the top center */ subcontrol-position: top center;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
@ -172,9 +155,7 @@ QScrollBar::handle:horizontal
QScrollBar::sub-line:horizontal QScrollBar::sub-line:horizontal
{ {
/*border: 1px solid #1b1b19;*/ border-image: url(%(location)s/QDarkStyleSheet/rc/right_arrow_disabled.png);
/*border-radius: 6px;*/
border-image: url(QDarkStyleSheet/rc/right_arrow_disabled.png);
width: 10px; width: 10px;
height: 10px; height: 10px;
subcontrol-position: right; subcontrol-position: right;
@ -183,8 +164,8 @@ QScrollBar::sub-line:horizontal
QScrollBar::add-line:horizontal QScrollBar::add-line:horizontal
{ {
/*border: 1px solid #1b1b19;*/
border-image: url(QDarkStyleSheet/rc/left_arrow_disabled.png); border-image: url(%(location)s/QDarkStyleSheet/rc/left_arrow_disabled.png);
height: 10px; height: 10px;
width: 10px; width: 10px;
subcontrol-position: left; subcontrol-position: left;
@ -193,9 +174,7 @@ QScrollBar::add-line:horizontal
QScrollBar::sub-line:horizontal:hover,QScrollBar::sub-line:horizontal:on QScrollBar::sub-line:horizontal:hover,QScrollBar::sub-line:horizontal:on
{ {
/*border: 1px solid #1b1b19;*/ border-image: url(%(location)s/QDarkStyleSheet/rc/right_arrow.png);
/*border-radius: 6px;*/
border-image: url(QDarkStyleSheet/rc/right_arrow.png);
height: 10px; height: 10px;
width: 10px; width: 10px;
subcontrol-position: right; subcontrol-position: right;
@ -205,8 +184,7 @@ QScrollBar::sub-line:horizontal:hover,QScrollBar::sub-line:horizontal:on
QScrollBar::add-line:horizontal:hover, QScrollBar::add-line:horizontal:on QScrollBar::add-line:horizontal:hover, QScrollBar::add-line:horizontal:on
{ {
/*border: 1px solid #1b1b19;*/ border-image: url(%(location)s/QDarkStyleSheet/rc/left_arrow.png);
border-image: url(QDarkStyleSheet/rc/left_arrow.png);
height: 10px; height: 10px;
width: 10px; width: 10px;
subcontrol-position: left; subcontrol-position: left;
@ -226,7 +204,6 @@ QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal
QScrollBar:vertical QScrollBar:vertical
{ {
/*background: #3E424A;*/
background-color: QLinearGradient( x1: 1, y1: 0, x2: 0, y2: 0, background-color: QLinearGradient( x1: 1, y1: 0, x2: 0, y2: 0,
stop: 0 #302F2F, stop: 1 #484846); stop: 0 #302F2F, stop: 1 #484846);
width: 15px; width: 15px;
@ -239,16 +216,13 @@ QScrollBar::handle:vertical
{ {
background-color: QLinearGradient( x1: 1, y1: 0, x2: 0, y2: 0, background-color: QLinearGradient( x1: 1, y1: 0, x2: 0, y2: 0,
stop: 0 #605F5F, stop: 1 #787876); stop: 0 #605F5F, stop: 1 #787876);
/*background: #787876;*/
min-height: 5px; min-height: 5px;
border-radius: 5px; border-radius: 5px;
} }
QScrollBar::sub-line:vertical QScrollBar::sub-line:vertical
{ {
/*border: 1px solid #1b1b19;*/ border-image: url(%(location)s/QDarkStyleSheet/rc/up_arrow_disabled.png);
/*border-radius: 6px;*/
border-image: url(QDarkStyleSheet/rc/up_arrow_disabled.png);
height: 10px; height: 10px;
width: 10px; width: 10px;
subcontrol-position: top; subcontrol-position: top;
@ -257,8 +231,8 @@ QScrollBar::sub-line:vertical
QScrollBar::add-line:vertical QScrollBar::add-line:vertical
{ {
/*border: 1px solid #1b1b19;*/
border-image: url(QDarkStyleSheet/rc/down_arrow_disabled.png); border-image: url(%(location)s/QDarkStyleSheet/rc/down_arrow_disabled.png);
height: 10px; height: 10px;
width: 10px; width: 10px;
subcontrol-position: bottom; subcontrol-position: bottom;
@ -267,9 +241,8 @@ QScrollBar::add-line:vertical
QScrollBar::sub-line:vertical:hover,QScrollBar::sub-line:vertical:on QScrollBar::sub-line:vertical:hover,QScrollBar::sub-line:vertical:on
{ {
/*border: 1px solid #1b1b19;*/
/*border-radius: 6px;*/ border-image: url(%(location)s/QDarkStyleSheet/rc/up_arrow.png);
border-image: url(QDarkStyleSheet/rc/up_arrow.png);
height: 10px; height: 10px;
width: 10px; width: 10px;
subcontrol-position: top; subcontrol-position: top;
@ -279,8 +252,7 @@ QScrollBar::sub-line:vertical:hover,QScrollBar::sub-line:vertical:on
QScrollBar::add-line:vertical:hover, QScrollBar::add-line:vertical:on QScrollBar::add-line:vertical:hover, QScrollBar::add-line:vertical:on
{ {
/*border: 1px solid #1b1b19;*/ border-image: url(%(location)s/QDarkStyleSheet/rc/down_arrow.png);
border-image: url(QDarkStyleSheet/rc/down_arrow.png);
height: 10px; height: 10px;
width: 10px; width: 10px;
subcontrol-position: bottom; subcontrol-position: bottom;
@ -319,7 +291,6 @@ QHeaderView::section
color: silver; color: silver;
padding-left: 4px; padding-left: 4px;
border: 1px solid #6c6c6c; border: 1px solid #6c6c6c;
/*border-radius: 3px;*/
} }
QCheckBox:disabled QCheckBox:disabled
@ -328,7 +299,7 @@ QCheckBox:disabled
} }
QSizeGrip { QSizeGrip {
image: url(QDarkStyleSheet/rc/sizegrip.png); image: url(%(location)s/QDarkStyleSheet/rc/sizegrip.png);
width: 12px; width: 12px;
height: 12px; height: 12px;
} }
@ -339,9 +310,8 @@ QMainWindow::separator
background-color: #302F2F; background-color: #302F2F;
color: white; color: white;
padding-left: 4px; padding-left: 4px;
spacing: 2px; /* spacing between items in the tool bar */ spacing: 2px;
border: 1px dashed #3A3939; border: 1px dashed #3A3939;
/*border-radius: 3px;*/
} }
QMainWindow::separator:hover QMainWindow::separator:hover
@ -352,13 +322,9 @@ QMainWindow::separator:hover
color: white; color: white;
padding-left: 4px; padding-left: 4px;
border: 1px solid #3A3939; border: 1px solid #3A3939;
spacing: 2px; /* spacing between items in the tool bar */ spacing: 2px;
} }
/*QToolBar::handle*/
/*{*/
/*spacing: 2px; *//* spacing between items in the tool bar */
/*}*/
QMenu::separator QMenu::separator
{ {
@ -410,12 +376,11 @@ QRadioButton::indicator
QRadioButton::indicator:hover, QCheckBox::indicator:hover QRadioButton::indicator:hover, QCheckBox::indicator:hover
{ {
border: 1px solid #78879b; border: 1px solid #78879b;
/*padding: 1px;*/
} }
QCheckBox::indicator:checked QCheckBox::indicator:checked
{ {
image:url(QDarkStyleSheet/rc/checkbox.png); image:url(%(location)s/QDarkStyleSheet/rc/checkbox.png);
} }
QCheckBox::indicator:disabled, QRadioButton::indicator:disabled QCheckBox::indicator:disabled, QRadioButton::indicator:disabled
@ -425,7 +390,6 @@ QCheckBox::indicator:disabled, QRadioButton::indicator:disabled
QFrame QFrame
{ {
/*border: 1px solid #3A3939;*/
border-radius: 3px; border-radius: 3px;
} }
@ -441,16 +405,16 @@ QToolBar {
} }
QToolBar::handle:horizontal { QToolBar::handle:horizontal {
image: url(QDarkStyleSheet/rc/Hmovetoolbar.png); image: url(%(location)s/QDarkStyleSheet/rc/Hmovetoolbar.png);
} }
QToolBar::handle:vertical { QToolBar::handle:vertical {
image: url(QDarkStyleSheet/rc/Vmovetoolbar.png); image: url(%(location)s/QDarkStyleSheet/rc/Vmovetoolbar.png);
} }
QToolBar::separator:horizontal { QToolBar::separator:horizontal {
image: url(QDarkStyleSheet/rc/Hsepartoolbar.png); image: url(%(location)s/QDarkStyleSheet/rc/Hsepartoolbar.png);
} }
QToolBar::separator:vertical { QToolBar::separator:vertical {
image: url(QDarkStyleSheet/rc/Vsepartoolbars.png); image: url(%(location)s/QDarkStyleSheet/rc/Vsepartoolbars.png);
} }
QPushButton QPushButton
@ -470,8 +434,6 @@ QPushButton
QPushButton:disabled QPushButton:disabled
{ {
/*border-color: #3A3939;*/
/*background-color: #393e48;*/
background-color: QLinearGradient( x1: 0, y1: 1, x2: 0, y2: 0, background-color: QLinearGradient( x1: 0, y1: 1, x2: 0, y2: 0,
stop: 0 #302F2F, stop: 1 #484846); stop: 0 #302F2F, stop: 1 #484846);
border-width: 1px; border-width: 1px;
@ -497,9 +459,7 @@ QComboBox
QComboBox:hover,QPushButton:hover,QAbstractSpinBox:hover,QLineEdit:hover,QTextEdit:hover,QPlainTextEdit:hover,QAbstractView:hover,QTreeView:hover QComboBox:hover,QPushButton:hover,QAbstractSpinBox:hover,QLineEdit:hover,QTextEdit:hover,QPlainTextEdit:hover,QAbstractView:hover,QTreeView:hover
{ {
/*border: 1px double #000000;*/
border: 1px solid #78879b; border: 1px solid #78879b;
/*background-color: #626873;*/
color: silver; color: silver;
} }
@ -528,32 +488,29 @@ QComboBox::drop-down
border-left-width: 0px; border-left-width: 0px;
border-left-color: darkgray; border-left-color: darkgray;
border-left-style: solid; /* just a single line */ border-left-style: solid;
border-top-right-radius: 3px; /* same radius as the QComboBox */ border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
QComboBox::down-arrow QComboBox::down-arrow
{ {
image: url(QDarkStyleSheet/rc/down_arrow_disabled.png); image: url(%(location)s/QDarkStyleSheet/rc/down_arrow_disabled.png);
} }
QComboBox::down-arrow:on, QComboBox::down-arrow:hover, QComboBox::down-arrow:on, QComboBox::down-arrow:hover,
QComboBox::down-arrow:focus QComboBox::down-arrow:focus
{ {
image: url(QDarkStyleSheet/rc/down_arrow.png); image: url(%(location)s/QDarkStyleSheet/rc/down_arrow.png);
} }
QPushButton:pressed QPushButton:pressed
{ {
background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1,
stop: 0 #302F2F, stop: 1 #484846); stop: 0 #302F2F, stop: 1 #484846);
/*color: black;*/
} }
QAbstractSpinBox { QAbstractSpinBox {
/*padding-right: 5px; *//* make room for the arrows */
/*padding-left: 5px; *//* make room for the arrows */
padding-top: 2px; padding-top: 2px;
padding-bottom: 2px; padding-bottom: 2px;
border: 1px solid #3A3939; border: 1px solid #3A3939;
@ -577,25 +534,25 @@ QAbstractSpinBox:down-button
} }
QAbstractSpinBox::up-arrow,QAbstractSpinBox::up-arrow:disabled,QAbstractSpinBox::up-arrow:off { QAbstractSpinBox::up-arrow,QAbstractSpinBox::up-arrow:disabled,QAbstractSpinBox::up-arrow:off {
image: url(QDarkStyleSheet/rc/up_arrow_disabled.png); image: url(%(location)s/QDarkStyleSheet/rc/up_arrow_disabled.png);
width: 10px; width: 10px;
height: 10px; height: 10px;
} }
QAbstractSpinBox::up-arrow:hover QAbstractSpinBox::up-arrow:hover
{ {
image: url(QDarkStyleSheet/rc/up_arrow.png); image: url(%(location)s/QDarkStyleSheet/rc/up_arrow.png);
} }
QAbstractSpinBox::down-arrow,QAbstractSpinBox::down-arrow:disabled,QAbstractSpinBox::down-arrow:off QAbstractSpinBox::down-arrow,QAbstractSpinBox::down-arrow:disabled,QAbstractSpinBox::down-arrow:off
{ {
image: url(QDarkStyleSheet/rc/down_arrow_disabled.png); image: url(%(location)s/QDarkStyleSheet/rc/down_arrow_disabled.png);
width: 10px; width: 10px;
height: 10px; height: 10px;
} }
QAbstractSpinBox::down-arrow:hover QAbstractSpinBox::down-arrow:hover
{ {
image: url(QDarkStyleSheet/rc/down_arrow.png); image: url(%(location)s/QDarkStyleSheet/rc/down_arrow.png);
} }
@ -620,18 +577,17 @@ QTabWidget::pane {
border: 1px solid #3A3939; border: 1px solid #3A3939;
background-color: QLinearGradient(x1:0, y1:0, x2:0, y2:1, background-color: QLinearGradient(x1:0, y1:0, x2:0, y2:1,
stop:1 #302F2F, stop:0 #3A3939); stop:1 #302F2F, stop:0 #3A3939);
/*top: 1px;*/
} }
QTabBar::tab:last QTabBar::tab:last
{ {
margin-right: 0; /* the last selected tab has nothing to overlap with on the right */ margin-right: 0;
border-top-right-radius: 3px; border-top-right-radius: 3px;
} }
QTabBar::tab:first:!selected QTabBar::tab:first:!selected
{ {
margin-left: 0px; /* the last selected tab has nothing to overlap with on the right */ margin-left: 0px;
border-top-left-radius: 3px; border-top-left-radius: 3px;
} }
@ -663,17 +619,16 @@ QTabBar::tab:selected:hover
QDockWidget QDockWidget
{ {
color: silver; color: silver;
titlebar-close-icon: url(QDarkStyleSheet/rc/close.png); titlebar-close-icon: url(%(location)s/QDarkStyleSheet/rc/close.png);
titlebar-normal-icon: url(QDarkStyleSheet/rc/undock.png); titlebar-normal-icon: url(%(location)s/QDarkStyleSheet/rc/undock.png);
} }
QDockWidget::title QDockWidget::title
{ {
border: 1px solid #3A3939; border: 1px solid #3A3939;
/*border-radius: 3px;*/
border-bottom: #302F2F; border-bottom: #302F2F;
text-align: left; text-align: left;
spacing: 2px; /* spacing between items in the tool bar */ spacing: 2px;
background-color: QLinearGradient(x1:0, y1:0, x2:0, y2:1, background-color: QLinearGradient(x1:0, y1:0, x2:0, y2:1,
stop:1 #302F2F, stop:0 #3A3939);; stop:1 #302F2F, stop:0 #3A3939);;
background-image: none; background-image: none;
@ -682,8 +637,8 @@ QDockWidget::title
QDockWidget { QDockWidget {
border: 1px solid lightgray; border: 1px solid lightgray;
titlebar-close-icon: url(QDarkStyleSheet/rc/close.png); titlebar-close-icon: url(%(location)s/QDarkStyleSheet/rc/close.png);
titlebar-normal-icon: url(QDarkStyleSheet/rc/undock.png); titlebar-normal-icon: url(%(location)s/QDarkStyleSheet/rc/undock.png);
} }
QDockWidget::close-button, QDockWidget::float-button { QDockWidget::close-button, QDockWidget::float-button {
@ -708,35 +663,35 @@ QTreeView, QListView, QTableView
} }
QTreeView::branch:has-siblings:!adjoins-item { QTreeView::branch:has-siblings:!adjoins-item {
/*border-image: None;*/ border-image: none;
border-image: url(QDarkStyleSheet/rc/stylesheet-vline.png) 0; /*border-image: url(%(location)s/QDarkStyleSheet/rc/stylesheet-vline.png) 0;*/
} }
QTreeView::branch:has-siblings:adjoins-item { QTreeView::branch:has-siblings:adjoins-item {
/*border-image: None;*/ border-image: none;
border-image: url(QDarkStyleSheet/rc/stylesheet-branch-more.png) 0; /*border-image: url(%(location)s/QDarkStyleSheet/rc/stylesheet-branch-more.png) 0;*/
} }
QTreeView::branch:!has-children:!has-siblings:adjoins-item { QTreeView::branch:!has-children:!has-siblings:adjoins-item {
/*border-image: None;*/ border-image: none;
border-image: url(QDarkStyleSheet/rc/stylesheet-branch-end.png) 0; /*border-image: url(%(location)s/QDarkStyleSheet/rc/stylesheet-branch-end.png) 0;*/
} }
QTreeView::branch:has-children:!has-siblings:closed, QTreeView::branch:has-children:!has-siblings:closed,
QTreeView::branch:closed:has-children:has-siblings { QTreeView::branch:closed:has-children:has-siblings {
border-image: none; border-image: none;
image: url(QDarkStyleSheet/rc/branch_closed.png); image: url(%(location)s/QDarkStyleSheet/rc/branch_closed.png);
} }
QTreeView::branch:open:has-children:!has-siblings, QTreeView::branch:open:has-children:!has-siblings,
QTreeView::branch:open:has-children:has-siblings { QTreeView::branch:open:has-children:has-siblings {
border-image: none; border-image: none;
image: url(QDarkStyleSheet/rc/branch_open.png); image: url(%(location)s/QDarkStyleSheet/rc/branch_open.png);
} }
QSlider::groove:horizontal { QSlider::groove:horizontal {
border: 1px solid #3A3939; border: 1px solid #3A3939;
height: 8px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */ height: 8px;
background: #201F1F; background: #201F1F;
margin: 2px 0; margin: 2px 0;
border-radius: 4px; border-radius: 4px;
@ -748,13 +703,13 @@ QSlider::handle:horizontal {
border: 1px solid #3A3939; border: 1px solid #3A3939;
width: 14px; width: 14px;
height: 14px; height: 14px;
margin: -4px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */ margin: -4px 0;
border-radius: 7px; border-radius: 7px;
} }
QSlider::groove:vertical { QSlider::groove:vertical {
border: 1px solid #3A3939; border: 1px solid #3A3939;
width: 8px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */ width: 8px;
background: #201F1F; background: #201F1F;
margin: 0 0px; margin: 0 0px;
border-radius: 4px; border-radius: 4px;
@ -766,15 +721,13 @@ QSlider::handle:vertical {
border: 1px solid #3A3939; border: 1px solid #3A3939;
width: 14px; width: 14px;
height: 14px; height: 14px;
margin: 0 -4px; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */ margin: 0 -4px;
border-radius: 7px; border-radius: 7px;
} }
QToolButton { /* all types of tool button */ QToolButton {
background-color: #302F2F; background-color: #302F2F;
/*border-radius: 3px;*/
/*border: none;*/
} }
QToolButton:pressed { QToolButton:pressed {