fix(styles updated): light theme fonts changed
parent
77abe8f8be
commit
3599b26077
443
ui/styles.py
443
ui/styles.py
|
|
@ -1,419 +1,3 @@
|
|||
# # --- Dynamic Theme Stylesheets ---
|
||||
|
||||
# def get_light_theme_styles(scale=1.0):
|
||||
# log_font_size = max(10, int(11 * scale))
|
||||
# button_font_size = max(7, int(10 * scale))
|
||||
|
||||
# return f"""
|
||||
# QMainWindow, QWidget {{
|
||||
# background-color: #f0f0f0;
|
||||
# color: #000;
|
||||
# }}
|
||||
|
||||
# /* --- ADDED THIS RULE --- */
|
||||
# #StatusBar {{
|
||||
# background-color: #34495e; /* A dark blue-grey for light theme */
|
||||
# padding: {int(6 * scale)}px;
|
||||
# }}
|
||||
|
||||
# #LogPanel {{
|
||||
# font-family: "Courier New", Consolas, monospace;
|
||||
# font-size: {log_font_size}pt;
|
||||
# background-color: #ffffff; /* White background for logs */
|
||||
# color: #2b2b2b;
|
||||
# border: 1px solid #c8c8c8;
|
||||
# }}
|
||||
# QGroupBox {{
|
||||
# font-family: Arial;
|
||||
# border: 1px solid #c8c8c8;
|
||||
# border-radius: {int(8 * scale)}px;
|
||||
# margin-top: {int(6 * scale)}px;
|
||||
# }}
|
||||
# QGroupBox::title {{
|
||||
# subcontrol-origin: margin;
|
||||
# subcontrol-position: top center;
|
||||
# padding: 0 {int(10 * scale)}px;
|
||||
# color: #000;
|
||||
# }}
|
||||
# QTabWidget::pane {{ border-top: 2px solid #c8c8c8; }}
|
||||
# QTabBar::tab {{
|
||||
# background: #e1e1e1; border: 1px solid #c8c8c8;
|
||||
# padding: {int(6 * scale)}px {int(15 * scale)}px;
|
||||
# border-top-left-radius: {int(4 * scale)}px; border-top-right-radius: {int(4 * scale)}px;
|
||||
# }}
|
||||
# QTabBar::tab:selected {{ background: #f0f0f0; border-bottom-color: #f0f0f0; }}
|
||||
# QFormLayout::label {{ color: #000; padding-top: {int(3 * scale)}px; }}
|
||||
# QLineEdit, QPlainTextEdit, QComboBox {{
|
||||
# background-color: #fff; border: 1px solid #c8c8c8;
|
||||
# border-radius: {int(4 * scale)}px; padding: {int(4 * scale)}px;
|
||||
# font-size: {max(7, int(9 * scale))}pt;
|
||||
# color: #000;
|
||||
# }}
|
||||
# QLineEdit:read-only {{ background-color: #e9e9e9; }}
|
||||
# QPushButton {{
|
||||
# background-color: #e1e1e1; border: 1px solid #c8c8c8;
|
||||
# padding: {int(5 * scale)}px {int(10 * scale)}px;
|
||||
# border-radius: {int(4 * scale)}px;
|
||||
# color: #000;
|
||||
# }}
|
||||
# QPushButton:hover {{ background-color: #dcdcdc; }}
|
||||
# QPushButton:pressed {{ background-color: #c8c8c8; }}
|
||||
# QPushButton:disabled {{ background-color: #d3d3d3; color: #a0a0a0; }}
|
||||
|
||||
# #RefreshButton, #ResetButton {{
|
||||
# padding: {int(6 * scale)}px {int(16 * scale)}px;
|
||||
# font-size: {button_font_size * 1.3}pt;
|
||||
# font-weight: bold;
|
||||
# color: white;
|
||||
# border-radius: {int(4*scale)}px;
|
||||
# }}
|
||||
|
||||
# #RefreshButton {{
|
||||
# background-color: #2e7d32; /* A slightly darker green */
|
||||
# }}
|
||||
# #ResetButton {{
|
||||
# background-color: #c62828; /* A slightly darker red */
|
||||
# }}
|
||||
|
||||
# /* --- UPDATED BUTTON STYLES FOR LIGHT THEME --- */
|
||||
# #ConnectButton, #DisconnectButton, #StartSwapButton, #AbortSwapButton {{
|
||||
# padding: {int(6 * scale)}px {int(16 * scale)}px;
|
||||
# font-size: {button_font_size}pt;
|
||||
# font-weight: bold;
|
||||
# border-radius: {int(4 * scale)}px;
|
||||
# color: white;
|
||||
# border: none;
|
||||
# }}
|
||||
|
||||
# /* Positive Actions (Green) */
|
||||
# #ConnectButton, #StartSwapButton {{
|
||||
# background-color: #28a745;
|
||||
# }}
|
||||
# #ConnectButton:hover, #StartSwapButton:hover {{
|
||||
# background-color: #218838;
|
||||
# }}
|
||||
# /* Negative Actions (Red) */
|
||||
# #DisconnectButton, #AbortSwapButton {{
|
||||
# background-color: #dc3545;
|
||||
# }}
|
||||
# #DisconnectButton:hover, #AbortSwapButton:hover {{
|
||||
# background-color: #c82333;
|
||||
# }}
|
||||
# /* Disabled States */
|
||||
# #ConnectButton:disabled, #DisconnectButton:disabled {{
|
||||
# background-color: #b0bec5;
|
||||
# color: #78909c;
|
||||
# }}
|
||||
# /* Unique Buttons */
|
||||
# #SendAudioButton {{
|
||||
# background-color: #007bff;
|
||||
# color: white;
|
||||
# border: none;
|
||||
# font-size: {max(10, int(14 * scale))}px;
|
||||
# }}
|
||||
# #SendAudioButton:hover {{
|
||||
# background-color: #0069d9;
|
||||
# }}
|
||||
|
||||
# #ChamberOpenDoorButton, #ChamberChgOnButton, #ChamberChgOffButton {{
|
||||
# padding: {int(8 * scale)}px;
|
||||
# font-size: {button_font_size}pt;
|
||||
# font-weight: bold;
|
||||
# border-radius: {int(4*scale)}px;
|
||||
# }}
|
||||
|
||||
# #ChamberOpenDoorButton:hover {{ background-color: #607d8b; }}
|
||||
# #ChamberChgOnButton:hover {{ background-color: #52be80; }}
|
||||
# #ChamberChgOffButton:hover {{ background-color: #cd6155; }}
|
||||
|
||||
# /* --- STATUS & ALARM LABELS --- */
|
||||
# QLabel[status="present"] {{ background-color: #2ecc71; color: white; border-radius: {int(4*scale)}px; padding: {int(3*scale)}px; }}
|
||||
# QLabel[status="absent"] {{ background-color: #e74c3c; color: white; border-radius: {int(4*scale)}px; padding: {int(3*scale)}px; }}
|
||||
# QLabel[alarm="active"] {{ background-color: #e74c3c; color: white; font-weight: bold; border-radius: {int(4*scale)}px; padding: {int(2*scale)}px; }}
|
||||
# QLabel[alarm="inactive"] {{ background-color: transparent; color: black; }}
|
||||
# QGroupBox#ChamberWidget {{ border: 2px solid #007bff; }}
|
||||
|
||||
# /* --- ADDED TIMESTAMP STYLES --- */
|
||||
# QLabel#TimestampTitleLabel {{
|
||||
# font-size: {max(9, int(11 * scale))}pt;
|
||||
# font-weight: bold;
|
||||
# color: #333;
|
||||
# }}
|
||||
# QLineEdit#TimestampDataField {{
|
||||
# font-size: {max(11, int(13 * scale))}pt;
|
||||
# font-weight: bold;
|
||||
# color: #000;
|
||||
# }}
|
||||
|
||||
# QGroupBox#ChamberWidget QFormLayout QLabel {{
|
||||
# font-size: {max(10, int(12 * scale))}px;
|
||||
# color: #555555;
|
||||
# }}
|
||||
# QGroupBox#ChamberWidget QLineEdit#BatIdField {{
|
||||
# font-size: {max(14, int(16 * scale))}px;
|
||||
# font-weight: bold;
|
||||
# color: #000000;
|
||||
# }}
|
||||
# QGroupBox#ChamberWidget QLineEdit#DataField {{
|
||||
# font-size: {max(13, int(14 * scale))}px;
|
||||
# color: #222222;
|
||||
# }}
|
||||
# QGroupBox#ChamberWidget QLineEdit#DoorStatusField {{
|
||||
# font-size: {max(12, int(14 * scale))}px;
|
||||
# font-weight: bold;
|
||||
# color: #222222;
|
||||
# }}
|
||||
|
||||
# #aboutCard {{
|
||||
# background-color: #ffffff; /* White background */
|
||||
# border: 1px solid #dee2e6; /* Light grey border */
|
||||
# border-radius: 12px;
|
||||
# }}
|
||||
# #aboutCard QLabel#title {{
|
||||
# color: #212529; /* Dark text for title */
|
||||
# font-size: 18pt;
|
||||
# font-weight: bold;
|
||||
# }}
|
||||
# #aboutCard QLabel#subtitle {{
|
||||
# color: #6c757d; /* Grey for subtitle */
|
||||
# }}
|
||||
# #aboutCard QLabel#label {{
|
||||
# color: #495057; /* Dark grey for labels */
|
||||
# font-weight: bold;
|
||||
# }}
|
||||
# #aboutCard QLabel {{ /* General text color inside the card */
|
||||
# color: #212529;
|
||||
# }}
|
||||
# #aboutCard QLabel.badge {{
|
||||
# background-color: #e9ecef; /* Light grey for badge */
|
||||
# border-radius: 8px;
|
||||
# padding: 3px 10px;
|
||||
# font-size: 9pt;
|
||||
# }}
|
||||
# #aboutCard QFrame#divider {{
|
||||
# background-color: #dee2e6; /* Light grey for divider line */
|
||||
# max-height: 1px;
|
||||
# border: none;
|
||||
# }}
|
||||
# #aboutCard a {{
|
||||
# color: #007bff; /* Standard blue for links */
|
||||
# text-decoration: none;
|
||||
# }}
|
||||
# """
|
||||
|
||||
# def get_dark_theme_styles(scale=1.0):
|
||||
|
||||
# log_font_size = max(10, int(11 * scale))
|
||||
# button_font_size = max(7, int(10 * scale))
|
||||
|
||||
# return f"""
|
||||
# QMainWindow, QWidget {{ background-color: #2b2b2b; color: #f0f0f0; }}
|
||||
# #LogPanel {{
|
||||
# font-family: "Courier New", Consolas, monospace;
|
||||
# font-size: {log_font_size}pt;
|
||||
# background-color: #212121;
|
||||
# color: #eceff1;
|
||||
# border: 1px solid #455a64;
|
||||
# }}
|
||||
# QGroupBox {{
|
||||
# font-family: Arial; border: 1px solid #4a4a4a;
|
||||
# border-radius: {int(8 * scale)}px; margin-top: {int(6 * scale)}px;
|
||||
# }}
|
||||
# QGroupBox::title {{ subcontrol-origin: margin; subcontrol-position: top center; padding: 0 {int(10 * scale)}px; color: #f0f0f0; }}
|
||||
# QTabWidget::pane {{ border-top: 2px solid #4a4a4a; }}
|
||||
# QTabBar::tab {{
|
||||
# background: #3c3c3c; border: 1px solid #4a4a4a; color: #f0f0f0;
|
||||
# padding: {int(6 * scale)}px {int(15 * scale)}px;
|
||||
# border-top-left-radius: {int(4 * scale)}px; border-top-right-radius: {int(4 * scale)}px;
|
||||
# }}
|
||||
# QTabBar::tab:selected {{ background: #2b2b2b; border-bottom-color: #2b2b2b; }}
|
||||
# QFormLayout::label {{ color: #f0f0f0; padding-top: {int(3 * scale)}px; }}
|
||||
# QLineEdit, QPlainTextEdit, QComboBox {{
|
||||
# background-color: #3c3c3c; border: 1px solid #4a4a4a;
|
||||
# border-radius: {int(4 * scale)}px; padding: {int(4 * scale)}px; color: #f0f0f0;
|
||||
# font-size: {max(7, int(9 * scale))}pt;
|
||||
# }}
|
||||
# QLineEdit:read-only {{ background-color: #333333; }}
|
||||
# QPushButton {{
|
||||
# background-color: #555555; border: 1px solid #4a4a4a;
|
||||
# padding: {int(5 * scale)}px {int(10 * scale)}px;
|
||||
# border-radius: {int(4 * scale)}px; color: #f0f0f0;
|
||||
# }}
|
||||
# QPushButton:hover {{ background-color: #6a6a6a; }}
|
||||
# QPushButton:pressed {{ background-color: #4a4a4a; }}
|
||||
# QPushButton:disabled {{ background-color: #404040; color: #888888; }}
|
||||
# #RefreshButton, #ResetButton {{
|
||||
# padding: {int(6 * scale)}px {int(16 * scale)}px;
|
||||
# font-size: {button_font_size * 1.3}pt;
|
||||
# font-weight: bold;
|
||||
# border-radius: {int(4*scale)}px;
|
||||
# }}
|
||||
# #RefreshButton {{
|
||||
# background-color: #2e7d32; /* A slightly darker green */
|
||||
# }}
|
||||
# #ResetButton {{
|
||||
# background-color: #c62828; /* A slightly darker red */
|
||||
# }}
|
||||
# #ChamberOpenDoorButton, #ChamberChgOnButton, #ChamberChgOffButton {{
|
||||
# padding: {int(8 * scale)}px;
|
||||
# font-size: {button_font_size}pt;
|
||||
# font-weight: bold;
|
||||
# border-radius: {int(4*scale)}px;
|
||||
# }}
|
||||
|
||||
# #ChamberOpenDoorButton {{ background-color: #3C3C3C; }}
|
||||
# #ChamberChgOnButton {{ background-color: #3C3C3C; }}
|
||||
# #ChamberChgOffButton {{ background-color: #3C3C3C; }}
|
||||
|
||||
# #ChamberOpenDoorButton:hover {{ background-color: #607d8b; }}
|
||||
# #ChamberChgOnButton:hover {{ background-color: #52be80; }}
|
||||
# #ChamberChgOffButton:hover {{ background-color: #cd6155; }}
|
||||
|
||||
# #ConnectButton, #DisconnectButton {{
|
||||
# padding: {int(6 * scale)}px {int(16 * scale)}px;
|
||||
# font-size: {button_font_size}pt;
|
||||
# font-weight: bold;
|
||||
# border-radius: {int(4*scale)}px;
|
||||
# color: white;
|
||||
# }}
|
||||
|
||||
# #ConnectButton {{ background-color: #27ae60; }} /* Green */
|
||||
# #DisconnectButton {{ background-color: #c0392b; }} /* Red */
|
||||
|
||||
# #ConnectButton:hover {{ background-color: #52be80; }}
|
||||
# #DisconnectButton:hover {{ background-color: #cd6155; }}
|
||||
|
||||
# #ConnectButton:pressed {{ background-color: #52be80; }}
|
||||
# #DisconnectButton:pressed {{ background-color: #cd6155; }}
|
||||
|
||||
# #ConnectButton:disabled, #DisconnectButton:disabled {{
|
||||
# background-color: #546e7a;
|
||||
# color: #90a4ae;
|
||||
# }}
|
||||
|
||||
# #RefreshButton, #StartSwapButton {{ background-color: #27ae60; color: white; border: none; }}
|
||||
# #RefreshButton:hover, #StartSwapButton:hover {{ background-color: #52be80; }}
|
||||
# #ResetButton, #AbortSwapButton {{ background-color: #c0392b; color: white; border: none; }}
|
||||
# #ResetButton:hover, #AbortSwapButton:hover {{ background-color: #cd6155; }}
|
||||
# #SendAudioButton {{ background-color: #3498db; color: white; border: none; font-size: {max(10, int(14 * scale))}px; }}
|
||||
# #SendAudioButton:hover {{ background-color: #5dade2; }}
|
||||
# QLabel[status="present"] {{ background-color: #2ecc71; color: white; border-radius: {int(4*scale)}px; padding: {int(3*scale)}px; }}
|
||||
# QLabel[status="absent"] {{ background-color: #e74c3c; color: white; border-radius: {int(4*scale)}px; padding: {int(3*scale)}px; }}
|
||||
# QLabel[alarm="active"] {{ background-color: #e74c3c; color: white; font-weight: bold; border-radius: {int(4*scale)}px; padding: {int(2*scale)}px; }}
|
||||
# QLabel[alarm="inactive"] {{ background-color: transparent; color: #f0f0f0; }}
|
||||
# QGroupBox#ChamberWidget {{ border: 2px solid #3498db; }}
|
||||
|
||||
# /* Style for the timestamp TITLE label */
|
||||
# QLabel#TimestampTitleLabel {{
|
||||
# font-size: {max(9, int(11 * scale))}pt; /* Normal font size */
|
||||
# font-weight: bold;
|
||||
# }}
|
||||
|
||||
# /* Style for the timestamp DATA field */
|
||||
# QLineEdit#TimestampDataField {{
|
||||
# font-size: {max(11, int(13 * scale))}pt; /* Larger font */
|
||||
# font-weight: bold;
|
||||
# color: #f0f0f0;
|
||||
# }}
|
||||
|
||||
# QGroupBox#ChamberWidget QFormLayout QLabel {{
|
||||
# font-size: {max(10, int(12 * scale))}px;
|
||||
# color: #AAAAAA;
|
||||
# }}
|
||||
# QGroupBox#ChamberWidget QLineEdit#BatIdField {{
|
||||
# font-size: {max(14, int(16 * scale))}px;
|
||||
# font-weight: bold;
|
||||
# color: #FFFFFF;
|
||||
# }}
|
||||
# QGroupBox#ChamberWidget QLineEdit#DataField {{
|
||||
# font-size: {max(13, int(14 * scale))}px;
|
||||
# color: #E0E0E0;
|
||||
# }}
|
||||
# QGroupBox#ChamberWidget QLineEdit#DoorStatusField {{
|
||||
# font-size: {max(12, int(14 * scale))}px;
|
||||
# font-weight: bold;
|
||||
# color: #E0E0E0;
|
||||
# }}
|
||||
|
||||
# QFrame#aboutCard {{
|
||||
# background: #2a2a2a;
|
||||
# border: 1px solid #3a3a3a;
|
||||
# border-radius: 12px;
|
||||
# }}
|
||||
# QFrame#aboutCard QLabel#title {{
|
||||
# color: #eaeaea;
|
||||
# font-size: 16pt;
|
||||
# font-weight: bold;
|
||||
# }}
|
||||
# QFrame#aboutCard QLabel#subtitle {{
|
||||
# color: #c7c7c7;
|
||||
# }}
|
||||
# QFrame#aboutCard QLabel#label {{
|
||||
# color: #b6b6b6;
|
||||
# font-weight: 600;
|
||||
# }}
|
||||
# QFrame#aboutCard QLabel#value {{
|
||||
# color: #e6e6e6;
|
||||
# }}
|
||||
# QFrame#aboutCard QLabel.badge {{
|
||||
# background: #343a40;
|
||||
# border: 1px solid #454d55;
|
||||
# border-radius: 8px;
|
||||
# padding: 2px 10px;
|
||||
# color: #e6e6e6;
|
||||
# font-size: 11px;
|
||||
# }}
|
||||
# QFrame#aboutCard QFrame#divider {{
|
||||
# background: #3a3a3a;
|
||||
# min-height: 1px; max-height: 1px; border: none;
|
||||
# }}
|
||||
# QFrame#aboutCard a {{
|
||||
# color: #6aa9ff;
|
||||
# text-decoration: none;
|
||||
# }}
|
||||
|
||||
# #aboutCard {{
|
||||
# background-color: #3c3c3c;
|
||||
# border: 1px solid #4a4a4a;
|
||||
# border-radius: 12px;
|
||||
# }}
|
||||
# #aboutCard QLabel#title {{ color: #eaeaea; font-size: 18pt; font-weight: bold; }}
|
||||
# #aboutCard QLabel#subtitle {{ color: #a0a0a0; }}
|
||||
# #aboutCard QLabel#label {{ color: #b0b0b0; font-weight: bold; }}
|
||||
# #aboutCard QLabel.badge {{
|
||||
# background-color: #555555; border-radius: 8px;
|
||||
# padding: 3px 10px; font-size: 9pt;
|
||||
# }}
|
||||
# #aboutCard QFrame#divider {{ background-color: #4a4a4a; max-height: 1px; border: none; }}
|
||||
# #aboutCard a {{ color: #6aa9ff; text-decoration: none; }}
|
||||
|
||||
# """
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
# --- Dynamic Theme Stylesheets ---
|
||||
|
||||
def get_light_theme_styles(scale=1.0):
|
||||
|
|
@ -539,11 +123,34 @@ def get_light_theme_styles(scale=1.0):
|
|||
QGroupBox#ChamberWidget {{ border: 2px solid #007bff; }}
|
||||
|
||||
/* Timestamp */
|
||||
|
||||
QLabel#TimestampTitleLabel {{
|
||||
font-size: {max(9, int(11 * scale))}pt; font-weight: bold; color: #333;
|
||||
font-size: {max(9, int(11 * scale))}pt;
|
||||
font-weight: bold;
|
||||
}}
|
||||
QLineEdit#TimestampDataField {{
|
||||
font-size: {max(11, int(13 * scale))}pt; font-weight: bold; color: #000;
|
||||
font-size: {max(11, int(13 * scale))}pt;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
}}
|
||||
|
||||
QGroupBox#ChamberWidget QFormLayout QLabel {{
|
||||
font-size: {max(10, int(12 * scale))}px;
|
||||
color: #AAAAAA;
|
||||
}}
|
||||
QGroupBox#ChamberWidget QLineEdit#BatIdField {{
|
||||
font-size: {max(14, int(16 * scale))}px;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
}}
|
||||
QGroupBox#ChamberWidget QLineEdit#DataField {{
|
||||
font-size: {max(13, int(14 * scale))}px;
|
||||
color: #000000;
|
||||
}}
|
||||
QGroupBox#ChamberWidget QLineEdit#DoorStatusField {{
|
||||
font-size: {max(12, int(14 * scale))}px;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
}}
|
||||
|
||||
/* ---------- ABOUT CARD (LIGHT) ---------- */
|
||||
|
|
|
|||
Loading…
Reference in New Issue