Переопределить определения темы по умолчанию для темы пользовательского интерфейса материала - PullRequest
Новая
       22

Переопределить определения темы по умолчанию для темы пользовательского интерфейса материала

1 голос
/ 24 июня 2019

В теме по умолчанию для пользовательского интерфейса существует класс (css) MuiTab-root.Который, среди прочего, устанавливает вес шрифта (на основе определения типографии темы).

.MuiTab-root {
  font-weight: 600;
}

Генерируется withStyles с использованием функции createMuiTheme.При создании он использует typography.fontWeightMedium предоставленного объекта для определения веса шрифта вкладок.Я хочу сделать это переопределить font-weight темы по умолчанию, чтобы быть "нормальным".В идеале, указав, что он должен использовать typography.fontWeightNormal или, если это не так, вручную переопределить вес шрифта.

Я попытался вручную переопределить вес шрифта.Однако это не сработало. 

const theme = createMuiTheme({
    typography: {
        fontWeightMedium: 600,
    },
    overrides: {
        '.MuiTab-root': {
          fontWeight: 400,
        }
    }
});

Проверка с использованием chrome показывает, что fontWeight вкладок по-прежнему равен 600 (полужирный).

Как переопределить определение по умолчанию здесь?- Или я должен полагаться на пользовательский класс, который я использую в компонентах?

1 Ответ

1 голос
/ 24 июня 2019

Вот правильный синтаксис для ручного переопределения: 

const theme = createMuiTheme({
  overrides: {
    MuiTab: {
      root: {
        fontWeight: 400
      }
    }
  }
});

Edit Tab font weight override

Вот соответствующая документация: https://material -ui.com / customization / components / # global-theme-override

...