From c5dd520f6db55598c40135d2795148f90bae15d4 Mon Sep 17 00:00:00 2001
From: Andy Aylward <andy@eggsample.net>
Date: Mon, 29 Sep 2025 23:25:29 -0400
Subject: [PATCH 1/2] fix colors

---
 src/apps/metrics-systems/components/MetricsDashboard.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/apps/metrics-systems/components/MetricsDashboard.tsx b/src/apps/metrics-systems/components/MetricsDashboard.tsx
index 51dfec2..eb4a083 100644
--- a/src/apps/metrics-systems/components/MetricsDashboard.tsx
+++ b/src/apps/metrics-systems/components/MetricsDashboard.tsx
@@ -625,9 +625,9 @@ const MetricsDashboard = ({ onConnectionStateChange, activeTab = 'system', onTab
                           <Cell key={`cell-${index}`} fill={[COLORS.danger, COLORS.warning, COLORS.success][index]} />
                         ))}
                       </Pie>
-                      <Tooltip 
-                        contentStyle={{ backgroundColor: 'rgba(13, 17, 32, 0.9)', border: '1px solid rgba(255, 255, 255, 0.3)', borderRadius: '8px', fontSize: '12px' }}
-                        formatter={(value) => [`${Number(value).toFixed(1)}%`, 'Memory']}
+                      <Tooltip
+                        contentStyle={{ backgroundColor: 'rgba(13, 17, 32, 0.9)', border: '1px solid rgba(255, 255, 255, 0.3)', borderRadius: '8px', fontSize: '12px', color: '#fff' }}
+                        formatter={(value, name, props) => [`${Number(value).toFixed(1)}%`, props.payload.name]}
                       />
                     </PieChart>
                   </ResponsiveContainer>

From 8ca0feaf91f3e4c04e8a75b462495fa5eb517e15 Mon Sep 17 00:00:00 2001
From: Andy Aylward <andy@eggsample.net>
Date: Mon, 29 Sep 2025 23:33:44 -0400
Subject: [PATCH 2/2] fix

---
 src/apps/metrics-systems/components/MetricsDashboard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/apps/metrics-systems/components/MetricsDashboard.tsx b/src/apps/metrics-systems/components/MetricsDashboard.tsx
index eb4a083..f10df92 100644
--- a/src/apps/metrics-systems/components/MetricsDashboard.tsx
+++ b/src/apps/metrics-systems/components/MetricsDashboard.tsx
@@ -627,7 +627,7 @@ const MetricsDashboard = ({ onConnectionStateChange, activeTab = 'system', onTab
                       </Pie>
                       <Tooltip
                         contentStyle={{ backgroundColor: 'rgba(13, 17, 32, 0.9)', border: '1px solid rgba(255, 255, 255, 0.3)', borderRadius: '8px', fontSize: '12px', color: '#fff' }}
-                        formatter={(value, name, props) => [`${Number(value).toFixed(1)}%`, props.payload.name]}
+                        formatter={(value, _name, props) => [`${Number(value).toFixed(1)}%`, props.payload.name]}
                       />
                     </PieChart>
                   </ResponsiveContainer>