[website] Small polishing after latest changes to the theme (mui#40846)

mostafa-rio · Feb 3, 2024 · c70175c · c70175c
1 parent 34ea693
commit c70175c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/docs/src/components/action/Highlighter.tsx b/docs/src/components/action/Highlighter.tsx
@@ -52,7 +52,7 @@ export default function Highlighter({
           ...(selected && {
             bgcolor: `${alpha(theme.palette.primary[50], 0.5)}`,
             borderColor: 'primary.300',
-            boxShadow: `${alpha(theme.palette.primary[100], 0.4)} 0 -3px 1px inset, ${alpha(
+            boxShadow: `${alpha(theme.palette.primary[100], 0.5)} 0 -3px 1px inset, ${alpha(
               theme.palette.primary[100],
               0.3,
             )} 0 2px 4px 0`,
@@ -74,8 +74,8 @@ export default function Highlighter({
             }),
             ...(!selected && {
               '&:hover, &:focus': {
-                bgcolor: alpha(theme.palette.primary[800], 0.1),
-                borderColor: alpha(theme.palette.primary[500], 0.3),
+                bgcolor: alpha(theme.palette.primary[900], 0.1),
+                borderColor: alpha(theme.palette.primary[800], 0.4),
                 '@media (hover: none)': {
                   bgcolor: 'transparent',
                 },
@@ -85,8 +85,8 @@ export default function Highlighter({
               bgcolor: alpha(theme.palette.primary[800], 0.2),
               borderColor: alpha(theme.palette.primary[700], 0.8),
               color: 'primary.300',
-              boxShadow: `${alpha(theme.palette.common.black, 0.5)} 0 -3px 1px inset, ${
-                theme.palette.common.black
+              boxShadow: `${alpha(theme.palette.common.black, 0.2)} 0 -3px 1px inset, ${
+                theme.palette.primaryDark[900]
               } 0 2px 3px 0`,
             }),
           }),

diff --git a/docs/src/components/footer/EmailSubscribe.tsx b/docs/src/components/footer/EmailSubscribe.tsx
@@ -90,7 +90,7 @@ export default function EmailSubscribe({ sx }: { sx?: SxProps<Theme> }) {
           display: 'flex',
           flexDirection: { xs: 'column', sm: 'row' },
           mt: 1,
-          gap: 1.5,
+          gap: 1,
           width: { xs: '100%', sm: 'auto' },
           maxWidth: { xs: '100%', sm: 320 },
         }}
@@ -108,7 +108,7 @@ export default function EmailSubscribe({ sx }: { sx?: SxProps<Theme> }) {
               typography: 'body1',
               flexGrow: 1,
               minWidth: 220,
-              borderRadius: 1,
+              borderRadius: '8px',
               border: '1px solid',
               borderColor: 'grey.200',
               bgcolor: '#FFF',