Reworked the bar display colors/capsule, etc...

Modules/Bar/Bar.qml

@@ -82,19 +82,8 @@ Variants {
         anchors.verticalCenter: bar.verticalCenter
         spacing: Style.marginS * scaling
 
-        // Screen Recording Indicator
-        NIconButton {
-          id: screenRecordingIndicator
-          icon: "videocam"
-          tooltipText: "Screen Recording Active"
-          sizeMultiplier: 0.8
-          showBorder: false
-          showFilled: ScreenRecorderService.isRecording
-          visible: ScreenRecorderService.isRecording
+        ScreenRecorderIndicator {
           anchors.verticalCenter: parent.verticalCenter
-          onClicked: {
-            ScreenRecorderService.toggleRecording()
-          }
         }
 
         Tray {
@@ -112,6 +101,7 @@ Variants {
         Bluetooth {
           anchors.verticalCenter: parent.verticalCenter
         }
+
         Battery {
           anchors.verticalCenter: parent.verticalCenter
         }
@@ -139,33 +129,7 @@ Variants {
         //     demoPanel.isLoaded = !demoPanel.isLoaded
         //   }
         // }
-        NIconButton {
-          id: sidePanelToggle
-          icon: "widgets"
-          tooltipText: "Open Side Panel"
-          sizeMultiplier: 0.8
-          showBorder: false
-          anchors.verticalCenter: parent.verticalCenter
-          onClicked: {
-            // Map this button's center to the screen and open the side panel below it
-            const localCenterX = width / 2
-            const localCenterY = height / 2
-            const globalPoint = mapToItem(null, localCenterX, localCenterY)
-            if (sidePanel.isLoaded) {
-              // Call hide() instead of directly setting isLoaded to false
-              if (sidePanel.item && sidePanel.item.hide) {
-                sidePanel.item.hide()
-              } else {
-                sidePanel.isLoaded = false
-              }
-            } else if (sidePanel.openAt) {
-              sidePanel.openAt(globalPoint.x, screen)
-            } else {
-              // Fallback: toggle if API unavailable
-              sidePanel.isLoaded = true
-            }
-          }
-        }
+        SidePanelToggle {}
       }
     }
   }