From b3c5357064576e614be22a13aa57e6283fd115fc Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sat, 27 Dec 2025 13:46:58 +0000
Subject: [PATCH] Enhance color theme in HistoryDisplay and ThemeContext

- Updated color mapping in HistoryDisplay to include new colors: cyan, pink, purple, magenta, and volcano.
- Added corresponding color definitions in ThemeContext for improved theme customization.
---
 src/components/Dashboard/common/HistoryDisplay.jsx | 9 +++++++--
 src/components/Dashboard/context/ThemeContext.jsx  | 7 ++++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/Dashboard/common/HistoryDisplay.jsx b/src/components/Dashboard/common/HistoryDisplay.jsx
index 7eb0f9f..f458911 100644
--- a/src/components/Dashboard/common/HistoryDisplay.jsx
+++ b/src/components/Dashboard/common/HistoryDisplay.jsx
@@ -253,10 +253,15 @@ const HistoryDisplay = ({
   // Create color mapping from model stats
   const colors = {
     success: themeColors.colorSuccess,
-    info: themeColors.colorInfo,
+    processing: themeColors.colorInfo,
     error: themeColors.colorError,
     warning: themeColors.colorWarning,
-    default: '#8c8c8c'
+    default: '#8c8c8c',
+    cyan: themeColors.colorCyan,
+    pink: themeColors.colorPink,
+    purple: themeColors.colorPurple,
+    magenta: themeColors.colorMagenta,
+    volcano: themeColors.colorVolcano
   }
 
   // Build color range array based on model stats order
diff --git a/src/components/Dashboard/context/ThemeContext.jsx b/src/components/Dashboard/context/ThemeContext.jsx
index 7c841e2..7a9c542 100644
--- a/src/components/Dashboard/context/ThemeContext.jsx
+++ b/src/components/Dashboard/context/ThemeContext.jsx
@@ -88,7 +88,12 @@ export const ThemeProvider = ({ children }) => {
     colorWarning: '#FF9230',
     colorError: '#FF4245',
     colorInfo: '#0A84FF',
-    colorLink: '#5AC8F5'
+    colorLink: '#5AC8F5',
+    colorCyan: '#5AC8F5',
+    colorPink: '#FF69B4',
+    colorPurple: '#800080',
+    colorMagenta: '#FF00FF',
+    colorVolcano: '#FF4500'
   }
 
   const getColors = () => {