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>