如何从Material UI中更改“Marks”的文本颜色？

import { withStyles } from '@material-ui/core/styles';
import Slider from '@material-ui/core/Slider';

const styles = {
  marks: {
    color: 'red', // 设置文本颜色为红色
  },
};

const CustomSlider = withStyles(styles)(({ classes, ...props }) => (
  <Slider
    classes={{
      markLabel: classes.marks, // 应用自定义样式到"Marks"
    }}
    {...props}
  />
));

function App() {
  return (
    <div>
      <CustomSlider
        defaultValue={30}
        marks={[
          { value: 0, label: '0°C' },
          { value: 50, label: '50°C' },
          { value: 100, label: '100°C' },
        ]}
      />
    </div>
  );
}