From 574fedd5dd4eacd05351dedcc91fe26774038f61 Mon Sep 17 00:00:00 2001
From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Date: Wed, 6 Mar 2024 19:39:22 -0300
Subject: [PATCH] improve blue contrast against light backgrounds

---
 docs/src/modules/brandingTheme.ts                  | 12 +++++++++---
 docs/src/modules/components/AppLayoutDocsFooter.js |  1 +
 docs/src/modules/components/DemoToolbar.js         |  4 ++--
 docs/src/modules/components/MarkdownElement.js     |  2 +-
 4 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/docs/src/modules/brandingTheme.ts b/docs/src/modules/brandingTheme.ts
index ba09e6fda6f1ce..da3ce34e76cc0f 100644
--- a/docs/src/modules/brandingTheme.ts
+++ b/docs/src/modules/brandingTheme.ts
@@ -82,8 +82,8 @@ export const blue = {
   400: '#3399FF',
   main: '#007FFF',
   500: '#007FFF',
-  600: '#0066CC',
-  700: '#004C99',
+  600: '#0070E0',
+  700: '#0061C2',
   800: '#004C99',
   900: '#003A75',
 };
@@ -567,6 +567,12 @@ export function getThemedComponents(): ThemeOptions {
                   backgroundColor: (theme.vars || theme).palette.primaryDark[700],
                 },
               }),
+            ...(ownerState.variant === 'text' && {
+              color: (theme.vars || theme).palette.primary[600],
+              ...theme.applyDarkStyles({
+                color: (theme.vars || theme).palette.primaryDark[300],
+              }),
+            }),
           }),
         },
         variants: [
@@ -1166,7 +1172,7 @@ export function getThemedComponents(): ThemeOptions {
                 padding: '0.375rem 0.75rem',
               }),
               '&.Mui-selected': {
-                color: (theme.vars || theme).palette.primary[500],
+                color: (theme.vars || theme).palette.primary[700],
                 borderColor: `${(theme.vars || theme).palette.primary[500]} !important`,
                 backgroundColor: (theme.vars || theme).palette.primary[50],
                 '&:hover': {
diff --git a/docs/src/modules/components/AppLayoutDocsFooter.js b/docs/src/modules/components/AppLayoutDocsFooter.js
index b7b9bb4f7d4368..afd7121f180bcb 100644
--- a/docs/src/modules/components/AppLayoutDocsFooter.js
+++ b/docs/src/modules/components/AppLayoutDocsFooter.js
@@ -511,6 +511,7 @@ export default function AppLayoutDocsFooter(props) {
             {prevPage !== null ? (
               <Button
                 size="small"
+                variant="text"
                 component={Link}
                 noLinkStyle
                 prefetch={false}
diff --git a/docs/src/modules/components/DemoToolbar.js b/docs/src/modules/components/DemoToolbar.js
index 4e6594f7b9709b..bb057eb447e4a4 100644
--- a/docs/src/modules/components/DemoToolbar.js
+++ b/docs/src/modules/components/DemoToolbar.js
@@ -89,10 +89,10 @@ const Button = styled(MDButton)(({ theme }) => ({
   flexShrink: 0,
   borderRadius: 999,
   border: '1px solid',
-  borderColor: alpha(theme.palette.primary[100], 0.6),
+  borderColor: alpha(theme.palette.grey[200], 0.8),
   fontSize: theme.typography.pxToRem(13),
   fontWeight: theme.typography.fontWeightMedium,
-  color: theme.palette.primary.main,
+  color: theme.palette.primary[600],
   '& .MuiSvgIcon-root': {
     color: theme.palette.primary.main,
   },
diff --git a/docs/src/modules/components/MarkdownElement.js b/docs/src/modules/components/MarkdownElement.js
index 4292b846973e44..24f18dd51a749b 100644
--- a/docs/src/modules/components/MarkdownElement.js
+++ b/docs/src/modules/components/MarkdownElement.js
@@ -426,7 +426,7 @@ const Root = styled('div')(
       },
     },
     '& a code': {
-      color: darken(lightTheme.palette.primary.main, 0.04),
+      color: darken(lightTheme.palette.primary.main, 0.2),
     },
     '& img, & video': {
       // Use !important so that inline style on <img> or <video> can't win.