Fixed light & dark modes.
This commit is contained in:
@@ -1,12 +1,18 @@
|
||||
/* appqss */
|
||||
/* ===== Fluent Light Mode Theme ===== */
|
||||
/* Basierend auf Microsoft Fluent Design System */
|
||||
|
||||
/* Alle QWidgets bekommen diesen Font */
|
||||
QWidget
|
||||
{
|
||||
font-family: "Calibri", "Carlito", "Open Sans", sans-serif;
|
||||
font-size: 10pt;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
/* === Color Palette === */
|
||||
/* Background: #f3f3f3, #ffffff, #fafafa */
|
||||
/* Accent: #0078d4 (Fluent Blue) */
|
||||
/* Text: #000000, #1f1f1f */
|
||||
/* Borders: #e1e1e1, #d1d1d1 */
|
||||
|
||||
/* === QWidget Base === */
|
||||
QWidget {
|
||||
background-color: #f3f3f3;
|
||||
color: #1f1f1f;
|
||||
font-family: "Segoe UI", "Roboto", sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
QLabel#_headerLabel
|
||||
@@ -15,149 +21,124 @@ QLabel#_headerLabel
|
||||
/*font-weight: bold;*/
|
||||
}
|
||||
|
||||
/*
|
||||
QToolButton
|
||||
{
|
||||
background-color: white;
|
||||
color: #201F1E;
|
||||
border: 1px solid #8A8886;
|
||||
border-radius: 4px;
|
||||
|
||||
|
||||
min-width: 64px;
|
||||
max-width: 64px;
|
||||
min-height: 64px;
|
||||
max-height: 64px;
|
||||
|
||||
}
|
||||
|
||||
QToolButton:hover
|
||||
{
|
||||
background-color: #F3F2F1;
|
||||
border: 1px solid #323130;
|
||||
}
|
||||
|
||||
QToolButton:pressed
|
||||
{
|
||||
background-color: #EDEBE9;
|
||||
border: 1px solid #201F1E;
|
||||
}
|
||||
|
||||
QToolButton:disabled
|
||||
{
|
||||
background-color: #F3F2F1;
|
||||
color: #A19F9D;
|
||||
border: 1px solid #EDEBE9;
|
||||
}
|
||||
*/
|
||||
QWidget:disabled {
|
||||
color: #a0a0a0;
|
||||
}
|
||||
|
||||
/* === QToolButton === */
|
||||
QToolButton
|
||||
{
|
||||
QToolButton {
|
||||
background-color: transparent;
|
||||
color: #000000;
|
||||
border: none;
|
||||
color: #1f1f1f;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px;
|
||||
padding: 6px;
|
||||
|
||||
min-width: 64px;
|
||||
max-width: 64px;
|
||||
min-height: 64px;
|
||||
max-height: 64px;
|
||||
}
|
||||
|
||||
QToolButton:hover
|
||||
{
|
||||
background-color: #F9F9F9;
|
||||
border: 1px solid #DDDDDD;
|
||||
}
|
||||
|
||||
QToolButton:pressed
|
||||
{
|
||||
background-color: #E0E0E0;
|
||||
}
|
||||
|
||||
QToolButton:checked
|
||||
{
|
||||
background-color: #AAAAAA;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
QToolButton:disabled
|
||||
{
|
||||
color: #A19F9D;
|
||||
background-color: #666666;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* === QTableView & QTableWidget === */
|
||||
|
||||
QTableView, QTableWidget
|
||||
{
|
||||
background-color: #FFFFFF;
|
||||
color: #000000;
|
||||
gridline-color: #E1DFDD;
|
||||
border: 1px solid #E1DFDD;
|
||||
border-radius: 4px;
|
||||
selection-background-color: #0078D4;
|
||||
}
|
||||
|
||||
QTableView::item:hover
|
||||
{
|
||||
background-color: #e8f4f8;
|
||||
}
|
||||
|
||||
|
||||
QScrollBar::handle:horizontal
|
||||
{
|
||||
background-color: #C8C6C4;
|
||||
min-width: 40px;
|
||||
border-radius: 6px;
|
||||
padding: 6px 12px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
QScrollBar::handle:horizontal:hover
|
||||
{
|
||||
background-color: #A19F9D;
|
||||
QToolButton:hover {
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
border: 1px solid rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
QScrollBar::handle:horizontal:pressed
|
||||
{
|
||||
background-color: #8A8886;
|
||||
QToolButton:pressed {
|
||||
background-color: rgba(0, 0, 0, 0.06);
|
||||
border: 1px solid rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
QScrollBar::add-line:horizontal,
|
||||
QScrollBar::sub-line:horizontal
|
||||
{
|
||||
width: 0px;
|
||||
QToolButton:checked {
|
||||
background-color: rgba(0, 120, 212, 0.1);
|
||||
border: 1px solid #0078d4;
|
||||
color: #0078d4;
|
||||
}
|
||||
|
||||
QScrollBar::add-page:horizontal,
|
||||
QScrollBar::sub-page:horizontal
|
||||
{
|
||||
background: none;
|
||||
QToolButton:checked:hover {
|
||||
background-color: rgba(0, 120, 212, 0.15);
|
||||
}
|
||||
|
||||
QScrollBar:vertical {
|
||||
QToolButton:disabled {
|
||||
color: #a0a0a0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* ToolButton mit Icon */
|
||||
QToolButton[popupMode="1"] { /* MenuButtonPopup */
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
QToolButton::menu-button {
|
||||
border: none;
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.1);
|
||||
width: 16px;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
QToolButton::menu-button:hover {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
QToolButton::menu-arrow {
|
||||
image: url(:/icons/chevron-down-black.svg);
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
/* === QTableView === */
|
||||
QTableView {
|
||||
background-color: #ffffff;
|
||||
alternate-background-color: #fafafa;
|
||||
color: #1f1f1f;
|
||||
gridline-color: #e1e1e1;
|
||||
border: 1px solid #d1d1d1;
|
||||
border-radius: 4px;
|
||||
selection-background-color: #0078d4;
|
||||
selection-color: #ffffff;
|
||||
}
|
||||
|
||||
QTableView::item {
|
||||
padding: 8px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
QTableView::item:hover {
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
}
|
||||
|
||||
QTableView::item:selected {
|
||||
background-color: #0078d4;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
QTableView::item:selected:hover {
|
||||
background-color: #005a9e;
|
||||
}
|
||||
|
||||
QTableView::item:selected:!active {
|
||||
background-color: rgba(0, 120, 212, 0.3);
|
||||
color: #1f1f1f;
|
||||
}
|
||||
|
||||
|
||||
/* === QScrollBar Vertical === */
|
||||
QScrollBar:vertical {
|
||||
background: transparent;
|
||||
width: 12px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
QScrollBar::handle:vertical {
|
||||
background-color: #C8C6C4;
|
||||
min-height: 40px;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
min-height: 30px;
|
||||
border-radius: 6px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
QScrollBar::handle:vertical:hover {
|
||||
background-color: #A19F9D;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
QScrollBar::handle:vertical:pressed {
|
||||
background-color: #8A8886;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
QScrollBar::add-line:vertical,
|
||||
@@ -167,7 +148,81 @@ QScrollBar::sub-line:vertical {
|
||||
|
||||
QScrollBar::add-page:vertical,
|
||||
QScrollBar::sub-page:vertical {
|
||||
background: none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* === QScrollBar Horizontal === */
|
||||
QScrollBar:horizontal {
|
||||
background: transparent;
|
||||
height: 12px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
QScrollBar::handle:horizontal {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
min-width: 30px;
|
||||
border-radius: 6px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
QScrollBar::handle:horizontal:hover {
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
QScrollBar::handle:horizontal:pressed {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
QScrollBar::add-line:horizontal,
|
||||
QScrollBar::sub-line:horizontal {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
QScrollBar::add-page:horizontal,
|
||||
QScrollBar::sub-page:horizontal {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* === QToolTip === */
|
||||
QToolTip {
|
||||
background-color: #ffffff;
|
||||
color: #1f1f1f;
|
||||
border: 1px solid #d1d1d1;
|
||||
border-radius: 4px;
|
||||
padding: 6px 8px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* === Corner Widget (zwischen Scrollbars) === */
|
||||
QTableView QTableCornerButton::section {
|
||||
background-color: #fafafa;
|
||||
border: none;
|
||||
border-right: 1px solid #e1e1e1;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
}
|
||||
|
||||
/* QLineEdit */
|
||||
QLineEdit {
|
||||
background-color: #ffffff;
|
||||
color: #1f1f1f;
|
||||
border: 1px solid #d1d1d1;
|
||||
border-radius: 4px;
|
||||
padding: 6px 8px;
|
||||
selection-background-color: #0078d4;
|
||||
selection-color: #ffffff;
|
||||
}
|
||||
|
||||
QLineEdit:hover {
|
||||
border: 1px solid #a0a0a0;
|
||||
}
|
||||
|
||||
QLineEdit:focus {
|
||||
border: 1px solid #0078d4;
|
||||
border-bottom: 2px solid #0078d4;
|
||||
}
|
||||
|
||||
QLineEdit:disabled {
|
||||
background-color: #fafafa;
|
||||
color: #a0a0a0;
|
||||
border: 1px solid #e1e1e1;
|
||||
}
|
||||
Reference in New Issue
Block a user