From 98d2fa66749d8f1d3b8e79cfee786f9dd1f91b15 Mon Sep 17 00:00:00 2001
From: Nathan Vieira Marcelino <nathanvieira@domino-workflows.io>
Date: Tue, 14 May 2024 13:04:02 -0300
Subject: [PATCH] fix: dark mode outlined button

---
 frontend/src/context/theme/theme.config.ts         | 14 ++++++++++++++
 .../myWorkflows/components/ResultsReport/index.tsx |  1 +
 .../components/ResultsReport/skeleton.tsx          |  1 +
 3 files changed, 16 insertions(+)

diff --git a/frontend/src/context/theme/theme.config.ts b/frontend/src/context/theme/theme.config.ts
index fd1fb25c..5386fc9d 100644
--- a/frontend/src/context/theme/theme.config.ts
+++ b/frontend/src/context/theme/theme.config.ts
@@ -137,6 +137,20 @@ export const darkTheme = createTheme({
       defaultProps: {
         color: "secondary",
       },
+      styleOverrides: {
+        root: ({ ownerState }) => ({
+          ...(ownerState.variant === "outlined" &&
+            ownerState.color === "secondary" && {
+              color: "#00B140",
+              borderColor: "#00B140",
+            }),
+          ...(ownerState.variant === "outlined" &&
+            ownerState.color === "primary" && {
+              color: "#283D52",
+              borderColor: "#283D52",
+            }),
+        }),
+      },
     },
   },
 });
diff --git a/frontend/src/features/myWorkflows/components/ResultsReport/index.tsx b/frontend/src/features/myWorkflows/components/ResultsReport/index.tsx
index 5a5abef8..32644c9c 100644
--- a/frontend/src/features/myWorkflows/components/ResultsReport/index.tsx
+++ b/frontend/src/features/myWorkflows/components/ResultsReport/index.tsx
@@ -105,6 +105,7 @@ export const ResultsReport: React.FC = () => {
             navigate(-1);
           }}
           variant="text"
+          color="primary"
         >
           <Typography component="span">{`< Go back to ${workflow?.name} Detail`}</Typography>
         </Button>
diff --git a/frontend/src/features/myWorkflows/components/ResultsReport/skeleton.tsx b/frontend/src/features/myWorkflows/components/ResultsReport/skeleton.tsx
index ed33604e..326f95ed 100644
--- a/frontend/src/features/myWorkflows/components/ResultsReport/skeleton.tsx
+++ b/frontend/src/features/myWorkflows/components/ResultsReport/skeleton.tsx
@@ -37,6 +37,7 @@ export const ResultsReportSkeleton: React.FC = () => {
             navigate(-1);
           }}
           variant="text"
+          color="primary"
         >
           <Typography component="span">{`< Go back to Detail`}</Typography>
         </Button>