WIP: Add more stylesheets
This commit is contained in:
parent
35431053c0
commit
0e3debfe04
|
@ -0,0 +1,285 @@
|
||||||
|
/*
|
||||||
|
Copyright 2013 Emanuel Claesson
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
|
COLOR_DARK = #191919
|
||||||
|
COLOR_MEDIUM = #353535
|
||||||
|
COLOR_MEDLIGHT = #5A5A5A
|
||||||
|
COLOR_LIGHT = #DDDDDD
|
||||||
|
COLOR_ACCENT = #3D7848
|
||||||
|
*/
|
||||||
|
|
||||||
|
* {
|
||||||
|
background: #191919;
|
||||||
|
color: #DDDDDD;
|
||||||
|
border: 1px solid #5A5A5A;
|
||||||
|
}
|
||||||
|
|
||||||
|
QWidget::item:selected {
|
||||||
|
background: #3D7848;
|
||||||
|
}
|
||||||
|
|
||||||
|
QCheckBox, QRadioButton {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
QRadioButton::indicator, QCheckBox::indicator {
|
||||||
|
width: 13px;
|
||||||
|
height: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QRadioButton::indicator::unchecked, QCheckBox::indicator::unchecked {
|
||||||
|
border: 1px solid #5A5A5A;
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
QRadioButton::indicator:unchecked:hover, QCheckBox::indicator:unchecked:hover {
|
||||||
|
border: 1px solid #DDDDDD;
|
||||||
|
}
|
||||||
|
|
||||||
|
QRadioButton::indicator::checked, QCheckBox::indicator::checked {
|
||||||
|
border: 1px solid #5A5A5A;
|
||||||
|
background: #5A5A5A;
|
||||||
|
}
|
||||||
|
|
||||||
|
QRadioButton::indicator:checked:hover, QCheckBox::indicator:checked:hover {
|
||||||
|
border: 1px solid #DDDDDD;
|
||||||
|
background: #DDDDDD;
|
||||||
|
}
|
||||||
|
|
||||||
|
QGroupBox {
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QGroupBox::title {
|
||||||
|
top: -7px;
|
||||||
|
left: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar {
|
||||||
|
border: 1px solid #5A5A5A;
|
||||||
|
background: #191919;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar:horizontal {
|
||||||
|
height: 15px;
|
||||||
|
margin: 0px 0px 0px 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar:vertical {
|
||||||
|
width: 15px;
|
||||||
|
margin: 32px 0px 0px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::handle {
|
||||||
|
background: #353535;
|
||||||
|
border: 1px solid #5A5A5A;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::handle:horizontal {
|
||||||
|
border-width: 0px 1px 0px 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::handle:vertical {
|
||||||
|
border-width: 1px 0px 1px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::handle:horizontal {
|
||||||
|
min-width: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::handle:vertical {
|
||||||
|
min-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::add-line, QScrollBar::sub-line {
|
||||||
|
background:#353535;
|
||||||
|
border: 1px solid #5A5A5A;
|
||||||
|
subcontrol-origin: margin;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::add-line {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::add-line:horizontal {
|
||||||
|
width: 15px;
|
||||||
|
subcontrol-position: left;
|
||||||
|
left: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::add-line:vertical {
|
||||||
|
height: 15px;
|
||||||
|
subcontrol-position: top;
|
||||||
|
top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::sub-line:horizontal {
|
||||||
|
width: 15px;
|
||||||
|
subcontrol-position: top left;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::sub-line:vertical {
|
||||||
|
height: 15px;
|
||||||
|
subcontrol-position: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar:left-arrow, QScrollBar::right-arrow, QScrollBar::up-arrow, QScrollBar::down-arrow {
|
||||||
|
border: 1px solid #5A5A5A;
|
||||||
|
width: 3px;
|
||||||
|
height: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::add-page, QScrollBar::sub-page {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
QAbstractButton:hover {
|
||||||
|
background: #353535;
|
||||||
|
}
|
||||||
|
|
||||||
|
QAbstractButton:pressed {
|
||||||
|
background: #5A5A5A;
|
||||||
|
}
|
||||||
|
|
||||||
|
QAbstractItemView {
|
||||||
|
show-decoration-selected: 1;
|
||||||
|
selection-background-color: #3D7848;
|
||||||
|
selection-color: #DDDDDD;
|
||||||
|
alternate-background-color: #353535;
|
||||||
|
}
|
||||||
|
|
||||||
|
QHeaderView {
|
||||||
|
border: 1px solid #5A5A5A;
|
||||||
|
}
|
||||||
|
|
||||||
|
QHeaderView::section {
|
||||||
|
background: #191919;
|
||||||
|
border: 1px solid #5A5A5A;
|
||||||
|
padding: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QHeaderView::section:selected, QHeaderView::section::checked {
|
||||||
|
background: #353535;
|
||||||
|
}
|
||||||
|
|
||||||
|
QTableView {
|
||||||
|
gridline-color: #5A5A5A;
|
||||||
|
}
|
||||||
|
|
||||||
|
QTabBar {
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QTabBar::tab {
|
||||||
|
border-radius: 0px;
|
||||||
|
padding: 4px;
|
||||||
|
margin: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QTabBar::tab:selected {
|
||||||
|
background: #353535;
|
||||||
|
}
|
||||||
|
|
||||||
|
QComboBox::down-arrow {
|
||||||
|
border: 1px solid #5A5A5A;
|
||||||
|
background: #353535;
|
||||||
|
}
|
||||||
|
|
||||||
|
QComboBox::drop-down {
|
||||||
|
border: 1px solid #5A5A5A;
|
||||||
|
background: #353535;
|
||||||
|
}
|
||||||
|
|
||||||
|
QComboBox::down-arrow {
|
||||||
|
width: 3px;
|
||||||
|
height: 3px;
|
||||||
|
border: 1px solid #5A5A5A;
|
||||||
|
}
|
||||||
|
|
||||||
|
QAbstractSpinBox {
|
||||||
|
padding-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QAbstractSpinBox::up-button, QAbstractSpinBox::down-button {
|
||||||
|
border: 1px solid #5A5A5A;
|
||||||
|
background: #353535;
|
||||||
|
subcontrol-origin: border;
|
||||||
|
}
|
||||||
|
|
||||||
|
QAbstractSpinBox::up-arrow, QAbstractSpinBox::down-arrow {
|
||||||
|
width: 3px;
|
||||||
|
height: 3px;
|
||||||
|
border: 1px solid #5A5A5A;
|
||||||
|
}
|
||||||
|
|
||||||
|
QSlider {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
QSlider::groove:horizontal {
|
||||||
|
height: 5px;
|
||||||
|
margin: 4px 0px 4px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QSlider::groove:vertical {
|
||||||
|
width: 5px;
|
||||||
|
margin: 0px 4px 0px 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QSlider::handle {
|
||||||
|
border: 1px solid #5A5A5A;
|
||||||
|
background: #353535;
|
||||||
|
}
|
||||||
|
|
||||||
|
QSlider::handle:horizontal {
|
||||||
|
width: 15px;
|
||||||
|
margin: -4px 0px -4px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QSlider::handle:vertical {
|
||||||
|
height: 15px;
|
||||||
|
margin: 0px -4px 0px -4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QSlider::add-page:vertical, QSlider::sub-page:horizontal {
|
||||||
|
background: #3D7848;
|
||||||
|
}
|
||||||
|
|
||||||
|
QSlider::sub-page:vertical, QSlider::add-page:horizontal {
|
||||||
|
background: #353535;
|
||||||
|
}
|
||||||
|
|
||||||
|
QLabel {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
QProgressBar {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
QProgressBar::chunk {
|
||||||
|
width: 1px;
|
||||||
|
background-color: #3D7848;
|
||||||
|
}
|
||||||
|
|
||||||
|
QMenu::separator {
|
||||||
|
background: #353535;
|
||||||
|
}
|
||||||
|
|
||||||
|
QtGui--TrayWidget {
|
||||||
|
qproperty-windowFlags: Qt--Popup;
|
||||||
|
}
|
|
@ -0,0 +1,175 @@
|
||||||
|
QMenu {
|
||||||
|
border: none;
|
||||||
|
background-color: transparent;
|
||||||
|
qproperty-windowOpacity: 0.2;
|
||||||
|
}
|
||||||
|
QtGui--TrayWidget {
|
||||||
|
color: #fff;
|
||||||
|
background-color: rgba(255,0,0,50%);
|
||||||
|
qproperty-windowOpacity: 0.2;
|
||||||
|
}
|
||||||
|
QtGui--TrayWidget * {
|
||||||
|
color: #fff;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
QTreeView::branch {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
QFrame, QLabel, QToolTip {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
QtGui--TrayWidget > QFrame {
|
||||||
|
border-bottom: 1px solid #555;
|
||||||
|
border-radius: 0px;
|
||||||
|
padding: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
QPushButton {
|
||||||
|
border: 2px solid #8f8f91;
|
||||||
|
border-radius: 6px;
|
||||||
|
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
|
||||||
|
stop: 0 #f6f7fa, stop: 1 #dadbde);
|
||||||
|
min-width: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QPushButton:pressed {
|
||||||
|
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
|
||||||
|
stop: 0 #dadbde, stop: 1 #f6f7fa);
|
||||||
|
}
|
||||||
|
|
||||||
|
QPushButton:flat {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
QPushButton:default {
|
||||||
|
border-color: navy;
|
||||||
|
}*/
|
||||||
|
|
||||||
|
QScrollBar:horizontal {
|
||||||
|
border: 2px solid green;
|
||||||
|
background: cyan;
|
||||||
|
height: 15px;
|
||||||
|
margin: 0px 40px 0 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::handle:horizontal {
|
||||||
|
background: gray;
|
||||||
|
min-width: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::add-line:horizontal {
|
||||||
|
background: blue;
|
||||||
|
width: 16px;
|
||||||
|
subcontrol-position: right;
|
||||||
|
subcontrol-origin: margin;
|
||||||
|
border: 2px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::sub-line:horizontal {
|
||||||
|
background: magenta;
|
||||||
|
width: 16px;
|
||||||
|
subcontrol-position: top right;
|
||||||
|
subcontrol-origin: margin;
|
||||||
|
border: 2px solid black;
|
||||||
|
position: absolute;
|
||||||
|
right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar:left-arrow:horizontal, QScrollBar::right-arrow:horizontal {
|
||||||
|
width: 3px;
|
||||||
|
height: 3px;
|
||||||
|
background: pink;
|
||||||
|
}
|
||||||
|
|
||||||
|
QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
QTabWidget::pane { /* The tab widget frame */
|
||||||
|
border-top: 2px solid #C2C7CB;
|
||||||
|
}
|
||||||
|
|
||||||
|
QTabWidget::tab-bar {
|
||||||
|
left: 5px; /* move to the right by 5px */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Style the tab using the tab sub-control. Note that
|
||||||
|
it reads QTabBar _not_ QTabWidget */
|
||||||
|
QTabBar::tab {
|
||||||
|
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
|
||||||
|
stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
|
||||||
|
stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
|
||||||
|
border: 2px solid #C4C4C3;
|
||||||
|
border-bottom-color: #C2C7CB; /* same as the pane color */
|
||||||
|
border-top-left-radius: 4px;
|
||||||
|
border-top-right-radius: 4px;
|
||||||
|
min-width: 8ex;
|
||||||
|
padding: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QTabBar::tab:selected, QTabBar::tab:hover {
|
||||||
|
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
|
||||||
|
stop: 0 #fafafa, stop: 0.4 #f4f4f4,
|
||||||
|
stop: 0.5 #e7e7e7, stop: 1.0 #fafafa);
|
||||||
|
}
|
||||||
|
|
||||||
|
QTabBar::tab:selected {
|
||||||
|
border-color: #9B9B9B;
|
||||||
|
border-bottom-color: #C2C7CB; /* same as pane color */
|
||||||
|
}
|
||||||
|
|
||||||
|
QTabBar::tab:!selected {
|
||||||
|
margin-top: 2px; /* make non-selected tabs look smaller */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* make use of negative margins for overlapping tabs */
|
||||||
|
QTabBar::tab:selected {
|
||||||
|
/* expand/overlap to the left and right by 4px */
|
||||||
|
margin-left: -4px;
|
||||||
|
margin-right: -4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
QTabBar::tab:first:selected {
|
||||||
|
margin-left: 0; /* the first selected tab has nothing to overlap with on the left */
|
||||||
|
}
|
||||||
|
|
||||||
|
QTabBar::tab:last:selected {
|
||||||
|
margin-right: 0; /* the last selected tab has nothing to overlap with on the right */
|
||||||
|
}
|
||||||
|
|
||||||
|
QTabBar::tab:only-one {
|
||||||
|
margin: 0; /* if there is only one tab, we don't want overlapping margins */
|
||||||
|
}
|
||||||
|
|
||||||
|
QTreeView {
|
||||||
|
show-decoration-selected: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
QTreeView::item {
|
||||||
|
border: 1px solid #d9d9d9;
|
||||||
|
border-top-color: transparent;
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
QTreeView::item:hover {
|
||||||
|
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #e7effd, stop: 1 #cbdaf1);
|
||||||
|
border: 1px solid #bfcde4;
|
||||||
|
}
|
||||||
|
|
||||||
|
QTreeView::item:selected {
|
||||||
|
border: 1px solid #567dbc;
|
||||||
|
}
|
||||||
|
|
||||||
|
QTreeView::item:selected:active{
|
||||||
|
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #6ea1f1, stop: 1 #567dbc);
|
||||||
|
}
|
||||||
|
|
||||||
|
QTreeView::item:selected:!active {
|
||||||
|
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #6b9be8, stop: 1 #577fbf);
|
||||||
|
}
|
Loading…
Reference in New Issue