From eb6a17971af5d241b3c257f89673bcc0e6d62f75 Mon Sep 17 00:00:00 2001
From: alde <r.dybeck@gmail.com>
Date: Mon, 19 Apr 2021 15:16:16 -0400
Subject: [PATCH] Fix theming of CoverageRow
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Fredrik Adelöw <freben@gmail.com>
---
 .../src/components/FileExplorer/CoverageRow.tsx       | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/plugins/code-coverage/src/components/FileExplorer/CoverageRow.tsx b/plugins/code-coverage/src/components/FileExplorer/CoverageRow.tsx
index 4af4fbbf4e..8b9da9d9e8 100644
--- a/plugins/code-coverage/src/components/FileExplorer/CoverageRow.tsx
+++ b/plugins/code-coverage/src/components/FileExplorer/CoverageRow.tsx
@@ -17,7 +17,6 @@ import React from 'react';
 
 // styles
 import { makeStyles } from '@material-ui/core';
-import { red, green } from '@material-ui/core/colors';
 
 const useStyles = makeStyles(theme => ({
   lineNumberCell: {
@@ -33,7 +32,7 @@ const useStyles = makeStyles(theme => ({
     textAlign: 'center',
     color: 'white', // need to enforce this color since it needs to stand out against colored background
     paddingLeft: theme.spacing(1),
-    paddingRight: `${theme.spacing(1)}`,
+    paddingRight: theme.spacing(1),
   },
   countRoundedRectangle: {
     borderRadius: '45px',
@@ -42,10 +41,10 @@ const useStyles = makeStyles(theme => ({
     width: '50px',
   },
   hitCountRoundedRectangle: {
-    backgroundColor: green[500],
+    backgroundColor: `${theme.palette.success.main}`,
   },
   notHitCountRoundedRectangle: {
-    backgroundColor: `${red[500]}`,
+    backgroundColor: `${theme.palette.error.main}`,
   },
   codeLine: {
     paddingLeft: `${theme.spacing(1)}`,
@@ -53,10 +52,10 @@ const useStyles = makeStyles(theme => ({
     fontSize: '90%',
   },
   hitCodeLine: {
-    backgroundColor: `${green[100]}`,
+    backgroundColor: `${theme.palette.success.main}`,
   },
   notHitCodeLine: {
-    backgroundColor: `${red[100]}`,
+    backgroundColor: `${theme.palette.error.main}`,
   },
 }));