fix the border color in dark & light themes homepage

mui · Jan 23, 2024 · 1d1fccc · 1d1fccc
1 parent 1ea534b
commit 1d1fccc
Show file tree

Hide file tree

Showing 2 changed files with 0 additions and 4 deletions.
diff --git a/docs/src/components/showcase/ThemeToggleButton.tsx b/docs/src/components/showcase/ThemeToggleButton.tsx
@@ -22,7 +22,6 @@ export default function ThemeToggleButton() {
               textTransform: 'none',
               fontWeight: 600,
               color: 'grey.700',
-              borderColor: 'grey.200',
               '&.Mui-selected': {
                 color: 'primary.600',
                 bgcolor: 'primary.100',
@@ -34,7 +33,6 @@ export default function ThemeToggleButton() {
               bgcolor: 'primaryDark.900',
               '& .MuiToggleButton-root': {
                 color: 'grey.400',
-                borderColor: 'primaryDark.700',
                 '&.Mui-selected': {
                   color: 'primary.100',
                   bgcolor: 'primary.900',

diff --git a/docs/src/modules/brandingTheme.ts b/docs/src/modules/brandingTheme.ts
@@ -1153,15 +1153,13 @@ export function getThemedComponents(): ThemeOptions {
               fontWeight: 500,
               color: theme.palette.grey[700],
               borderColor: theme.palette.grey[200],
-              zIndex: 1,
               ...(ownerState.size === 'small' && {
                 padding: '0.375rem 0.75rem',
               }),
               '&.Mui-selected': {
                 color: (theme.vars || theme).palette.primary[500],
                 borderColor: `${(theme.vars || theme).palette.primary[500]} !important`,
                 backgroundColor: (theme.vars || theme).palette.primary[50],
-                zIndex: 2,
                 '&:hover': {
                   backgroundColor: (theme.vars || theme).palette.primary[100],
                 },