Update UI to modern Light Theme

resources/style.qss

@@ -1,28 +1,28 @@
-/* Dark Theme for Tape Recorder Pro */
+/* Light Theme for Tape Recorder Pro */
 
 QMainWindow {
-    background-color: #1a1a2e;
-    color: #e0e0e0;
+    background-color: #f0f2f5;
+    color: #333333;
 }
 
 QWidget {
-    background-color: #1a1a2e;
-    color: #e0e0e0;
+    background-color: #f0f2f5;
+    color: #333333;
     font-family: "Segoe UI", Arial, sans-serif;
     font-size: 10pt;
 }
 
 QTabWidget::pane {
-    border: 1px solid #30304a;
-    background-color: #161625;
+    border: 1px solid #d9d9d9;
+    background-color: #ffffff;
     border-radius: 4px;
 }
 
 QTabBar::tab {
-    background-color: #252538;
-    color: #a0a0b0;
+    background-color: #e6e6e6;
+    color: #555555;
     padding: 8px 16px;
-    border: 1px solid #30304a;
+    border: 1px solid #d9d9d9;
     border-bottom: none;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
@@ -30,44 +30,44 @@ QTabBar::tab {
 }
 
 QTabBar::tab:selected {
-    background-color: #161625;
-    color: #ffffff;
+    background-color: #ffffff;
+    color: #111111;
     border-bottom: 2px solid #ff7b00; /* Analog amber accent */
 }
 
 QTabBar::tab:hover:!selected {
-    background-color: #2a2a40;
+    background-color: #f0f0f0;
 }
 
 QPushButton {
-    background-color: #30304a;
-    color: #ffffff;
-    border: 1px solid #4a4a6a;
+    background-color: #ffffff;
+    color: #333333;
+    border: 1px solid #cccccc;
     border-radius: 4px;
     padding: 6px 12px;
 }
 
 QPushButton:hover {
-    background-color: #3d3d5c;
+    background-color: #f5f5f5;
     border: 1px solid #ff7b00;
 }
 
 QPushButton:pressed {
     background-color: #ff7b00;
-    color: #1a1a2e;
+    color: #ffffff;
 }
 
 QPushButton:disabled {
-    background-color: #202030;
-    color: #606070;
-    border: 1px solid #303040;
+    background-color: #f0f0f0;
+    color: #aaaaaa;
+    border: 1px solid #e0e0e0;
 }
 
 /* Accent Buttons (Primary Actions) */
 QPushButton#primaryButton {
     background-color: #ff7b00;
-    color: #1a1a2e;
-    border: 1px solid #ff9933;
+    color: #ffffff;
+    border: 1px solid #e66a00;
     font-weight: bold;
 }
 
@@ -76,9 +76,9 @@ QPushButton#primaryButton:hover {
 }
 
 QComboBox {
-    background-color: #252538;
-    color: #ffffff;
-    border: 1px solid #4a4a6a;
+    background-color: #ffffff;
+    color: #333333;
+    border: 1px solid #cccccc;
     border-radius: 4px;
     padding: 4px 8px;
 }
