React-Admin: переопределить стиль по умолчанию для <ReferenceField> - PullRequest
Новая
       39

React-Admin: переопределить стиль по умолчанию для <ReferenceField>

0 голосов
/ 08 апреля 2020

Я работаю над оформлением приложения react-admin. После руководства Тематика помогло, и у меня есть пользовательский MUI theme.

Как я могу применить другой цвет к <ReferenceField>? Я вижу, что он определен здесь как: 

const useStyles = makeStyles(theme => ({
   link: {
     color: theme.palette.primary.main,
   },
 }), 
{ name: 'RaReferenceField' }
);

Я бы хотел переопределить это своим собственным цветом, отличным от основного палитры. Я мог бы сделать это для MuiChip и других компонентов, таких как: 

const myTheme = createMuiTheme({
   palette: {
      primary: {
         main: "rgba(197, 218, 0, 1)",
         contrastText: "rgba(45, 0, 40, 1)"
      },
      secondary: {
         main: "rgba(45, 0, 40, 1)",
         contrastText: "rgba(197, 218, 0, 1)",
      },
   },
   overrides: {
      MuiChip: {
         root: {
            backgroundColor: "rgba(45, 0, 40, 0.14)",
            color: "rgba(45, 0, 40, 1)",
         },
      },
   },
});

const App = () => (
   <Admin theme={myTheme} dataProvider={dataProvider}>
   // ...

Я бы хотел, чтобы мой <ReferenceField> цвет текста был красный , но это не работает в overrides раздел выше: 

ReferenceField : {
   root: {
      color: 'red'
   }
}

Есть идеи, как сделать эту работу с theming, без необходимости создавать собственный компонент <ReferenceField> с другим стилем?

...