如何更改MaterialUI的React Tabs组件的下划线颜色？

import React from 'react';
import { Tabs, Tab, withStyles } from '@material-ui/core';
import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';

const theme = createMuiTheme({
  palette: {
    secondary: {
      main: '#ff0000', // 设置下划线颜色为红色
    },
  },
});

const CustomTabs = withStyles({
  root: {
    borderBottom: `1px solid ${theme.palette.secondary.main}`, // 应用下划线颜色
  },
})(Tabs);

function App() {
  return (
    <ThemeProvider theme={theme}>
      <CustomTabs value={0}>
        <Tab label="Tab 1" />
        <Tab label="Tab 2" />
        <Tab label="Tab 3" />
      </CustomTabs>
    </ThemeProvider>
  );
}