Можно ли использовать MaterialUI с модулями React и css и получить доступ к теме внутри файла модуля css?

Question

Я использую Material UI с приложением React. Для общих стилей я просто использую глобальное переопределение темы. Но есть некоторые конкретные правила в зависимости от контекста, и для этого я хотел бы использовать модули CSS. Возможно ли получить доступ к теме внутри модуля css?

Я ничего не нашел в документации по интерфейсу материалов. Также пытался его погуглить, но у слишком большого количества людей возникают проблемы со специфичностью при попытке переопределить правила MaterialUI с помощью модулей CSS.

Answer 1

Это невозможно.

Решено путем документирования цветов, шрифтов, интервалов и т. Д. В переменных scss.

Все еще переопределяя глобальную тему, мы можем импортировать переменные scss для доступаих.

Когда нам нужно использовать специфичные для компонента стили, мы все равно можем использовать модули scss и импортировать переменные для доступа к теме.

Поэтому мы используем переменные scss в качестве единственного источника правды.