From 6dac0c2415eea7ad34e67f5dd7ef3d724ce79d3d Mon Sep 17 00:00:00 2001
From: Johnn Mis <v-jmis@expediagroup.com>
Date: Tue, 16 Mar 2021 08:58:37 -0600
Subject: [PATCH] Replacing overall instead of granular colors

Signed-off-by: Johnn Mis <v-jmis@expediagroup.com>
---
 packages/core/src/components/SupportButton/SupportButton.tsx | 5 +----
 packages/theme/src/themes.ts                                 | 3 +--
 .../scaffolder/src/components/TemplateCard/TemplateCard.tsx  | 5 +----
 3 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/packages/core/src/components/SupportButton/SupportButton.tsx b/packages/core/src/components/SupportButton/SupportButton.tsx
index 0afc2eea1f..eea2b000ca 100644
--- a/packages/core/src/components/SupportButton/SupportButton.tsx
+++ b/packages/core/src/components/SupportButton/SupportButton.tsx
@@ -43,9 +43,6 @@ const useStyles = makeStyles(theme => ({
     minWidth: 260,
     maxWidth: 400,
   },
-  primary: {
-    color: theme.palette.primary.light,
-  },
 }));
 
 const SupportIcon = ({ icon }: { icon: string | undefined }) => {
@@ -101,7 +98,7 @@ export const SupportButton = ({ children }: PropsWithChildren<Props>) => {
     <Fragment>
       <Button
         data-testid="support-button"
-        className={classes.primary}
+        color="primary"
         onClick={onClickHandler}
       >
         <HelpIcon className={classes.leftIcon} />
diff --git a/packages/theme/src/themes.ts b/packages/theme/src/themes.ts
index 515b973488..0cdd41508c 100644
--- a/packages/theme/src/themes.ts
+++ b/packages/theme/src/themes.ts
@@ -102,12 +102,11 @@ export const darkTheme = createTheme({
       },
     },
     primary: {
-      main: '#2E77D0',
+      main: '#8CB4E5',
     },
     secondary: {
       main: '#FF88B2',
     },
-    tonalOffset: 0.45,
     banner: {
       info: '#2E77D0',
       error: '#E22134',
diff --git a/plugins/scaffolder/src/components/TemplateCard/TemplateCard.tsx b/plugins/scaffolder/src/components/TemplateCard/TemplateCard.tsx
index 44e1328d74..25f89f20ab 100644
--- a/plugins/scaffolder/src/components/TemplateCard/TemplateCard.tsx
+++ b/plugins/scaffolder/src/components/TemplateCard/TemplateCard.tsx
@@ -40,9 +40,6 @@ const useStyles = makeStyles({
     '-webkit-line-clamp': 10,
     '-webkit-box-orient': 'vertical',
   },
-  primary: {
-    color: ({ palette }: any) => palette.primary.light,
-  },
 });
 
 export type TemplateCardProps = {
@@ -88,7 +85,7 @@ export const TemplateCard = ({
         <Box className={classes.description}>{description}</Box>
       </CardContent>
       <CardActions>
-        <Button className={classes.primary} to={href}>
+        <Button color="primary" to={href}>
           Choose
         </Button>
       </CardActions>