Support and Choose buttons had wrong color contrast on dark mode

Signed-off-by: Johnn Mis <v-jmis@expediagroup.com>

packages/core/src/components/SupportButton/SupportButton.tsx

@@ -43,6 +43,9 @@ const useStyles = makeStyles(theme => ({
     minWidth: 260,
     maxWidth: 400,
   },
+  primary: {
+    color: theme.palette.primary.light,
+  },
 }));
 
 const SupportIcon = ({ icon }: { icon: string | undefined }) => {
@@ -98,7 +101,7 @@ export const SupportButton = ({ children }: PropsWithChildren<Props>) => {
     <Fragment>
       <Button
         data-testid="support-button"
-        color="primary"
+        className={classes.primary}
         onClick={onClickHandler}
       >
         <HelpIcon className={classes.leftIcon} />

packages/theme/src/themes.ts

@@ -104,6 +104,7 @@ export const darkTheme = createTheme({
     primary: {
       main: '#2E77D0',
     },
+    tonalOffset: 0.45,
     banner: {
       info: '#2E77D0',
       error: '#E22134',