Изменить цвет фона меню в React-Admin

Question

Я использую реагирующий администратор и хотел бы знать, если я могу изменить цвет фона меню. Я не вижу никакой опции в палитре тем Material-Ui для этой области.

Answer 1

Для этого вам нужно будет создать собственное меню:

Документация: https://marmelab.com/react-admin/Theming.html#using-a-custom-menu

Пример:

// in MyMenu.js
import { Menu } from 'react-admin';
import { withStyles } from '@material-ui/core/styles';

const styles {
    menu: {
        backgroundColor: 'red',
    },
};

const MyMenu = ({ classes, ...props }) => (
    <Menu className={classes.menu} {...props} />
);

export default withStyles(styles)(Menu);

// in MyLayout.js
import { Layout } from 'react-admin';
import Menu from './Menu';

const MyLayout = (props) => <Layout {...props} menu={MyMenu} />;

export default MyLayout;