You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Chakra UI v3.16.1中colorScheme失效,是否被替换为colorPalette?

Chakra UI v3.x中colorScheme失效原因及替代方案

是的,Chakra UI v3.x版本中colorScheme已经被弃用并替换为colorPalette,这是组件API的核心调整之一。

具体说明:

  • 团队在v3重构时,为了区分颜色调色板和主题的明暗模式("scheme"指light/dark),避免命名混淆,将原colorScheme重命名为colorPalette
  • 所有之前支持colorScheme的组件(如Button、Badge、Checkbox、Input等)均同步调整为使用colorPalette属性
  • 类型定义中已移除colorScheme,因此IDE不会提供该属性的代码提示,直接使用也不会生效

迁移方式:

只需将原代码中的colorScheme替换为colorPalette即可,搭配variant的使用逻辑保持不变:
旧写法:

<Button colorScheme="blue">Click me</Button>

新写法:

<Button colorPalette="blue">Click me</Button>

你示例中使用colorPalette="orange" variant="surface"的写法是完全符合v3.x规范的。

内容的提问来源于stack exchange,提问作者davinceleecode

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.13 07:04:49