Skip to content

Commit

Permalink
Stylesheets:
Browse files Browse the repository at this point in the history 
+ simplified toolbar button separators
+ added hover and pressed states for toolbar buttons to improve user experience
+ partial fix for button with icons inside Task panel
+ fixed styles for fields inside a table cell
  • Loading branch information
@pgilfernandez
pgilfernandez committed Mar 10, 2016
1 parent ed61d65 commit 20ee0ba
Show file tree
Hide file tree
Showing 8 changed files with 654 additions and 600 deletions.
209 changes: 109 additions & 100 deletions src/Gui/Stylesheets/Dark-blue.qss
View file
@@ -1,7 +1,7 @@
/*
ABOUT
============================================================================================================
version 2.02
version 2.03
QT theme (stylesheet) specially developed for FreeCAD (http://www.freecadweb.org/).
It might work with other software that uses QT styling.

Expand Down Expand Up @@ -168,7 +168,8 @@ QToolBar {
}

QToolBar::handle:top,
QToolBar::handle:bottom {
QToolBar::handle:bottom,
QToolBar::handle:horizontal {
background-image: url(qss:images/Hmovetoolbar_dark.png);
width: 10px;
margin: 4px 2px;
Expand All @@ -177,7 +178,8 @@ QToolBar::handle:bottom {
}

QToolBar::handle:left,
QToolBar::handle:right {
QToolBar::handle:right,
QToolBar::handle:vertical {
background-image: url(qss:images/Vmovetoolbar_dark.png);
height: 10px;
margin: 2px 4px;
Expand All @@ -186,21 +188,19 @@ QToolBar::handle:right {
}

QToolBar::separator:top,
QToolBar::separator:bottom {
background-image: url(qss:images/separtoolbar_dark.png);
width: 10px;
margin: 6px 2px 6px 2px;
background-position: center center;
background-repeat: repeat-y;
QToolBar::separator:bottom,
QToolBar::separator:horizontal {
width: 1px;
margin: 6px 4px;
background-color: rgba(0,0,0,30);
}

QToolBar::separator:left,
QToolBar::separator:right {
background-image: url(qss:images/separtoolbar_dark.png);
height: 10px;
margin: 2px 6px 2px 6px;
background-position: center center;
background-repeat: repeat-x;
QToolBar::separator:right,
QToolBar::separator:vertical {
height: 1px;
margin: 4px 6px;
background-color: rgba(0,0,0,30);
}


Expand Down Expand Up @@ -999,12 +999,6 @@ QSint--ActionGroup {
margin: 0px; /* if not reset, it might create problems with QPushButtons and other elements */
}


QSint--ActionGroup QPushButton {
padding: 2px; /* bigger padding crops text and icons... */
margin: 0px;
}

/* Separator line */
QSint--ActionGroup QFrame[height="1"],
QSint--ActionGroup QFrame[height="2"],
Expand Down Expand Up @@ -1100,6 +1094,12 @@ QSint--ActionGroup QFrame[class="content"] QTabBar::tab:left:selected {
border-left-color: #8c8c8c; /* same as Task Panel background color */
}

/* Fix for buttons with icons that showed cropped (still not happy with result) */
QSint--ActionGroup QFrame[class="content"] > QWidget > QPushButton {
padding: 2px; /* bigger padding crops text and icons... */
margin: 0px;
}


/*==================================================================================================
Buttons
Expand Down Expand Up @@ -1679,11 +1679,6 @@ QToolBar > QDateTimeEdit {
min-width: 70px; /* necessary to show its content */
}

QToolBar > QToolButton {
margin: 2px;
padding: 2px;
}

QToolBar > QComboBox,
QToolBar > QAbstractSpinBox,
QToolBar > QSpinBox,
Expand Down Expand Up @@ -1738,6 +1733,20 @@ QToolBar > QPushButton:!checked:disabled {
background-color: transparent;
}

QToolBar > QToolButton {
margin: 2px;
padding: 2px;
border-radius: 3px;
}

QToolBar > QToolButton:hover {
background-color: rgba(0,0,0,20);
}

