From 4657ac043eee5b47f60a766fd1899c0704cce758 Mon Sep 17 00:00:00 2001
From: NJaku01 <nick1212@gmx.de>
Date: Wed, 23 Dec 2020 16:05:22 +0100
Subject: [PATCH] possible solution for #197

---
 ui/src/components/erc/Check/Check.js | 9 ++++++---
 ui/src/helpers/theme.js              | 6 ++++++
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/erc/Check/Check.js b/ui/src/components/erc/Check/Check.js
index 6c287c2d..5ba6acf7 100644
--- a/ui/src/components/erc/Check/Check.js
+++ b/ui/src/components/erc/Check/Check.js
@@ -8,17 +8,20 @@ import './check.css';
 import config from '../../../helpers/config';
 import Comparison from './Comparison/Comparison';
 import Logs from './Logs/Logs';
+import { useTheme } from '@material-ui/core/styles';
+
 
 function Status(status) {
+    const theme = useTheme();
     switch (status.status) {
         case 'success':
-            return <span className="success">Success</span>
+            return <span style={{"color": theme.palette.success.main}}>Success</span>
         case 'failure':
             if (status.checkStatus !== "failure") {
-                return <span className="failure">Process Failed (check logs)</span>
+                return <span style={{"color": theme.palette.failure.main}}>Process Failed (check logs)</span>
             }
             else {
-                return <span className="failure">Reproduction Failed (click on "Show Result" for details)</span>
+                return <span style={{"color": theme.palette.failure.main}}>Reproduction Failed (click on "Show Result" for details)</span>
             }
         case 'running':
             return <span className="running">Running <CircularProgress size={15} /></span>
diff --git a/ui/src/helpers/theme.js b/ui/src/helpers/theme.js
index ff389fd1..93875e4f 100644
--- a/ui/src/helpers/theme.js
+++ b/ui/src/helpers/theme.js
@@ -10,6 +10,12 @@ const o2rTheme = createMuiTheme({
         },
         success: {
             main: '#008643'
+        },
+        warn: {
+            main: '#CE5100'
+        },
+        failure: {
+            main: '#860000'
         }
     }