Пользовательский интерфейс материала, реагирование и стилизация некоторых, а не всех компонентов

Question

У меня есть таблица данных, которая выводит что-то подобное в React с использованием пользовательского интерфейса материала.

<button class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected MuiTab-fullWidth" tabindex="0" type="button" role="tab" aria-selected="true">
    <span class="MuiTab-wrapper">ASIC Notification</span>
    <span class="MuiTouchRipple-root"></span>
</button>

Довольно стандартный вывод для содержимого пользовательского интерфейса. Я оформляю содержимое этого пользовательского интерфейса, оборачивая свое приложение в

const theme = createMuiTheme({
    MuiTab: {
        textColorPrimary: {
            color: "white !important" //White tab text color
        },
        '&$selected': {
            color: "#182033 !important" //Dark tab text select color
        }
    }
}

Это работает и меняет стили, как я хочу. Однако всякий раз, когда я использую MUI Datatable import MUIDataTable from "mui-datatables";, они все разделяют эти классы, и мне нужно стилизовать второй класс; y.

Как я могу пространство имен таблицы, чтобы только эта таблица была обработана определенными стилями?

Спасибо

Answer 1

Мне интересно одно и то же, с точки зрения разных стилей. Material UI предлагает опору color для большинства компонентов, которые переключают стили темы компонента, однако нет четкой документации о том, как расширить эти API. с вашей собственной темой цветов, например primary secondary facebook danger что у тебя.