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"
>
{`< Go back to ${workflow?.name} Detail`}
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"
>
{`< Go back to Detail`}