change complete color (#259)

Co-authored-by: Francesca-Bit <[email protected]>

Author: Francesca-Bit

packages/tdb-dashboard/src/Colors.css

@@ -2,6 +2,7 @@
  /* mute: D2D3D9 */
 
  :root {
+    --color-green:rgb(0, 188, 140);
     --color-pink: #de7dd8;
     --text-contrast-pink: #002856;
     --color-indigo: rgb(52, 80, 220);
@@ -70,6 +71,10 @@
     background : linear-gradient(122deg,var(--color-yellow) 0,var(--color-pink) 48%, var(--color-indigo) 100%);
 }
 
+.text-green{
+    color: var(--color-green) !important;
+}
+
 .text-success,
 h3.text-success,
 h4.text-success,

packages/tdb-dashboard/src/pages/IndexingActionMonitor.js

@@ -75,10 +75,10 @@ function ItemElement ({item}){
         }
     },[item.index])
 
-    const iconTypes = {'Assigned':<AiFillCheckCircle className="text-success" size="20px"/>,
+    const iconTypes = {'Assigned':<AiFillCheckCircle className="text-green" size="20px"/>,
                        'Progress':<ImSpinner5 className="text-warning loading-icon" size="20px"/>,
                        'Error':<AiFillCloseCircle className="text-danger" size="20px"/>,
-                       'Complete':<AiFillClockCircle className="text-success" size="20px"/>}
+                       'Complete':<AiFillClockCircle className="text-warning loading-icon" size="20px"/>}
 
     const name  = item.name ? item.name['@value'] : ''