SystemMonitor: add % support for RAM usage

Commons/Color.qml

@@ -112,7 +112,7 @@ Singleton {
       Logger.log("Color", "Writing colors to disk")
       writeAdapter()
     }
-    
+
     // Trigger initial load when path changes from empty to actual path
     onPathChanged: {
       if (path === Settings.configDir + "colors.json") {

Commons/Settings.qml

@@ -183,7 +183,7 @@ Singleton {
     Quickshell.execDetached(["mkdir", "-p", configDir])
     Quickshell.execDetached(["mkdir", "-p", cacheDir])
     Quickshell.execDetached(["mkdir", "-p", cacheDirImages])
-    
+
     // Mark directories as created and trigger file loading
     directoriesCreated = true
   }
@@ -203,7 +203,7 @@ Singleton {
     watchChanges: true
     onFileChanged: reload()
     onAdapterUpdated: saveTimer.start()
-    
+
     // Trigger initial load when path changes from empty to actual path
     onPathChanged: {
       if (path === settingsFile) {

Modules/Bar/Widgets/SystemMonitor.qml

@@ -34,6 +34,8 @@ RowLayout {
   readonly property bool showCpuTemp: (widgetSettings.showCpuTemp !== undefined) ? widgetSettings.showCpuTemp : widgetMetadata.showCpuTemp
   readonly property bool showMemoryUsage: (widgetSettings.showMemoryUsage
                                            !== undefined) ? widgetSettings.showMemoryUsage : widgetMetadata.showMemoryUsage
+  readonly property bool showMemoryAsPercent: (widgetSettings.showMemoryAsPercent
+                                               !== undefined) ? widgetSettings.showMemoryAsPercent : widgetMetadata.showMemoryAsPercent
   readonly property bool showNetworkStats: (widgetSettings.showNetworkStats
                                             !== undefined) ? widgetSettings.showNetworkStats : widgetMetadata.showNetworkStats
 
@@ -117,7 +119,7 @@ RowLayout {
         }
 
         NText {
-          text: `${SystemStatService.memGb}G`
+          text: showMemoryAsPercent ? `${SystemStatService.memPercent}%` : `${SystemStatService.memGb}G`
           font.family: Settings.data.ui.fontFixed
           font.pointSize: Style.fontSizeS * scaling
           font.weight: Style.fontWeightMedium

Modules/Bar/Widgets/Workspace.qml

@@ -43,7 +43,7 @@ Item {
   property color effectColor: Color.mPrimary
 
   property int horizontalPadding: Math.round(Style.marginS * scaling)
-  property int spacingBetweenPills: Math.round(Style.marginXS  * scaling)
+  property int spacingBetweenPills: Math.round(Style.marginXS * scaling)
 
   signal workspaceChanged(int workspaceId, color accentColor)
 

Modules/SettingsPanel/Bar/WidgetSettings/SystemMonitorSettings.qml

@@ -17,6 +17,8 @@ ColumnLayout {
   property bool valueShowCpuUsage: widgetData.showCpuUsage !== undefined ? widgetData.showCpuUsage : widgetMetadata.showCpuUsage
   property bool valueShowCpuTemp: widgetData.showCpuTemp !== undefined ? widgetData.showCpuTemp : widgetMetadata.showCpuTemp
   property bool valueShowMemoryUsage: widgetData.showMemoryUsage !== undefined ? widgetData.showMemoryUsage : widgetMetadata.showMemoryUsage
+  property bool valueShowMemoryAsPercent: widgetData.showMemoryAsPercent
+                                          !== undefined ? widgetData.showMemoryAsPercent : widgetMetadata.showMemoryAsPercent
   property bool valueShowNetworkStats: widgetData.showNetworkStats
                                        !== undefined ? widgetData.showNetworkStats : widgetMetadata.showNetworkStats
 
@@ -25,6 +27,7 @@ ColumnLayout {
     settings.showCpuUsage = valueShowCpuUsage
     settings.showCpuTemp = valueShowCpuTemp
     settings.showMemoryUsage = valueShowMemoryUsage
+    settings.showMemoryAsPercent = valueShowMemoryAsPercent
     settings.showNetworkStats = valueShowNetworkStats
     return settings
   }
@@ -53,6 +56,14 @@ ColumnLayout {
     onToggled: checked => valueShowMemoryUsage = checked
   }
 
+  NToggle {
+    id: showMemoryAsPercent
+    Layout.fillWidth: true
+    label: "Show memory as percentage"
+    checked: valueShowMemoryAsPercent
+    onToggled: checked => valueShowMemoryAsPercent = checked
+  }
+
   NToggle {
     id: showNetworkStats
     Layout.fillWidth: true

Services/BarWidgetRegistry.qml

@@ -83,6 +83,7 @@ Singleton {
                                     "showCpuUsage": true,
                                     "showCpuTemp": true,
                                     "showMemoryUsage": true,
+                                    "showMemoryAsPercent": false,
                                     "showNetworkStats": false
                                   },
                                   "Workspace": {