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 = () => {