From 3599b260779a679a46adec4582fcad1179b6c7be Mon Sep 17 00:00:00 2001 From: Kirubakaran Date: Fri, 22 Aug 2025 03:04:00 +0530 Subject: [PATCH] fix(styles updated): light theme fonts changed --- ui/styles.py | 443 +++------------------------------------------------ 1 file changed, 25 insertions(+), 418 deletions(-) diff --git a/ui/styles.py b/ui/styles.py index 423d87c..99fef20 100644 --- a/ui/styles.py +++ b/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) ---------- */