Как стилизовать цвет значка сортировки с помощью переопределения темы для MUIDataTable?

Question

Мне нужно переопределить цвет значка сортировки в MUIDataTable.В настоящее время я могу переопределить все остальное, кроме этого.

Благодаря представлению отладчика, я немного попробовал и, кажется, не могу коснуться этого значка.

Это то, что я сейчас пытаюсь вызвать, чтобы добраться до него

MuiTableSortLabel: {
  icon: {
    color: "#eee",
  },
  iconDirectionAsc: {
    color: "#eee",
  },
  iconDirectionDesc: {
    color: "#eee",
  },
},

У меня это также вызывается в переопределениях -

MuiSvgIcon: {
  root: {
    color: "#eee",
  },
},

В настоящее время значок сортировки является цветом по умолчанию (черный), так как этот код ничего не делает для стилизации значка. введите описание изображения здесь

Обход обновления: это не удовлетворяет переопределениям, но вызывается в стилях-

'@ global': {'div> span> svg> path ': {fill:' #eee '},

},

Answer 1

Чтобы переопределить цвет значка сортировки, попробуйте

overrides: {
  MuiTableSortLabel: {
    active: {
      color: 'green' // your color here
    }
  }
}

Если вам нужна помощь с переопределениями пользовательских стилей в целом, вы можете посмотреть пример здесь: https://github.com/gregnb/mui-datatables/blob/master/examples/customize-styling/index.js.

Answer 2

Это, вероятно, сделает это за вас.

MUIDataTableHeadCell: {
  sortAction: {
    '& svg': {
      color: "#eee" // or whatever you need
    }
  }
}