@@ -93,12 +93,13 @@ QComboBox::drop-down {
 }
 
 QGroupBox {
-    border: 1px solid #30304a;
+    border: 1px solid #d9d9d9;
     border-radius: 6px;
     margin-top: 12px;
     padding-top: 10px;
     font-weight: bold;
-    color: #a0a0b0;
+    color: #555555;
+    background-color: #ffffff;
 }
 
 QGroupBox::title {
@@ -109,15 +110,15 @@ QGroupBox::title {
 }
 
 QSlider::groove:horizontal {
-    border: 1px solid #30304a;
+    border: 1px solid #cccccc;
     height: 6px;
-    background: #161625;
+    background: #e6e6e6;
     border-radius: 3px;
 }
 
 QSlider::handle:horizontal {
     background: #ff7b00;
-    border: 1px solid #ff9933;
+    border: 1px solid #e66a00;
     width: 14px;
     height: 14px;
     margin: -4px 0;
@@ -130,15 +131,15 @@ QSlider::handle:horizontal:hover {
 
 /* Vertical Sliders (for EQ) */
 QSlider::groove:vertical {
-    border: 1px solid #30304a;
+    border: 1px solid #cccccc;
     width: 6px;
-    background: #161625;
+    background: #e6e6e6;
     border-radius: 3px;
 }
 
 QSlider::handle:vertical {
-    background: #a0a0b0;
-    border: 1px solid #d0d0d0;
+    background: #888888;
+    border: 1px solid #999999;
     height: 18px;
     width: 18px;
     margin: 0 -6px;
@@ -147,15 +148,27 @@ QSlider::handle:vertical {
 
 QSlider::handle:vertical:hover {
     background: #ff7b00;
-    border: 1px solid #ff9933;
+    border: 1px solid #e66a00;
 }
 
 QLabel {
-    color: #d0d0d0;
+    color: #333333;
 }
 
 QStatusBar {
-    background-color: #12121c;
-    color: #808090;
-    border-top: 1px solid #30304a;
+    background-color: #e6e6e6;
+    color: #555555;
+    border-top: 1px solid #cccccc;
+}
+
+QListWidget {
+    background-color: #ffffff;
+    color: #333333;
+    border: 1px solid #cccccc;
+    border-radius: 4px;
+}
+
+QListWidget::item:selected {
+    background-color: #ffe0b2;
+    color: #333333;
 }

ui/calibration_panel.py

@@ -164,7 +164,8 @@ class CalibrationPanel(QWidget):
         l.addWidget(info)
         
         # Realtime view for recording
-        pg.setConfigOption('background', '#161625')
+        pg.setConfigOption('background', '#ffffff')
+        pg.setConfigOption('foreground', '#333333')
         self.rec_plot = pg.PlotWidget()
         self.rec_plot.setYRange(-1, 1)
         self.rec_curve = self.rec_plot.plot(pen='#ff7b00')

ui/eq_panel.py

@@ -109,7 +109,8 @@ class EQPanel(QWidget):
         layout = QVBoxLayout(self)
         
         # --- Top: Response Plot ---
-        pg.setConfigOption('background', '#161625')
+        pg.setConfigOption('background', '#ffffff')
+        pg.setConfigOption('foreground', '#333333')
         self.plot_widget = pg.PlotWidget(title="Combined EQ Response")
         self.plot_widget.setLogMode(x=True, y=False)
         self.plot_widget.setXRange(np.log10(20), np.log10(20000))

ui/spectrum_widget.py

@@ -40,8 +40,8 @@ class SpectrumWidget(QWidget):
         layout.setContentsMargins(0, 0, 0, 0)
         
         # Configure pyqtgraph
-        pg.setConfigOption('background', '#161625')
-        pg.setConfigOption('foreground', '#a0a0b0')
+        pg.setConfigOption('background', '#ffffff')
+        pg.setConfigOption('foreground', '#333333')
         
         self.plot_widget = pg.PlotWidget()
         self.plot_widget.setLogMode(x=True, y=False)
@@ -54,7 +54,7 @@ class SpectrumWidget(QWidget):
         from PyQt6.QtCore import Qt
         
         # Plot curves
-        self.curve_raw = self.plot_widget.plot(pen=pg.mkPen('#606070', width=1, style=Qt.PenStyle.DashLine), name="Actual")
+        self.curve_raw = self.plot_widget.plot(pen=pg.mkPen('#a0a0a0', width=1, style=Qt.PenStyle.DashLine), name="Actual")
         self.curve_processed = self.plot_widget.plot(pen=pg.mkPen('#ff7b00', width=2), name="Corrected")
         self.plot_widget.addLegend()
         

ui/waveform_widget.py

@@ -26,8 +26,8 @@ class WaveformWidget(QWidget):
         layout.setContentsMargins(0, 0, 0, 0)
         
         # Configure pyqtgraph
-        pg.setConfigOption('background', '#161625')
-        pg.setConfigOption('foreground', '#a0a0b0')
+        pg.setConfigOption('background', '#ffffff')
+        pg.setConfigOption('foreground', '#333333')
         
         self.plot_widget = pg.PlotWidget()
         self.plot_widget.setMouseEnabled(x=False, y=False)
@@ -36,8 +36,8 @@ class WaveformWidget(QWidget):
         self.plot_widget.setYRange(-1.1, 1.1)
         
         # Waveform curves (L/R)
-        self.curve_l = self.plot_widget.plot(pen=pg.mkPen('#3a3a5c', width=1))
-        self.curve_r = self.plot_widget.plot(pen=pg.mkPen('#4a4a7a', width=1))
+        self.curve_l = self.plot_widget.plot(pen=pg.mkPen('#3a7bd5', width=1))
+        self.curve_r = self.plot_widget.plot(pen=pg.mkPen('#00d2ff', width=1))
         
         # Playhead line
         self.playhead = pg.InfiniteLine(pos=0, angle=90, pen=pg.mkPen('#ff7b00', width=2))