Я использую react-admin и следую руководствам. Я могу изменить цвет фона, цвет меню верхней панели и цвет шрифта меню верхней панели. Я также могу изменить все размеры шрифта.
Однако я не могу изменить цвет шрифта бокового меню. Я прочитал миллион руководств и перепробовал миллион методов, но абсолютно ничего не меняет цвет шрифта в боковом меню. Я пробовал sx
, styles
, theme
, <Menu /> & <Layout/>
и многое другое. Кроме того, руководства на странице react-admin, похоже, основаны на очень устаревших библиотеках @mui.
Я попытался реализовать свой собственный <Menu /> & <Layout/>
, но ничего из того, что я делал в sx
или styles
, не повлияло на цвет шрифта.
Может ли кто-нибудь сказать мне конкретно и четко, как изменить цвет шрифта бокового меню в react-admin?
Это код, который я использую для изменения других шрифтов и цветов.
export const myTheme = {
palette: {
background: {
default: `#263238` // background color
},
primary: {
main: `#263238`, // has no effect on anything
contrastText: `#81C784`, // has no effect on anything
},
secondary: {
main: `#263238`, // top-bar color
contrastText: `#81C784`, // top-bar font color
}
},
typography: {
fontSize: 25, // affects all text
}
}
В приложении.tsx; Я использую <Admin theme = {myTheme} ... ></Admin>
Другие свойства темы, по-видимому, также влияют.
Я считаю, что вы должны использовать palette.text.primary
для этого:
export const myTheme = {
palette: {
background: {
default: `#263238` // background color
},
primary: {
main: `#263238`, // has no effect on anything
contrastText: `#81C784`, // has no effect on anything
},
secondary: {
main: `#263238`, // top-bar color
contrastText: `#81C784`, // top-bar font color
},
text: {
primary: '#263238',
},
},
typography: {
fontSize: 25, // affects all text
}
}
На самом деле я ищу исходный код проекта: github.com/marmelab/react-admin/blob/…
Спасибо!!! Это сработало, мне также пришлось использовать text.secondary. Не могли бы вы сказать мне, где вы находите эту информацию? Так что я могу прочитать об этом больше