Added new DarkMode style.
This commit is contained in:
@@ -15,149 +15,189 @@ QLabel#_headerLabel
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*
|
||||
QToolButton
|
||||
{
|
||||
background-color: white;
|
||||
color: #201F1E;
|
||||
border: 1px solid #8A8886;
|
||||
border-radius: 4px;
|
||||
|
||||
/* ===== Fluent Dark Mode Theme ===== */
|
||||
/* Basierend auf Microsoft Fluent Design System */
|
||||
|
||||
min-width: 64px;
|
||||
max-width: 64px;
|
||||
min-height: 64px;
|
||||
max-height: 64px;
|
||||
|
||||
}
|
||||
/* === Color Palette === */
|
||||
/* Background: #202020, #2b2b2b, #323232 */
|
||||
/* Accent: #0078d4 (Fluent Blue) */
|
||||
/* Text: #ffffff, #e4e4e4 */
|
||||
/* Borders: #3d3d3d, #4d4d4d */
|
||||
|
||||
QToolButton:hover
|
||||
{
|
||||
background-color: #F3F2F1;
|
||||
border: 1px solid #323130;
|
||||
}
|
||||
|
||||
QToolButton:pressed
|
||||
{
|
||||
background-color: #EDEBE9;
|
||||
border: 1px solid #201F1E;
|
||||
}
|
||||
/* === QWidget Base === */
|
||||
QWidget {
|
||||
background-color: #202020;
|
||||
color: #ffffff;
|
||||
font-family: "Segoe UI", "Roboto", sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
QToolButton:disabled
|
||||
{
|
||||
background-color: #F3F2F1;
|
||||
color: #A19F9D;
|
||||
border: 1px solid #EDEBE9;
|
||||
}
|
||||
*/
|
||||
QWidget:disabled {
|
||||
color: #6d6d6d;
|
||||
}
|
||||
|
||||
/* === QToolButton === */
|
||||
QToolButton
|
||||
{
|
||||
QToolButton {
|
||||
background-color: transparent;
|
||||
color: #000000;
|
||||
border: none;
|
||||
color: #ffffff;
|
||||
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: green;/*#0078D4;*/
|
||||
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(255, 255, 255, 0.06);
|
||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
QScrollBar::handle:horizontal:pressed
|
||||
{
|
||||
background-color: #8A8886;
|
||||
QToolButton:pressed {
|
||||
background-color: rgba(255, 255, 255, 0.03);
|
||||
border: 1px solid rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
QScrollBar::add-line:horizontal,
|
||||
QScrollBar::sub-line:horizontal
|
||||
{
|
||||
width: 0px;
|
||||
QToolButton:checked {
|
||||
background-color: rgba(0, 120, 212, 0.15);
|
||||
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.25);
|
||||
}
|
||||
|
||||
QScrollBar:vertical {
|
||||
QToolButton:disabled {
|
||||
color: #6d6d6d;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* ToolButton mit Icon */
|
||||
QToolButton[popupMode="1"] { /* MenuButtonPopup */
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
QToolButton::menu-button {
|
||||
border: none;
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.1);
|
||||
width: 16px;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
QToolButton::menu-button:hover {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
QToolButton::menu-arrow {
|
||||
image: url(:/icons/chevron-down-white.svg);
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
/* === QTableView === */
|
||||
QTableView {
|
||||
background-color: #2b2b2b;
|
||||
alternate-background-color: #252525;
|
||||
color: #ffffff;
|
||||
gridline-color: #3d3d3d;
|
||||
border: 1px solid #3d3d3d;
|
||||
border-radius: 4px;
|
||||
selection-background-color: #0078d4;
|
||||
selection-color: #ffffff;
|
||||
}
|
||||
|
||||
QTableView::item {
|
||||
padding: 8px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
QTableView::item:hover {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
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.5);
|
||||
}
|
||||
|
||||
/* === QHeaderView === */
|
||||
QHeaderView {
|
||||
background-color: #323232;
|
||||
border: none;
|
||||
}
|
||||
|
||||
QHeaderView::section {
|
||||
background-color: #323232;
|
||||
color: #e4e4e4;
|
||||
padding: 8px 12px;
|
||||
border: none;
|
||||
border-right: 1px solid #3d3d3d;
|
||||
border-bottom: 1px solid #3d3d3d;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
QHeaderView::section:horizontal {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
QHeaderView::section:vertical {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
QHeaderView::section:hover {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
QHeaderView::section:pressed {
|
||||
background-color: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
|
||||
QHeaderView::section:checked {
|
||||
background-color: rgba(0, 120, 212, 0.15);
|
||||
color: #0078d4;
|
||||
}
|
||||
|
||||
/* Sort indicator */
|
||||
QHeaderView::up-arrow {
|
||||
image: url(:/icons/arrow-up-white.svg);
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
QHeaderView::down-arrow {
|
||||
image: url(:/icons/arrow-down-white.svg);
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
/* === QScrollBar Vertical === */
|
||||
QScrollBar:vertical {
|
||||
background: transparent;
|
||||
width: 12px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
QScrollBar::handle:vertical {
|
||||
background-color: #C8C6C4;
|
||||
min-height: 40px;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
min-height: 30px;
|
||||
border-radius: 6px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
QScrollBar::handle:vertical:hover {
|
||||
background-color: #A19F9D;
|
||||
background: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
QScrollBar::handle:vertical:pressed {
|
||||
background-color: #8A8886;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
QScrollBar::add-line:vertical,
|
||||
@@ -167,7 +207,84 @@ 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(255, 255, 255, 0.2);
|
||||
min-width: 30px;
|
||||
border-radius: 6px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
QScrollBar::handle:horizontal:hover {
|
||||
background: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
QScrollBar::handle:horizontal:pressed {
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
QScrollBar::add-line:horizontal,
|
||||
QScrollBar::sub-line:horizontal {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
QScrollBar::add-page:horizontal,
|
||||
QScrollBar::sub-page:horizontal {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* === QMenu (für ToolButton Dropdown) === */
|
||||
QMenu {
|
||||
background-color: #2b2b2b;
|
||||
border: 1px solid #3d3d3d;
|
||||
border-radius: 4px;
|
||||
padding: 4px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
QMenu::item {
|
||||
padding: 6px 24px 6px 12px;
|
||||
border-radius: 4px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
QMenu::item:selected {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
QMenu::item:pressed {
|
||||
background-color: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
|
||||
QMenu::separator {
|
||||
height: 1px;
|
||||
background: #3d3d3d;
|
||||
margin: 4px 8px;
|
||||
}
|
||||
|
||||
/* === QToolTip === */
|
||||
QToolTip {
|
||||
background-color: #323232;
|
||||
color: #ffffff;
|
||||
border: 1px solid #4d4d4d;
|
||||
border-radius: 4px;
|
||||
padding: 6px 8px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* === Corner Widget (zwischen Scrollbars) === */
|
||||
QTableView QTableCornerButton::section {
|
||||
background-color: #323232;
|
||||
border: none;
|
||||
border-right: 1px solid #3d3d3d;
|
||||
border-bottom: 1px solid #3d3d3d;
|
||||
}
|
||||
Reference in New Issue
Block a user