QToolBar > QToolButton:pressed {
background-color: rgba(0,0,0,30);
}

/* ToolBar menu buttons (buttons with drop-down menu) */
QToolBar > QToolButton#qt_toolbutton_menubutton {
padding-right: 20px; /* Hack to add more width to buttons with menu */
Expand Down Expand Up @@ -1831,102 +1840,102 @@ QTableView::item:selected {
}

/* fix for elements inside the cells */
QTableView QComboBox,
QTableView QAbstractSpinBox,
QTableView QSpinBox,
QTableView QDoubleSpinBox,
QTableView QLineEdit,
QTableView QTextEdit,
QTableView QTimeEdit,
QTableView QDateEdit,
QTableView QDateTimeEdit,
QTableView QComboBox:drop-down,
QTableView QAbstractSpinBox:up-button,
QTableView QSpinBox:up-button,
QTableView QDoubleSpinBox:up-button,
QTableView QTimeEdit:up-button,
QTableView QDateEdit:up-button,
QTableView QDateTimeEdit:up-button,
QTableView QAbstractSpinBox:down-button,
QTableView QSpinBox:down-button,
QTableView QDoubleSpinBox:down-button,
QTableView QTimeEdit:down-button,
QTableView QDateEdit:down-button,
QTableView QDateTimeEdit:down-button,
QTableView Gui--ColorButton {
QTableView > QWidget > QComboBox,
QTableView > QWidget > QAbstractSpinBox,
QTableView > QWidget > QSpinBox,
QTableView > QWidget > QDoubleSpinBox,
QTableView > QWidget > QLineEdit,
QTableView > QWidget > QTextEdit,
QTableView > QWidget > QTimeEdit,
QTableView > QWidget > QDateEdit,
QTableView > QWidget > QDateTimeEdit,
QTableView > QWidget > QComboBox:drop-down,
QTableView > QWidget > QAbstractSpinBox:up-button,
QTableView > QWidget > QSpinBox:up-button,
QTableView > QWidget > QDoubleSpinBox:up-button,
QTableView > QWidget > QTimeEdit:up-button,
QTableView > QWidget > QDateEdit:up-button,
QTableView > QWidget > QDateTimeEdit:up-button,
QTableView > QWidget > QAbstractSpinBox:down-button,
QTableView > QWidget > QSpinBox:down-button,
QTableView > QWidget > QDoubleSpinBox:down-button,
QTableView > QWidget > QTimeEdit:down-button,
QTableView > QWidget > QDateEdit:down-button,
QTableView > QWidget > QDateTimeEdit:down-button,
QTableView > QWidget > Gui--ColorButton {
border-radius: 0px;
}

QTableView QComboBox,
QTableView QAbstractSpinBox,
QTableView QSpinBox,
QTableView QDoubleSpinBox,
QTableView QLineEdit,
QTableView QTextEdit,
QTableView QTimeEdit,
QTableView QDateEdit,
QTableView QDateTimeEdit {
QTableView > QWidget > QComboBox,
QTableView > QWidget > QAbstractSpinBox,
QTableView > QWidget > QSpinBox,
QTableView > QWidget > QDoubleSpinBox,
QTableView > QWidget > QLineEdit,
QTableView > QWidget > QTextEdit,
QTableView > QWidget > QTimeEdit,
QTableView > QWidget > QDateEdit,
QTableView > QWidget > QDateTimeEdit {
color: black;
background-color: transparent;
border-color: transparent;
}

QTableView QComboBox:drop-down,
QTableView QAbstractSpinBox:up-button,
QTableView QSpinBox:up-button,
QTableView QDoubleSpinBox:up-button,
QTableView QTimeEdit:up-button,
QTableView QDateEdit:up-button,
QTableView QDateTimeEdit:up-button,
QTableView QAbstractSpinBox:down-button,
QTableView QSpinBox:down-button,
QTableView QDoubleSpinBox:down-button,
QTableView QTimeEdit:down-button,
QTableView QDateEdit:down-button,
QTableView QDateTimeEdit:down-button,
QTableView Gui--ColorButton {
QTableView > QWidget > QComboBox:drop-down,
QTableView > QWidget > QAbstractSpinBox:up-button,
QTableView > QWidget > QSpinBox:up-button,
QTableView > QWidget > QDoubleSpinBox:up-button,
QTableView > QWidget > QTimeEdit:up-button,
QTableView > QWidget > QDateEdit:up-button,
QTableView > QWidget > QDateTimeEdit:up-button,
QTableView > QWidget > QAbstractSpinBox:down-button,
QTableView > QWidget > QSpinBox:down-button,
QTableView > QWidget > QDoubleSpinBox:down-button,
QTableView > QWidget > QTimeEdit:down-button,
QTableView > QWidget > QDateEdit:down-button,
QTableView > QWidget > QDateTimeEdit:down-button,
QTableView > QWidget > Gui--ColorButton {
background-color: rgba(0,0,0,30);
}

QTableView QComboBox:focus,
QTableView QAbstractSpinBox:focus,
QTableView QSpinBox:focus,
QTableView QDoubleSpinBox:focus,
QTableView QLineEdit:focus,
QTableView QTextEdit:focus,
QTableView QTimeEdit:focus,
QTableView QDateEdit:focus,
QTableView QDateTimeEdit:focus {
QTableView > QWidget > QComboBox:focus,
QTableView > QWidget > QAbstractSpinBox:focus,
QTableView > QWidget > QSpinBox:focus,
QTableView > QWidget > QDoubleSpinBox:focus,
QTableView > QWidget > QLineEdit:focus,
QTableView > QWidget > QTextEdit:focus,
QTableView > QWidget > QTimeEdit:focus,
QTableView > QWidget > QDateEdit:focus,
QTableView > QWidget > QDateTimeEdit:focus {
color: #1b3774;
selection-color: white;
selection-background-color: #5e90fa;
border-color: #cbd8e6;
background-color: #cbd8e6;
}

QTableView QComboBox:disabled,
QTableView QAbstractSpinBox:disabled,
QTableView QSpinBox:disabled,
QTableView QDoubleSpinBox:disabled,
QTableView QLineEdit:disabled,
QTableView QTextEdit:disabled,
QTableView QTimeEdit:disabled,
QTableView QDateEdit:disabled,
QTableView QDateTimeEdit:disabled {
QTableView > QWidget > QComboBox:disabled,
QTableView > QWidget > QAbstractSpinBox:disabled,
QTableView > QWidget > QSpinBox:disabled,
QTableView > QWidget > QDoubleSpinBox:disabled,
QTableView > QWidget > QLineEdit:disabled,
QTableView > QWidget > QTextEdit:disabled,
QTableView > QWidget > QTimeEdit:disabled,
QTableView > QWidget > QDateEdit:disabled,
QTableView > QWidget > QDateTimeEdit:disabled {
color: rgba(0,0,0,120);
background-color: transparent;
border-color: transparent;
}

QTableView QComboBox:read-only,
QTableView QAbstractSpinBox:read-only,
QTableView QSpinBox:read-only,
QTableView QDoubleSpinBox:read-only,
QTableView QLineEdit:read-only,
QTableView QTextEdit:read-only,
QTableView QTimeEdit:read-only,
QTableView QDateEdit:read-only,
QTableView QDateTimeEdit:read-only {
QTableView > QWidget > QComboBox:read-only,
QTableView > QWidget > QAbstractSpinBox:read-only,
QTableView > QWidget > QSpinBox:read-only,
QTableView > QWidget > QDoubleSpinBox:read-only,
QTableView > QWidget > QLineEdit:read-only,
QTableView > QWidget > QTextEdit:read-only,
QTableView > QWidget > QTimeEdit:read-only,
QTableView > QWidget > QDateEdit:read-only,
QTableView > QWidget > QDateTimeEdit:read-only {
color: black;
background-color: transparent;
border-color: transparent;
Expand All @@ -1942,4 +1951,4 @@ QDialog QGroupBox QFrame {
margin: 2px 0px;
}

*[mandatoryField="true"] { background-color: cyan }
*[mandatoryField="true"] { background-color: cyan }

0 comments on commit 20ee0ba

Please sign in to comment.