From ef2d41ee0bf08689b207e31a0490c8fdf4fb2687 Mon Sep 17 00:00:00 2001 From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com> Date: Tue, 2 Apr 2024 08:21:56 -0300 Subject: [PATCH] stray fine-tunes throughout the docs --- docs/src/components/banner/TableOfContentsBanner.tsx | 3 +-- docs/src/modules/components/AppFrame.js | 5 ++--- docs/src/modules/components/AppSearch.js | 9 ++------- docs/src/modules/components/DiamondSponsors.js | 6 +++--- docs/src/modules/components/EditPage.js | 1 + packages/mui-docs/src/InfoCard/InfoCard.tsx | 2 +- 6 files changed, 10 insertions(+), 16 deletions(-) diff --git a/docs/src/components/banner/TableOfContentsBanner.tsx b/docs/src/components/banner/TableOfContentsBanner.tsx index 66f492e4b3ca8b..79d27a93df033e 100644 --- a/docs/src/components/banner/TableOfContentsBanner.tsx +++ b/docs/src/components/banner/TableOfContentsBanner.tsx @@ -34,10 +34,9 @@ export default function TableOfContentsBanner() { (theme) => theme.applyDarkStyles({ backgroundColor: alpha(theme.palette.primary[900], 0.2), - borderColor: (theme.vars || theme).palette.divider, '&:hover, &:focus-visible': { backgroundColor: alpha(theme.palette.primary[900], 0.4), - borderColor: (theme.vars || theme).palette.primaryDark[500], + borderColor: (theme.vars || theme).palette.primary[900], }, }), ]} diff --git a/docs/src/modules/components/AppFrame.js b/docs/src/modules/components/AppFrame.js index 9f43d152a13b07..9f0d45acc58879 100644 --- a/docs/src/modules/components/AppFrame.js +++ b/docs/src/modules/components/AppFrame.js @@ -115,13 +115,12 @@ const StyledAppBar = styled(AppBar, { boxShadow: 'none', backdropFilter: 'blur(8px)', borderStyle: 'solid', - borderColor: (theme.vars || theme).palette.grey[100], + borderColor: (theme.vars || theme).palette.divider, borderWidth: 0, borderBottomWidth: 'thin', backgroundColor: 'rgba(255,255,255,0.8)', color: (theme.vars || theme).palette.grey[800], ...theme.applyDarkStyles({ - borderColor: alpha(theme.palette.primary[100], 0.08), backgroundColor: alpha(theme.palette.primaryDark[900], 0.8), color: (theme.vars || theme).palette.grey[500], }), @@ -205,7 +204,7 @@ export default function AppFrame(props) { - + diff --git a/docs/src/modules/components/AppSearch.js b/docs/src/modules/components/AppSearch.js index 0cf3f3da46828e..c74297650aa327 100644 --- a/docs/src/modules/components/AppSearch.js +++ b/docs/src/modules/components/AppSearch.js @@ -54,10 +54,7 @@ const SearchButton = styled('button')(({ theme }) => [ cursor: 'pointer', transitionProperty: 'all', transitionDuration: '150ms', - boxShadow: `inset 0 -1px 0 ${(theme.vars || theme).palette.grey[100]}, 0 1px 0.5px ${alpha( - theme.palette.grey[100], - 0.6, - )}`, + boxShadow: `hsl(200, 0%, 100%) 0 2px 0 inset, ${alpha(theme.palette.grey[100], 0.5)} 0 -1.5px 0 inset, ${alpha(theme.palette.grey[200], 0.5)} 0 1px 2px 0`, '&:hover': { background: (theme.vars || theme).palette.grey[100], borderColor: (theme.vars || theme).palette.grey[300], @@ -70,9 +67,7 @@ const SearchButton = styled('button')(({ theme }) => [ theme.applyDarkStyles({ backgroundColor: alpha(theme.palette.primaryDark[700], 0.4), borderColor: (theme.vars || theme).palette.primaryDark[700], - boxShadow: `inset 0 -1px 1px ${(theme.vars || theme).palette.primaryDark[900]}, 0 1px 0.5px ${ - (theme.vars || theme).palette.common.black - }`, + boxShadow: `${alpha(theme.palette.primaryDark[600], 0.1)} 0 2px 0 inset, ${(theme.vars || theme).palette.common.black} 0 -2px 0 inset, ${(theme.vars || theme).palette.common.black} 0 1px 2px 0`, '&:hover': { background: (theme.vars || theme).palette.primaryDark[700], borderColor: (theme.vars || theme).palette.primaryDark[600], diff --git a/docs/src/modules/components/DiamondSponsors.js b/docs/src/modules/components/DiamondSponsors.js index cdd753cb98009b..4461e562ee4742 100644 --- a/docs/src/modules/components/DiamondSponsors.js +++ b/docs/src/modules/components/DiamondSponsors.js @@ -17,7 +17,7 @@ const NativeLink = styled('a')(({ theme }) => ({ border: '1px solid', borderColor: (theme.vars || theme).palette.divider, transition: theme.transitions.create(['color', 'border-color']), - boxShadow: `${alpha(theme.palette.grey[50], 0.5)} 0 1px 0 inset, ${alpha(theme.palette.grey[100], 0.3)} 0 -2px 0 inset, ${alpha(theme.palette.grey[200], 0.5)} 0 1px 2px 0`, + boxShadow: `${alpha(theme.palette.grey[100], 0.3)} 0 -2px 0 inset`, '&:hover': { backgroundColor: (theme.vars || theme).palette.grey[50], }, @@ -29,10 +29,10 @@ const NativeLink = styled('a')(({ theme }) => ({ display: 'inline-block', }, ...theme.applyDarkStyles({ - boxShadow: `${alpha(theme.palette.primaryDark[600], 0.15)} 0 1px 0 inset, ${(theme.vars || theme).palette.common.black} 0 -2px 0 inset, ${(theme.vars || theme).palette.common.black} 0 1px 2px 0`, + boxShadow: `${alpha(theme.palette.primaryDark[600], 0.1)} 0 2px 0 inset, ${(theme.vars || theme).palette.common.black} 0 -2px 0 inset`, '&:hover': { backgroundColor: (theme.vars || theme).palette.primaryDark[800], - borderColor: (theme.vars || theme).palette.primaryDark[600], + borderColor: (theme.vars || theme).palette.primary[900], }, }), })); diff --git a/docs/src/modules/components/EditPage.js b/docs/src/modules/components/EditPage.js index 3136dcee771934..409d996925ed54 100644 --- a/docs/src/modules/components/EditPage.js +++ b/docs/src/modules/components/EditPage.js @@ -25,6 +25,7 @@ export default function EditPage(props) { component="a" size="small" variant="outlined" + color="secondary" startIcon={} href={ userLanguage === 'en' diff --git a/packages/mui-docs/src/InfoCard/InfoCard.tsx b/packages/mui-docs/src/InfoCard/InfoCard.tsx index d686fd4f268ee2..754a22b43e5c77 100644 --- a/packages/mui-docs/src/InfoCard/InfoCard.tsx +++ b/packages/mui-docs/src/InfoCard/InfoCard.tsx @@ -79,7 +79,7 @@ export function InfoCard(props: InfoCardProps) { height: '100%', background: `${(theme.vars || theme).palette.gradients.linearSubtle}`, ...theme.applyDarkStyles({ - bgcolor: 'primaryDark.900', + bgcolor: alpha(theme.palette.primaryDark[800], 0.25), background: `${(theme.vars || theme).palette.gradients.linearSubtle}`, borderColor: 'primaryDark.700', }),