Optimize themes colors. Synchronize dark and light themes. Fixes few bugs with widgets.

This commit is contained in:
Roman Telezhynskyi 2023-08-16 10:39:33 +03:00
parent 71e77118f6
commit 6dae04e3e6
3 changed files with 2659 additions and 2614 deletions

View File

@ -45,30 +45,33 @@ QToolTip
/* 0.2ex is the smallest value that's not ignored on Windows. */
border: 0.04em solid #eff0f1;
background-image: none;
background-color: #31363b;
alternate-background-color: #31363b;
background-color: #272729;
alternate-background-color: #272729;
color: #eff0f1;
padding: 0.1em;
opacity: 200;
}
QListWidget {
background-color: #333333;
QListWidget
{
background-color: #3d3d3d;
}
QListWidget::item {
QListWidget::item
{
color: #ffffff;
}
QListWidget::item:selected {
QListWidget::item:selected
{
background-color: #555555;
}
QWidget
{
color: #eff0f1;
background-color: #31363b;
selection-background-color: #3daee9;
background-color: #3d3d3d;
selection-background-color: #3d3d42;
selection-color: #eff0f1;
background-clip: border;
border-image: none;
@ -149,7 +152,7 @@ QWidget
QWidget:disabled
{
color: #454545;
background-color: #31363b;
background-color: #272729;
}
QCheckBox
@ -193,7 +196,7 @@ QGroupBox::title
top: -1.6em;
subcontrol-origin: content;
subcontrol-position: top center;
background: #31363b;
background: #272729;
padding-left: 0.2em;
padding-right: 0.2em;
}
@ -355,7 +358,7 @@ QRadioButton::indicator:unchecked:disabled
QMenuBar
{
background-color: #31363b;
background-color: #272729;
color: #eff0f1;
}
@ -367,7 +370,7 @@ QMenuBar::item
QMenuBar::item:selected
{
background: transparent;
border: 0.04em solid #3daee9;
border: 0.04em solid #3d3d42;
}
QMenuBar::item:disabled
@ -377,7 +380,7 @@ QMenuBar::item:disabled
QMenuBar::item:pressed
{
background-color: #3daee9;
background-color: #3d3d42;
color: #eff0f1;
margin-bottom: -0.09em;
padding-bottom: 0.09em;
@ -405,12 +408,12 @@ QMenu::item
QMenu::item:selected
{
color: #eff0f1;
background-color: #3daee9;
background-color: #3d3d42;
}
QMenu::item:selected:disabled
{
background-color: #31363b;
background-color: #272729;
}
QMenu::item:disabled
@ -482,9 +485,9 @@ QMenu::right-arrow:disabled
QAbstractItemView
{
alternate-background-color: #31363b;
alternate-background-color: #272729;
color: #eff0f1;
border: 0.09em solid #31363b;
border: 0.09em solid #272729;
border-radius: 0.09em;
}
@ -498,7 +501,7 @@ QSlider:focus
QLineEdit
{
background-color: #1d2023;
background-color: #272729;
padding: 0.23em;
border-style: solid;
border: 0.04em solid #76797c;
@ -519,7 +522,7 @@ QAbstractScrollArea
*/
QAbstractScrollArea::corner
{
background: #31363b;
background: #272729;
}
/**
@ -531,10 +534,10 @@ QAbstractScrollArea::corner
*/
QScrollBar:horizontal
{
background-color: #1d2023;
background-color: #272729;
height: 0.65em;
margin: 0.13em 0.65em 0.13em 0.65em;
border: 0.04em transparent #1d2023;
border: 0.04em transparent #272729;
border-radius: 0.17em;
}
@ -545,16 +548,16 @@ QScrollBar:horizontal:hover
QScrollBar::handle:horizontal
{
background-color: #3daee9;
border: 0.04em solid #3daee9;
background-color: #3d3d42;
border: 0.04em solid #3d3d42;
min-width: 0.5em;
border-radius: 0.17em;
}
QScrollBar::handle:horizontal:hover
{
background-color: #3daee9;
border: 0.04em solid #3daee9;
background-color: #3d3d42;
border: 0.04em solid #3d3d42;
}
QScrollBar::add-line:horizontal
@ -611,10 +614,10 @@ QScrollBar::sub-page:horizontal
QScrollBar:vertical
{
background-color: #1d2023;
background-color: #272729;
width: 0.65em;
margin: 0.65em 0.13em 0.65em 0.13em;
border: 0.04em transparent #1d2023;
border: 0.04em transparent #272729;
border-radius: 0.17em;
}
@ -625,16 +628,16 @@ QScrollBar:vertical:hover
QScrollBar::handle:vertical
{
background-color: #3daee9;
border: 0.04em solid #3daee9;
background-color: #3d3d42;
border: 0.04em solid #3d3d42;
min-height: 0.5em;
border-radius: 0.17em;
}
QScrollBar::handle:vertical:hover
{
background-color: #3daee9;
border: 0.04em solid #3daee9;
background-color: #3d3d42;
border: 0.04em solid #3d3d42;
}
QScrollBar::sub-line:vertical
@ -691,14 +694,14 @@ QScrollBar::sub-page:vertical
QTextEdit
{
background-color: #1d2023;
background-color: #272729;
color: #eff0f1;
border: 0.04em solid #76797c;
}
QPlainTextEdit
{
background-color: #1d2023;
background-color: #272729;
color: #eff0f1;
border-radius: 0.09em;
border: 0.04em solid #76797c;
@ -741,7 +744,7 @@ QFrame[frameShape="6"] /* QFrame::StyledPanel == 0x0006 */
border-width: 0.04em;
padding: 0.09em;
border-style: solid;
border-color: #31363b;
border-color: #272729;
background-color: #76797c;
border-radius: 0.23em;
}
@ -753,7 +756,7 @@ QFrame[frameShape="4"]:hover,
QFrame[frameShape="5"]:hover,
QFrame[frameShape="6"]:hover
{
border: 0.04em solid #3daee9;
border: 0.04em solid #3d3d42;
}
/* Don't provide an outline if we have a widget that takes up the space. */
@ -777,12 +780,12 @@ QToolBar
QToolBar:horizontal
{
background: 0.09em solid #31363b;
background: 0.09em solid #272729;
}
QToolBar:vertical
{
background: 0.09em solid #31363b;
background: 0.09em solid #272729;
}
QToolBar::handle:horizontal
@ -815,12 +818,12 @@ QToolBar QToolButton
QToolBar QToolButton:hover
{
border: 0.04em solid #3daee9;
border: 0.04em solid #3d3d42;
}
QToolBar QToolButton:pressed
{
border: 0.04em solid #3daee9;
border: 0.04em solid #3d3d42;
/* The padding doesn't inherit from `QToolBar QToolButton`, so leave it in. */
padding-left: 0.2em;
padding-right: 0.3em;
@ -849,7 +852,7 @@ QDialog QToolBar QToolButton[popupMode="2"]
QPushButton
{
color: #eff0f1;
background-color: #31363b;
background-color: #272729;
border: 0.04em solid #76797c;
padding: 0.23em;
border-radius: 0.09em;
@ -879,7 +882,7 @@ QPushButton:closed
QPushButton:disabled
{
background-color: #31363b;
background-color: #272729;
border-width: 0.04em;
border-color: #76797c;
border-style: solid;
@ -914,7 +917,7 @@ QComboBox
QComboBox:editable
{
background-color: #1d2023;
background-color: #272729;
}
QPushButton:checked
@ -926,15 +929,15 @@ QPushButton:checked
QPushButton:hover
{
background-color: #31363b;
border: 0.04em solid #3daee9;
background-color: #272729;
border: 0.04em solid #3d3d42;
color: #eff0f1;
}
QPushButton:checked:hover
{
background-color: #626568;
border: 0.04em solid #3daee9;
border: 0.04em solid #3d3d42;
color: #eff0f1;
}
@ -952,7 +955,7 @@ QAbstractView:hover,
QTreeView:hover,
QTreeView:focus
{
border: 0.04em solid #3daee9;
border: 0.04em solid #3d3d42;
color: #eff0f1;
}
@ -965,12 +968,12 @@ QPlainTextEdit:hover:pressed,
QAbstractView:hover:pressed,
QTreeView:hover:pressed
{
background-color: #31363b;
background-color: #272729;
}
QColumnView
{
border: 0.04em transparent #31363b;
border: 0.04em transparent #272729;
}
QColumnViewGrip
@ -981,7 +984,7 @@ QColumnViewGrip
/* Each column in the view is a QAbstractItemView. */
QColumnView QAbstractItemView
{
border: 0.04em transparent #3daee9;
border: 0.04em transparent #3d3d42;
}
/**
@ -1031,14 +1034,14 @@ QColumnView QAbstractItemView::left-arrow:hover
QComboBox:hover:pressed:editable
{
background-color: #1d2023;
background-color: #272729;
}
QComboBox QAbstractItemView
{
/* This happens for the drop-down menu always, whether editable or not.*/
background-color: #1d2023;
selection-background-color: #2a79a3;
background-color: #272729;
selection-background-color: #3d3d42;
outline-color: 0em;
border-radius: 0.09em;
}
@ -1077,7 +1080,7 @@ QAbstractSpinBox
{
padding: 0.23em;
border: 0.09em solid #76797c;
background-color: #1d2023;
background-color: #272729;
color: #eff0f1;
border-radius: 0.09em;
min-width: 3em;
@ -1086,7 +1089,7 @@ QAbstractSpinBox
QAbstractSpinBox:hover
{
border: 0.09em solid #3daee9;
border: 0.09em solid #3d3d42;
}
QAbstractSpinBox:disabled
@ -1189,7 +1192,7 @@ QCalendarWidget QAbstractItemView:enabled
{
color: #eff0f1;
selection-color: #eff0f1;
selection-background-color: #3daee9;
selection-background-color: #3d3d42;
}
/* Won't take hover events. */
@ -1229,13 +1232,13 @@ QCalendarWidget QToolButton
QCalendarWidget QToolButton:hover
{
border: 0.04em solid #3daee9;
border: 0.04em solid #3d3d42;
}
QCalendarWidget QToolButton:checked,
QCalendarWidget QToolButton:pressed
{
background-color: #3daee9;
background-color: #3d3d42;
padding: 0.23em;
padding-right: 1.2em;
min-height: 1.3em;
@ -1381,8 +1384,8 @@ QTabBar::tab:top:only-one
border: 0.04em transparent black;
border-left: 0.04em solid #76797c;
border-right: 0.04em solid #76797c;
border-top: 0.09em solid #3daee9;
background-color: #31363b;
border-top: 0.09em solid #3d3d42;
background-color: #272729;
padding: 0.23em;
min-width: 50px;
border-radius: 0.09em;
@ -1434,8 +1437,8 @@ QTabBar::tab:bottom:only-one
border: 0.04em transparent black;
border-left: 0.04em solid #76797c;
border-right: 0.04em solid #76797c;
border-bottom: 0.09em solid #3daee9;
background-color: #31363b;
border-bottom: 0.09em solid #3d3d42;
background-color: #272729;
padding: 0.23em;
min-width: 50px;
border-radius: 0.09em;
@ -1485,10 +1488,10 @@ QTabBar::tab:left:only-one
{
color: #eff0f1;
border: 0.04em transparent black;
border-top: 0.09em solid #3daee9;
border-top: 0.09em solid #3d3d42;
border-bottom: 0.04em solid #76797c;
border-left: 0.04em solid #76797c;
background-color: #31363b;
background-color: #272729;
padding: 0.23em;
min-height: 50px;
border-radius: 0.09em;
@ -1538,10 +1541,10 @@ QTabBar::tab:right:only-one
{
color: #eff0f1;
border: 0.04em transparent black;
border-top: 0.09em solid #3daee9;
border-top: 0.09em solid #3d3d42;
border-bottom: 0.04em solid #76797c;
border-right: 0.04em solid #76797c;
background-color: #31363b;
background-color: #272729;
padding: 0.23em;
min-height: 50px;
border-radius: 0.09em;
@ -1610,8 +1613,8 @@ QTabBar[shape="6"]::tab:only-one,
QTabBar[shape="7"]::tab:only-one
{
/* Need a dark color without alpha channel since it affects the text. */
color: #3daee9;
background-color: #31363b;
color: #3d3d42;
background-color: #272729;
padding: 0.23em;
}
@ -1692,7 +1695,7 @@ QTabBar[shape="7"]::close-button
QDockWidget
{
background: #31363b;
background: #272729;
/**
* It doesn't seem possible to change the border of the
* QDockWidget without changing the content margins.
@ -1762,7 +1765,7 @@ QDockWidget::close-button:pressed
QTreeView,
QListView
{
background-color: #1d2023;
background-color: #272729;
border: 0em solid black;
}
@ -1857,7 +1860,7 @@ QTreeView::item
*
* Affects issue #51.
*/
background-color: #1d2023;
background-color: #272729;
outline: 0;
}
@ -1884,7 +1887,7 @@ QAbstractItemView::item QLineEdit
QSlider::handle:horizontal,
QSlider::handle:vertical
{
background: #1d2023;
background: #272729;
border: 0.04em solid #626568;
width: 0.7em;
height: 0.7em;
@ -1915,7 +1918,7 @@ QSlider::groove:horizontal,
QSlider::groove:vertical
{
background: #2c3034;
border: 0em solid #31363b;
border: 0em solid #272729;
border-radius: 0.19em;
}
@ -1934,7 +1937,7 @@ QSlider::handle:horizontal:focus,
QSlider::handle:vertical:hover,
QSlider::handle:vertical:focus
{
border: 0.04em solid #3daee9;
border: 0.04em solid #3d3d42;
}
QSlider::handle:horizontal:!focus:!hover,
@ -1946,7 +1949,7 @@ QSlider::handle:vertical:!focus:!hover
QSlider::sub-page:horizontal,
QSlider::add-page:vertical
{
background: #3daee9;
background: #3d3d42;
border-radius: 0.19em;
}
@ -2029,14 +2032,14 @@ QToolButton[text]:enabled
QToolButton[autoRaise="false"]
{
background-color: #31363b;
background-color: #272729;
border: 0.04em solid #76797c;
border-radius: 0.09em;
}
QToolButton[autoRaise="true"]
{
background-color: #31363b;
background-color: #272729;
border: 0.04em solid transparent;
}
@ -2061,14 +2064,14 @@ QToolBar QToolButton[enabled="false"] {
QToolButton:hover
{
border: 0.04em solid #3daee9;
border: 0.04em solid #3d3d42;
}
QToolButton:checked,
QToolButton:pressed
{
border: 0.04em solid #3daee9;
background-color: #3daee9;
border: 0.04em solid #3d3d42;
background-color: #3d3d42;
}
QToolButton::right-arrow,
@ -2196,8 +2199,8 @@ QToolButton::menu-button:pressed
QTableView
{
border: 0em solid black;
gridline-color: #31363b;
background-color: #1d2023;
gridline-color: #272729;
background-color: #272729;
}
QTableView:!selected,
@ -2218,7 +2221,7 @@ QAbstractItemView::item
QAbstractItemView::item:pressed
{
background: #2a79a3;
background: #3d3d42;
color: #eff0f1;
}
@ -2233,8 +2236,8 @@ QAbstractItemView::item:selected:active
background: qlineargradient(
x1: 0.5, y1: 0.5
x2: 0.5, y2: 1,
stop: 0 #2a79a3,
stop: 1 #2a79a3
stop: 0 #3d3d42,
stop: 1 #3d3d42
);
color: #eff0f1;
}
@ -2252,7 +2255,7 @@ QAbstractItemView::item:selected:hover
QHeaderView
{
background-color: #31363b;
background-color: #272729;
border: 0.04em transparent;
border-radius: 0em;
margin: 0em;
@ -2261,7 +2264,7 @@ QHeaderView
QHeaderView::section
{
background-color: #31363b;
background-color: #272729;
border: 0.04em solid #76797c;
color: #eff0f1;
border-radius: 0em;
@ -2310,7 +2313,7 @@ QHeaderView::section::horizontal::only-one:hover,
QHeaderView::section::vertical::first:hover,
QHeaderView::section::vertical::only-one:hover
{
border: 0.04em solid #3daee9;
border: 0.04em solid #3d3d42;
}
QHeaderView[showSortIndicator="true"]::down-arrow
@ -2349,7 +2352,7 @@ QHeaderView[showSortIndicator="true"]::up-arrow
QTableView QTableCornerButton::section
{
background-color: #31363b;
background-color: #272729;
border: 0.04em transparent #76797c;
border-top: 0.04em solid #76797c;
border-left: 0.04em solid #76797c;
@ -2364,7 +2367,7 @@ QTableView QTableCornerButton:hover
QTableView QTableCornerButton::section:pressed
{
border: 0.04em solid #3daee9;
border: 0.04em solid #3d3d42;
border-radius: 0em;
}
@ -2383,7 +2386,7 @@ QToolBox::tab
QToolBox::tab:selected,
QToolBox::tab:hover
{
border-bottom: 0.09em solid #3daee9;
border-bottom: 0.09em solid #3d3d42;
}
QSplitter::handle
@ -2404,7 +2407,7 @@ QProgressBar:horizontal,
QProgressBar:vertical
{
background-color: #626568;
border: 0.9em solid #31363b;
border: 0.9em solid #272729;
border-radius: 0.13em;
padding: 0em;
}
@ -2436,7 +2439,7 @@ QProgressBar:vertical
QProgressBar::chunk:horizontal,
QProgressBar::chunk:vertical
{
background-color: #3daee9;
background-color: #3d3d42;
border: 0.9em transparent;
border-radius: 0.08em;
}

View File

@ -52,6 +52,21 @@ QToolTip
opacity: 200;
}
QListWidget
{
background-color: #eff0f1;
}
QListWidget::item
{
color: #272b2f;
}
QListWidget::item:selected
{
background-color: #e0e9f0;
}
QWidget
{
color: #31363b;
@ -760,6 +775,7 @@ QFrame[frameShape] QAbstractItemView:hover
QToolBar
{
font-weight: bold;
border: 1px;
}
QToolBar:horizontal
@ -1076,6 +1092,11 @@ QAbstractSpinBox:hover
border: 0.09em solid rgba(51, 164, 223, 0.5);
}
QAbstractSpinBox:disabled
{
color: #c0c0c0;
}
QAbstractSpinBox:up-button,
QAbstractSpinBox:up-button:hover
{
@ -1281,6 +1302,11 @@ QLabel
border: 0em solid black;
}
QLabel:disabled
{
color: #c0c0c0;
}
/* BORDERS */
QTabWidget::pane
{
@ -1994,6 +2020,16 @@ QDialog QToolBar QToolButton[hasMenu="false"][popupMode="2"]
padding: 0em;
}
QToolButton[text]:disabled
{
color: #8c8c8c;
}
QToolButton[text]:enabled
{
color: #333333;
}
QToolButton[autoRaise="false"]
{
background-color: #eff0f1;
@ -2020,6 +2056,12 @@ QDialog QToolBar QToolButton[hasMenu="true"][popupMode="2"]
padding-right: 1.2em;
}
/* Target the QAction on the QToolBar */
QToolBar QToolButton[enabled="false"] {
/* Set custom text color for the disabled QAction */
color: #8C8C8C; /* A lighter shade of gray for better contrast */
}
QToolButton:hover
{
border: 0.04em solid rgba(51, 164, 223, 0.5);

View File

@ -1,48 +1,48 @@
{
"ToolStyle": {
"PatternColor": [120, 160, 200],
"DisabledColor": "#dedede",
"PatternColor": "#d9d9d9",
"DisabledColor": "#5a4949",
"ColorAdjustments": {
"black": [120, 160, 200]
"black": "#d9d9d9"
},
"PointColor": [120, 160, 200],
"LabelColor": "#f8f8f8",
"LabelHoverColor": "lightGreen",
"LabelLineColor": [120, 160, 200, 125],
"AccuracyRadiusColor": "yellow",
"ControlLineColor": [120, 160, 200, 125],
"ControlPointColor": "red",
"VisMainColor": "red",
"VisSupportColor": "magenta",
"VisSupportColor2": "darkGreen",
"VisSupportColor3": "darkBlue",
"VisSupportColor4": "darkRed",
"BasePointColor": "red"
"PointColor": "#d9d9d9",
"LabelColor": "#d9d9d9",
"LabelHoverColor": "#ffd900",
"LabelLineColor": "#80ffd900",
"AccuracyRadiusColor": "#ffd900",
"ControlLineColor": "#80ffd900",
"ControlPointColor": "#ffd900",
"VisMainColor": "#ffd900",
"VisSupportColor": "#b200b2",
"VisSupportColor2": "#5aad4b",
"VisSupportColor3": "#0057b7",
"VisSupportColor4": "#d73b31",
"BasePointColor": "#ffd900"
},
"PatternPieceStyle": {
"PieceColor": [120, 160, 200],
"PointColor": [120, 160, 200],
"NodeLabelColor": "#f8f8f8",
"NodeLabelHoverColor": "lightGreen",
"NodeLabelLineColor": [120, 160, 200, 125],
"LabelBackgroundColor": [255, 255, 180, 200],
"LabelTextColor": "black",
"PieceColor": "#83aad1",
"PointColor": "#ffd900",
"NodeLabelColor": "#d9d9d9",
"NodeLabelHoverColor": "#ffd900",
"NodeLabelLineColor": "#80ffd900",
"LabelBackgroundColor": "#80ffd900",
"LabelTextColor": "#d9d9d9",
"LabelModeColor": "white"
},
"ManualLayoutStyle": {
"SheetBorderColor": "#808080",
"SheetMarginColor": [0, 179, 255],
"SheetGridColor": [204, 204, 204],
"SheetTileGridColor": [255, 0, 0, 127],
"SheetTileNumberColor": "lightBlue",
"PieceOkColor": [120, 160, 200],
"PieceErrorColor": [255, 150, 150],
"PieceHoverColor": [199, 244, 249, 60],
"PieceHandleColor": "lightBlue",
"PieceHandleHoverColor": "lightGreen",
"CarrouselPieceColor": [120, 160, 200],
"CarrouselPieceSelectedColor": [255, 160, 160, 60],
"CarrouselPieceBackgroundColor": [32, 32, 32],
"CarrouselPieceForegroundColor": [0, 0, 80]
"SheetMarginColor": "#00b3ff",
"SheetGridColor": "#cccccc",
"SheetTileGridColor": "#80ff0000",
"SheetTileNumberColor": "#add8e6",
"PieceOkColor": "#78a0c8",
"PieceErrorColor": "#ff9696",
"PieceHoverColor": "#80c7f4f9",
"PieceHandleColor": "#add8e6",
"PieceHandleHoverColor": "#90ee90",
"CarrouselPieceColor": "#78a0c8",
"CarrouselPieceSelectedColor": "#80ffa0a0",
"CarrouselPieceBackgroundColor": "#202020",
"CarrouselPieceForegroundColor": "#000050"
}
}