diff --git a/components/segmented/demo/componentToken.tsx b/components/segmented/demo/componentToken.tsx index 40d9a24750fe..b77d67f0d41b 100644 --- a/components/segmented/demo/componentToken.tsx +++ b/components/segmented/demo/componentToken.tsx @@ -11,6 +11,7 @@ export default () => ( itemHoverBg: 'rgba(0, 0, 0, 0.06)', itemSelectedBg: '#aaa', itemActiveBg: '#ccc', + itemSelectedColor: '#fff', }, }, }} diff --git a/components/segmented/style/index.tsx b/components/segmented/style/index.tsx index 513646984d5f..e6a41f1fc25b 100644 --- a/components/segmented/style/index.tsx +++ b/components/segmented/style/index.tsx @@ -29,6 +29,11 @@ export interface ComponentToken { * @descEN Background color of item when selected */ itemSelectedBg: string; + /** + * @desc 选项选中时文字颜色 + * @descEN Text color of item when selected + */ + itemSelectedColor: string; } interface SegmentedToken extends FullToken<'Segmented'> { @@ -109,7 +114,7 @@ const genSegmentedStyle: GenerateStyle = (token: SegmentedToken) '&-selected': { ...getItemSelectedStyle(token), - color: token.itemHoverColor, + color: token.itemSelectedColor, }, '&::after': { @@ -241,6 +246,7 @@ export default genComponentStyleHook( itemHoverBg: colorFillSecondary, itemSelectedBg: colorBgElevated, itemActiveBg: colorFill, + itemSelectedColor: colorText, }; }, );