Skip to content

[Bug] lobeui 自定义主题色无效 #333

Open
@resetsix

Description

@resetsix

💻 系统环境 | Operating System

macOS

🌐 浏览器 | Browser

Chrome

🐛 问题描述 | Bug Description

通过 ThemeProvidercolorPrimary 自定义主题色之后 Primary Button 仍是黑色。

import { Button, ThemeProvider } from '@lobehub/ui';

export default () => {
  return (
    <ThemeProvider theme={{ token: { colorPrimary: '#1677ff' } }}>
        <Button type="primary">Primary Button</Button>
        <Button>Default Button</Button>
        <Button type="dashed">Dashed Button</Button>
        <Button type="text">Text Button</Button>
        <Button type="link">Link Button</Button>
      </ThemeProvider>
  );
};
Image

🚦 期望结果 | Expected Behavior

期望能通过colorPrimary自定义主题色,而不是默认的黑色。

Image

📷 复现步骤 | Recurrence Steps

import { Button, ThemeProvider } from '@lobehub/ui';

export default () => {
  return (
    <ThemeProvider theme={{ token: { colorPrimary: '#1677ff' } }}>
        <Button type="primary">Primary Button</Button>
        <Button>Default Button</Button>
        <Button type="dashed">Dashed Button</Button>
        <Button type="text">Text Button</Button>
        <Button type="link">Link Button</Button>
      </ThemeProvider>
  );
};

📝 补充信息 | Additional Information

<ThemeProvider customTheme={{ primaryColor: 'blue' }}> 可以正常自定义主题色(缺点是只能自定义为内置颜色)

Image Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    🐛 BugSomething isn't working | 缺陷

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions