mirror of https://github.com/saitohirga/WSJT-X.git
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:
parent
681d2d561a
commit
706bf56abb
21
README.md
21
README.md
|
@ -9,19 +9,32 @@ Usage
|
|||
============
|
||||
|
||||
- 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
|
||||
def main():
|
||||
# create the qt application
|
||||
app = QApplication()
|
||||
|
||||
# Load the stylesheet
|
||||
f = open("QDarkStyleSheet/style.qss","r")
|
||||
style_sheet = f.read()
|
||||
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)
|
||||
```
|
||||
|
||||
|
@ -65,4 +78,4 @@ Contact information:
|
|||
===========================
|
||||
|
||||
- Maintainer: colin.duquesnoy@gmail.com
|
||||
- Homepage: https://github.com/ColinDuquesnoy/QDarkStyleSheet
|
||||
- Homepage: https://github.com/ColinDuquesnoy/QDarkStyleSheet
|
||||
|
|
145
style.qss
145
style.qss
|
@ -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 {
|
||||
border: 1px solid #3A3939;
|
||||
text-align: center;
|
||||
|
@ -36,7 +23,6 @@ QWidget
|
|||
background-color: #302F2F;
|
||||
selection-background-color:#78879b;
|
||||
selection-color: black;
|
||||
/*border-color: #3A3939;*/
|
||||
}
|
||||
|
||||
QWidget:item:hover
|
||||
|
@ -54,7 +40,6 @@ QWidget:item:selected
|
|||
|
||||
QMenuBar
|
||||
{
|
||||
/*background-color: #302F2F;*/
|
||||
background-color: #302F2F;
|
||||
color: silver;
|
||||
}
|
||||
|
@ -84,13 +69,11 @@ QMenu
|
|||
{
|
||||
border: 1px solid #3A3939;
|
||||
color: silver;
|
||||
/*border-radius: 3px;*/
|
||||
}
|
||||
|
||||
QMenu::item
|
||||
{
|
||||
padding: 2px 20px 2px 20px;
|
||||
/*border-radius: 3px;*/
|
||||
}
|
||||
|
||||
QMenu::item:selected
|
||||
|
@ -136,12 +119,12 @@ QLineEdit
|
|||
QGroupBox {
|
||||
border:1px double #3A3939;
|
||||
border-radius: 7px;
|
||||
margin-top: 1ex; /* leave space at the top for the title */
|
||||
margin-top: 1ex;
|
||||
}
|
||||
|
||||
QGroupBox::title {
|
||||
subcontrol-origin: margin;
|
||||
subcontrol-position: top center; /* position at the top center */
|
||||
subcontrol-position: top center;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
@ -172,9 +155,7 @@ QScrollBar::handle:horizontal
|
|||
|
||||
QScrollBar::sub-line:horizontal
|
||||
{
|
||||
/*border: 1px solid #1b1b19;*/
|
||||
/*border-radius: 6px;*/
|
||||
border-image: url(QDarkStyleSheet/rc/right_arrow_disabled.png);
|
||||
border-image: url(%(location)s/QDarkStyleSheet/rc/right_arrow_disabled.png);
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
subcontrol-position: right;
|
||||
|
@ -183,8 +164,8 @@ QScrollBar::sub-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;
|
||||
width: 10px;
|
||||
subcontrol-position: left;
|
||||
|
@ -193,9 +174,7 @@ QScrollBar::add-line:horizontal
|
|||
|
||||
QScrollBar::sub-line:horizontal:hover,QScrollBar::sub-line:horizontal:on
|
||||
{
|
||||
/*border: 1px solid #1b1b19;*/
|
||||
/*border-radius: 6px;*/
|
||||
border-image: url(QDarkStyleSheet/rc/right_arrow.png);
|
||||
border-image: url(%(location)s/QDarkStyleSheet/rc/right_arrow.png);
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
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
|
||||
{
|
||||
/*border: 1px solid #1b1b19;*/
|
||||
border-image: url(QDarkStyleSheet/rc/left_arrow.png);
|
||||
border-image: url(%(location)s/QDarkStyleSheet/rc/left_arrow.png);
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
subcontrol-position: left;
|
||||
|
@ -226,7 +204,6 @@ QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal
|
|||
|
||||
QScrollBar:vertical
|
||||
{
|
||||
/*background: #3E424A;*/
|
||||
background-color: QLinearGradient( x1: 1, y1: 0, x2: 0, y2: 0,
|
||||
stop: 0 #302F2F, stop: 1 #484846);
|
||||
width: 15px;
|
||||
|
@ -239,16 +216,13 @@ QScrollBar::handle:vertical
|
|||
{
|
||||
background-color: QLinearGradient( x1: 1, y1: 0, x2: 0, y2: 0,
|
||||
stop: 0 #605F5F, stop: 1 #787876);
|
||||
/*background: #787876;*/
|
||||
min-height: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
QScrollBar::sub-line:vertical
|
||||
{
|
||||
/*border: 1px solid #1b1b19;*/
|
||||
/*border-radius: 6px;*/
|
||||
border-image: url(QDarkStyleSheet/rc/up_arrow_disabled.png);
|
||||
border-image: url(%(location)s/QDarkStyleSheet/rc/up_arrow_disabled.png);
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
subcontrol-position: top;
|
||||
|
@ -257,8 +231,8 @@ QScrollBar::sub-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;
|
||||
width: 10px;
|
||||
subcontrol-position: bottom;
|
||||
|
@ -267,9 +241,8 @@ QScrollBar::add-line:vertical
|
|||
|
||||
QScrollBar::sub-line:vertical:hover,QScrollBar::sub-line:vertical:on
|
||||
{
|
||||
/*border: 1px solid #1b1b19;*/
|
||||
/*border-radius: 6px;*/
|
||||
border-image: url(QDarkStyleSheet/rc/up_arrow.png);
|
||||
|
||||
border-image: url(%(location)s/QDarkStyleSheet/rc/up_arrow.png);
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
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
|
||||
{
|
||||
/*border: 1px solid #1b1b19;*/
|
||||
border-image: url(QDarkStyleSheet/rc/down_arrow.png);
|
||||
border-image: url(%(location)s/QDarkStyleSheet/rc/down_arrow.png);
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
subcontrol-position: bottom;
|
||||
|
@ -319,7 +291,6 @@ QHeaderView::section
|
|||
color: silver;
|
||||
padding-left: 4px;
|
||||
border: 1px solid #6c6c6c;
|
||||
/*border-radius: 3px;*/
|
||||
}
|
||||
|
||||
QCheckBox:disabled
|
||||
|
@ -328,7 +299,7 @@ QCheckBox:disabled
|
|||
}
|
||||
|
||||
QSizeGrip {
|
||||
image: url(QDarkStyleSheet/rc/sizegrip.png);
|
||||
image: url(%(location)s/QDarkStyleSheet/rc/sizegrip.png);
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
@ -339,9 +310,8 @@ QMainWindow::separator
|
|||
background-color: #302F2F;
|
||||
color: white;
|
||||
padding-left: 4px;
|
||||
spacing: 2px; /* spacing between items in the tool bar */
|
||||
spacing: 2px;
|
||||
border: 1px dashed #3A3939;
|
||||
/*border-radius: 3px;*/
|
||||
}
|
||||
|
||||
QMainWindow::separator:hover
|
||||
|
@ -352,13 +322,9 @@ QMainWindow::separator:hover
|
|||
color: white;
|
||||
padding-left: 4px;
|
||||
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
|
||||
{
|
||||
|
@ -410,12 +376,11 @@ QRadioButton::indicator
|
|||
QRadioButton::indicator:hover, QCheckBox::indicator:hover
|
||||
{
|
||||
border: 1px solid #78879b;
|
||||
/*padding: 1px;*/
|
||||
}
|
||||
|
||||
QCheckBox::indicator:checked
|
||||
{
|
||||
image:url(QDarkStyleSheet/rc/checkbox.png);
|
||||
image:url(%(location)s/QDarkStyleSheet/rc/checkbox.png);
|
||||
}
|
||||
|
||||
QCheckBox::indicator:disabled, QRadioButton::indicator:disabled
|
||||
|
@ -425,7 +390,6 @@ QCheckBox::indicator:disabled, QRadioButton::indicator:disabled
|
|||
|
||||
QFrame
|
||||
{
|
||||
/*border: 1px solid #3A3939;*/
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
@ -441,16 +405,16 @@ QToolBar {
|
|||
}
|
||||
|
||||
QToolBar::handle:horizontal {
|
||||
image: url(QDarkStyleSheet/rc/Hmovetoolbar.png);
|
||||
image: url(%(location)s/QDarkStyleSheet/rc/Hmovetoolbar.png);
|
||||
}
|
||||
QToolBar::handle:vertical {
|
||||
image: url(QDarkStyleSheet/rc/Vmovetoolbar.png);
|
||||
image: url(%(location)s/QDarkStyleSheet/rc/Vmovetoolbar.png);
|
||||
}
|
||||
QToolBar::separator:horizontal {
|
||||
image: url(QDarkStyleSheet/rc/Hsepartoolbar.png);
|
||||
image: url(%(location)s/QDarkStyleSheet/rc/Hsepartoolbar.png);
|
||||
}
|
||||
QToolBar::separator:vertical {
|
||||
image: url(QDarkStyleSheet/rc/Vsepartoolbars.png);
|
||||
image: url(%(location)s/QDarkStyleSheet/rc/Vsepartoolbars.png);
|
||||
}
|
||||
|
||||
QPushButton
|
||||
|
@ -470,8 +434,6 @@ QPushButton
|
|||
|
||||
QPushButton:disabled
|
||||
{
|
||||
/*border-color: #3A3939;*/
|
||||
/*background-color: #393e48;*/
|
||||
background-color: QLinearGradient( x1: 0, y1: 1, x2: 0, y2: 0,
|
||||
stop: 0 #302F2F, stop: 1 #484846);
|
||||
border-width: 1px;
|
||||
|
@ -497,9 +459,7 @@ QComboBox
|
|||
|
||||
QComboBox:hover,QPushButton:hover,QAbstractSpinBox:hover,QLineEdit:hover,QTextEdit:hover,QPlainTextEdit:hover,QAbstractView:hover,QTreeView:hover
|
||||
{
|
||||
/*border: 1px double #000000;*/
|
||||
border: 1px solid #78879b;
|
||||
/*background-color: #626873;*/
|
||||
color: silver;
|
||||
}
|
||||
|
||||
|
@ -528,32 +488,29 @@ QComboBox::drop-down
|
|||
|
||||
border-left-width: 0px;
|
||||
border-left-color: darkgray;
|
||||
border-left-style: solid; /* just a single line */
|
||||
border-top-right-radius: 3px; /* same radius as the QComboBox */
|
||||
border-left-style: solid;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
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:focus
|
||||
{
|
||||
image: url(QDarkStyleSheet/rc/down_arrow.png);
|
||||
image: url(%(location)s/QDarkStyleSheet/rc/down_arrow.png);
|
||||
}
|
||||
|
||||
QPushButton:pressed
|
||||
{
|
||||
background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1,
|
||||
stop: 0 #302F2F, stop: 1 #484846);
|
||||
/*color: black;*/
|
||||
}
|
||||
|
||||
QAbstractSpinBox {
|
||||
/*padding-right: 5px; *//* make room for the arrows */
|
||||
/*padding-left: 5px; *//* make room for the arrows */
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
border: 1px solid #3A3939;
|
||||
|
@ -577,25 +534,25 @@ QAbstractSpinBox:down-button
|
|||
}
|
||||
|
||||
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;
|
||||
height: 10px;
|
||||
}
|
||||
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
|
||||
{
|
||||
image: url(QDarkStyleSheet/rc/down_arrow_disabled.png);
|
||||
image: url(%(location)s/QDarkStyleSheet/rc/down_arrow_disabled.png);
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
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;
|
||||
background-color: QLinearGradient(x1:0, y1:0, x2:0, y2:1,
|
||||
stop:1 #302F2F, stop:0 #3A3939);
|
||||
/*top: 1px;*/
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
|
@ -663,17 +619,16 @@ QTabBar::tab:selected:hover
|
|||
QDockWidget
|
||||
{
|
||||
color: silver;
|
||||
titlebar-close-icon: url(QDarkStyleSheet/rc/close.png);
|
||||
titlebar-normal-icon: url(QDarkStyleSheet/rc/undock.png);
|
||||
titlebar-close-icon: url(%(location)s/QDarkStyleSheet/rc/close.png);
|
||||
titlebar-normal-icon: url(%(location)s/QDarkStyleSheet/rc/undock.png);
|
||||
}
|
||||
|
||||
QDockWidget::title
|
||||
{
|
||||
border: 1px solid #3A3939;
|
||||
/*border-radius: 3px;*/
|
||||
border-bottom: #302F2F;
|
||||
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,
|
||||
stop:1 #302F2F, stop:0 #3A3939);;
|
||||
background-image: none;
|
||||
|
@ -682,8 +637,8 @@ QDockWidget::title
|
|||
|
||||
QDockWidget {
|
||||
border: 1px solid lightgray;
|
||||
titlebar-close-icon: url(QDarkStyleSheet/rc/close.png);
|
||||
titlebar-normal-icon: url(QDarkStyleSheet/rc/undock.png);
|
||||
titlebar-close-icon: url(%(location)s/QDarkStyleSheet/rc/close.png);
|
||||
titlebar-normal-icon: url(%(location)s/QDarkStyleSheet/rc/undock.png);
|
||||
}
|
||||
|
||||
QDockWidget::close-button, QDockWidget::float-button {
|
||||
|
@ -708,35 +663,35 @@ QTreeView, QListView, QTableView
|
|||
}
|
||||
|
||||
QTreeView::branch:has-siblings:!adjoins-item {
|
||||
/*border-image: None;*/
|
||||
border-image: url(QDarkStyleSheet/rc/stylesheet-vline.png) 0;
|
||||
border-image: none;
|
||||
/*border-image: url(%(location)s/QDarkStyleSheet/rc/stylesheet-vline.png) 0;*/
|
||||
}
|
||||
|
||||
QTreeView::branch:has-siblings:adjoins-item {
|
||||
/*border-image: None;*/
|
||||
border-image: url(QDarkStyleSheet/rc/stylesheet-branch-more.png) 0;
|
||||
border-image: none;
|
||||
/*border-image: url(%(location)s/QDarkStyleSheet/rc/stylesheet-branch-more.png) 0;*/
|
||||
}
|
||||
|
||||
QTreeView::branch:!has-children:!has-siblings:adjoins-item {
|
||||
/*border-image: None;*/
|
||||
border-image: url(QDarkStyleSheet/rc/stylesheet-branch-end.png) 0;
|
||||
border-image: none;
|
||||
/*border-image: url(%(location)s/QDarkStyleSheet/rc/stylesheet-branch-end.png) 0;*/
|
||||
}
|
||||
|
||||
QTreeView::branch:has-children:!has-siblings:closed,
|
||||
QTreeView::branch:closed:has-children:has-siblings {
|
||||
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 {
|
||||
border-image: none;
|
||||
image: url(QDarkStyleSheet/rc/branch_open.png);
|
||||
image: url(%(location)s/QDarkStyleSheet/rc/branch_open.png);
|
||||
}
|
||||
|
||||
QSlider::groove:horizontal {
|
||||
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;
|
||||
margin: 2px 0;
|
||||
border-radius: 4px;
|
||||
|
@ -748,13 +703,13 @@ QSlider::handle:horizontal {
|
|||
border: 1px solid #3A3939;
|
||||
width: 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;
|
||||
}
|
||||
|
||||
QSlider::groove:vertical {
|
||||
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;
|
||||
margin: 0 0px;
|
||||
border-radius: 4px;
|
||||
|
@ -766,15 +721,13 @@ QSlider::handle:vertical {
|
|||
border: 1px solid #3A3939;
|
||||
width: 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;
|
||||
}
|
||||
|
||||
|
||||
QToolButton { /* all types of tool button */
|
||||
QToolButton {
|
||||
background-color: #302F2F;
|
||||
/*border-radius: 3px;*/
|
||||
/*border: none;*/
|
||||
}
|
||||
|
||||
QToolButton:pressed {
|
||||
|
|
Loading…
Reference in New Issue