removed slop comments and SysInfoRow doesnt uses hardcoded values

widgets/sidebar/Sidebar.qml

@@ -81,7 +81,6 @@ PanelWindow {
         onClicked: root.close()
     }
 
-    // ── Full right-side background panel ──────────────────────────────────
     Rectangle {
         id: sidebarPanel
         transform: Translate { id: panelSlide; x: root.slideFrom }
@@ -96,7 +95,6 @@ PanelWindow {
 
         clip: true
 
-        // ── Widget area ───────────────────────────────────────────────────
         Item {
             id: widgetArea
             anchors {
@@ -179,7 +177,6 @@ PanelWindow {
         }
     }
 
-    // ── Enter animation ───────────────────────────────────────────────────
     ParallelAnimation {
         id: enterAnim
         NumberAnimation {
@@ -192,7 +189,6 @@ PanelWindow {
         }
     }
 
-    // ── Exit animation ────────────────────────────────────────────────────
     ParallelAnimation {
         id: exitAnim
         onStopped: hideTimer.restart()

widgets/sidebar/sysinfo/SysInfoRow.qml

@@ -1,22 +1,23 @@
 import QtQuick
 import QtQuick.Layouts
+import "../../../config" as Cfg
+
 
-// ── SysInfoRow ────────────────────────────────────────────────────────────────
-// Metric row with icon badge, label, right-aligned value, and an optional
-// animated progress bar underneath.
 Item {
     id: root
 
+    readonly property var t: Cfg.Config.theme
+
     property string icon:       ""
     property string label:      ""
     property string value:      "—"
-    property color  iconColor:  "#ffffffff"
-    property color  dimColor:   "#997a8996"
-    property color  textColor:  "#ffe8eef2"
+    property color  iconColor:  t.accent
+    property color  dimColor:   t.textDim
+    property color  textColor:  t.textMain
     property bool   showBar:    false
     property int    barPct:     0          // 0-100
     property color  barColor:   iconColor
-    property color  trackColor: "#15ffffff"
+    property color  trackColor: t.statsTrackColor
 
     implicitHeight: col.implicitHeight
     implicitWidth:  col.implicitWidth
@@ -26,12 +27,10 @@ Item {
         anchors { left: parent.left; right: parent.right }
         spacing: 5
 
-        // ── Label row ─────────────────────────────────────────────────────────
         RowLayout {
             Layout.fillWidth: true
             spacing: 10
 
-            // Icon in a tinted pill badge
             Rectangle {
                 width: 18; height: 18
                 radius: 4
@@ -63,7 +62,6 @@ Item {
             }
         }
 
-        // ── Progress bar (optional) ───────────────────────────────────────────
         Rectangle {
             visible:         root.showBar
             Layout.fillWidth: true