---
hero:
  title: Chakra-Theme
  description: 使用 Chakra-UI 设计的 dumi2 主题
  actions:
    - text: 快速开始
      link: /zh-CN/guide
    - text: 进阶
      link: /zh-CN/guide/advance
    - text: GitHub
      icon: github
      link: https://github.com/innocces/dumi-theme-chakra
features:
  - title: 主题
    link: https://chakra-ui.com/docs/styled-system/customize-theme
    icon: https://api.iconify.design/logos:randomcolor.svg
    tag: power
    description: 定制组件的任何部分，以配合您的设计需求
  - title: 无障碍
    icon: https://api.iconify.design/fluent:accessibility-checkmark-20-regular.svg
    tag: manual
    description: Chakra UI的所有组件都严格遵循WAI-ARIA标准
  - title: 暗黑模式
    icon: https://api.iconify.design/icon-park:dark-mode.svg
    tag: advance
    description: 针对多种颜色模式进行了优化。使用浅色或深色，任你选择
  - title: 类型
    icon: https://api.iconify.design/vscode-icons:folder-type-typescript.svg
    description: 完全类型化
  - title: 丰富特性
    icon: https://api.iconify.design/icon-park:multi-function-knife.svg
    description: 开箱即用的颜色和组件
  - title: 文档搜索
    icon: https://api.iconify.design/icon-park:command.svg
    tag: beta
    description: CMDK 、 DocSearch 随你选择
---