如何更改Ant Design TabPane的文本颜色？

import { Tabs } from 'antd';
import 'antd/dist/antd.css';

const { TabPane } = Tabs;

const CustomTabPane = () => {
  return (
    <Tabs defaultActiveKey="1">
      <TabPane
        tab={<span style={{ color: 'red' }}>Tab 1</span>}
        key="1"
      >
        Content of Tab Pane 1
      </TabPane>
      <TabPane
        tab={<span style={{ color: 'blue' }}>Tab 2</span>}
        key="2"
      >
        Content of Tab Pane 2
      </TabPane>
    </Tabs>
  );
};

<CustomTabPane />