fix(ui): light-mode polish — nav hover, graph theme tokens, title alignment

src/pygui/ISC/Tabs/components/RunChart.qml

@@ -18,6 +18,14 @@ Item {
     property alias seriesData: chart.seriesData
     property alias title: chart.title
 
+    // Same palette that colors the chart lines (GraphQuickItem.seriesColors,
+    // theme-agnostic — see docs/adr/0004 for why); falls back to the default
+    // text color when the sensor isn't found (e.g. a stale binding mid-swap).
+    function sensorColor(name) {
+        var idx = chart.sensorNames.indexOf(name)
+        return (idx >= 0 && idx < chart.seriesColors.length) ? chart.seriesColors[idx] : Theme.headingColor
+    }
+
     ColumnLayout {
         anchors.fill: parent
         spacing: 8
@@ -32,6 +40,10 @@ Item {
                 showMinMaxMarkers: true
                 xLabel: "Measurement Interval"
                 yLabel: "Temperature (°C)"
+                backgroundColor: Theme.cardBackground
+                gridColor: Theme.toneBorder
+                axisColor: Theme.toneMute
+                textColor: Theme.headingColor
             }
 
             MouseArea {
@@ -61,6 +73,7 @@ Item {
         // ── Min/Max/Avg readout strip + Reset Zoom ─────────────────────
         RowLayout {
             Layout.fillWidth: true
+            Layout.leftMargin: 8
             spacing: 16
 
             Label {
@@ -70,11 +83,21 @@ Item {
                 font.pixelSize: Theme.fontSm
                 font.weight: Font.Medium
             }
-            Label {
-                text: chart.viewMin.toFixed(2) + (chart.viewMinSensor ? "  (" + chart.viewMinSensor + ")" : "")
-                color: Theme.headingColor
-                font.family: Theme.codeFontFamily
-                font.pixelSize: Theme.fontSm
+            Row {
+                Label {
+                    text: chart.viewMin.toFixed(2)
+                    color: Theme.headingColor
+                    font.family: Theme.codeFontFamily
+                    font.pixelSize: Theme.fontSm
+                }
+                Label {
+                    visible: !!chart.viewMinSensor
+                    text: chart.viewMinSensor ? "  (" + chart.viewMinSensor + ")" : ""
+                    color: root.sensorColor(chart.viewMinSensor)
+                    font.family: Theme.codeFontFamily
+                    font.pixelSize: Theme.fontSm
+                    font.weight: Font.Medium
+                }
             }
 
             Label {
@@ -84,11 +107,21 @@ Item {
                 font.pixelSize: Theme.fontSm
                 font.weight: Font.Medium
             }
-            Label {
-                text: chart.viewMax.toFixed(2) + (chart.viewMaxSensor ? "  (" + chart.viewMaxSensor + ")" : "")
-                color: Theme.headingColor
-                font.family: Theme.codeFontFamily
-                font.pixelSize: Theme.fontSm
+            Row {
+                Label {
+                    text: chart.viewMax.toFixed(2)
+                    color: Theme.headingColor
+                    font.family: Theme.codeFontFamily
+                    font.pixelSize: Theme.fontSm
+                }
+                Label {
+                    visible: !!chart.viewMaxSensor
+                    text: chart.viewMaxSensor ? "  (" + chart.viewMaxSensor + ")" : ""
+                    color: root.sensorColor(chart.viewMaxSensor)
+                    font.family: Theme.codeFontFamily
+                    font.pixelSize: Theme.fontSm
+                    font.weight: Font.Medium
+                }
             }
 
             Label {