{"id":24016458,"url":"https://github.com/innocces/dumi-theme-chakra","last_synced_at":"2025-08-30T16:36:45.873Z","repository":{"id":64536227,"uuid":"574927390","full_name":"innocces/dumi-theme-chakra","owner":"innocces","description":"build theme use Chakra-UI for dumi2 !!!","archived":false,"fork":false,"pushed_at":"2023-07-22T05:58:00.000Z","size":23695,"stargazers_count":35,"open_issues_count":0,"forks_count":11,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-23T18:09:25.896Z","etag":null,"topics":["chakra","chakra-ui","component","dumi","dumi-theme","library","react","theme","ui","umi"],"latest_commit_sha":null,"homepage":"https://dumi-theme-chakra.pages.dev/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/innocces.png","metadata":{"files":{"readme":"README.CN.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":["innocces"],"issuehunt":"innocces","custom":["buymeacoffee.com/innocces","afdian.net/a/innocces"]}},"created_at":"2022-12-06T11:35:07.000Z","updated_at":"2024-09-24T09:57:02.000Z","dependencies_parsed_at":"2025-04-15T14:14:49.168Z","dependency_job_id":"c18d53c6-0630-4346-82c8-4f3a227b695a","html_url":"https://github.com/innocces/dumi-theme-chakra","commit_stats":null,"previous_names":[],"tags_count":22,"template":false,"template_full_name":null,"purl":"pkg:github/innocces/dumi-theme-chakra","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innocces%2Fdumi-theme-chakra","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innocces%2Fdumi-theme-chakra/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innocces%2Fdumi-theme-chakra/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innocces%2Fdumi-theme-chakra/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/innocces","download_url":"https://codeload.github.com/innocces/dumi-theme-chakra/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innocces%2Fdumi-theme-chakra/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272878211,"owners_count":25008340,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-30T02:00:09.474Z","response_time":77,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chakra","chakra-ui","component","dumi","dumi-theme","library","react","theme","ui","umi"],"created_at":"2025-01-08T08:51:28.520Z","updated_at":"2025-08-30T16:36:45.828Z","avatar_url":"https://github.com/innocces.png","language":"TypeScript","funding_links":["https://github.com/sponsors/innocces","https://issuehunt.io/r/innocces","buymeacoffee.com/innocces","afdian.net/a/innocces","https://www.buymeacoffee.com/innocces"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://dumi-chakra.deno.dev\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n    \u003cimg style=\"max-width: 100%\" src=\"https://cdn.jsdelivr.net/gh/innocces/dumi-theme-chakra/src/media/dumi-theme-chakra.png\" alt=\"dumi-theme-chakra logo\" /\u003e\n  \u003c/a\u003e\n  \u003cbr /\u003e\n  \u003ch3 align=\"center\"\u003e\n  \u003cspan\u003e\n    \u003ca href=\"./README.md\"\u003e英文\u003c/a\u003e | \n    \u003ca\u003e中文\u003c/a\u003e\n  \u003c/span\u003e\n  \u003ch3\u003e\n\u003c/p\u003e\n\u003cbr /\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/dumi-theme-chakra\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/dumi-theme-chakra\" alt=\"npm package\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://nodejs.org/en/about/releases/\"\u003e\u003cimg src=\"https://img.shields.io/node/v/dumi-theme-chakra\" alt=\"node compatibility\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/innocces/dumi-theme-chakra/actions/workflows/deploy-deno.yml\"\u003e\u003cimg src=\"https://github.com/innocces/dumi-theme-chakra/actions/workflows/deploy-deno.yml/badge.svg?branch=main\" alt=\"build status\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://discord.gg/N82HK72uJk\"\u003e\u003cimg src=\"https://img.shields.io/badge/chat-discord-blue?style=flat\u0026logo=discord\" alt=\"discord chat\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003cp\u003e基于 Chakra-UI 的 dumi2 主题\u003cp\u003e\n\u003c/div\u003e\n\n## Usage\n\n```bash\n# npm\n$ npm i dumi-theme-chakra -D\n# yarn\n$ yarn add dumi-theme-chakra -D\n# pnpm\n$ pnpm add dumi-theme-chakra -D\n```\n\n## Configure\n\n在 dumi 的配置文件 `.dumirc.ts` 中配置主题相关\n\n```ts\nimport { defineConfig } from 'dumi';\nimport { defineThemeConfig } from 'dumi-theme-chakra';\n\nexport defineConfig({\n  themeConfig: {\n    ...defineThemeConfig({\n      // ...\n    })\n  },\n});\n```\n\n## Options\n\n```tsx\nexport type ThemeConfig = DocProviderProps \u0026 {\n  /**\n   * @description.zh-CN 社交配置: 比如 github \u0026 discord\n   */\n  social?: SocialMap;\n  /**\n   * @description.zh-CN 自动生成的title分隔符: 格式为: ${themeConfig.title} ${helmetIcon} ${subTitle}\n   */\n  helmetIcon?: string;\n  /**\n   * @description.zh-CN 自定义header meta 描述信息\n   */\n  description?: string;\n  /**\n   * @description.zh-CN 自定义header meta 关键字\n   */\n  keywords?: string[];\n  /**\n   * @description.zh-CN 自定义header meta 作者\n   */\n  author?: string;\n  /**\n   * @description.zh-CN 是否使用搜索. 若为布尔值则表示开启或关闭. 也可以使用对象来配置更多\n   * @default true\n   */\n  search?: boolean | Search;\n  /**\n   * @description.zh-CN 文档头部声明条幅配置\n   */\n  announcementBar?: AnnouncementBarConfig;\n  /**\n   * @description.zh-CN 首页的hero配置\n   */\n  hero?: HeroConfig;\n  /**\n   * @description.zh-CN 文档背景图片. 如果为布尔值, 使用默认背景图片\n   * @default false\n   */\n  thumbBackground?: boolean | string;\n  /**\n   * @description.zh-CN 是否展示主题设置面板\n   * @default false\n   */\n  settingPanelVisible?: boolean;\n  /**\n   * @description.zh-CN \u003cSourceCode /\u003e 组件配置\n   */\n  code?: {\n    /**\n     * @description.zh-CN prism themes\n     * @default { dark: PRISMTHEME.VSDARK, light: PRISMTHEME.VSLIGHT }\n     */\n    theme?: CodeTheme;\n  };\n};\n```\n\n详情[查看](./src/types.ts)\n\n## Contribution\n\n查看 [贡献指南](CONTRIBUTING.md).\n\n## License\n\n[MIT](LICENSE).\n\n## Sponsoring\n\n\u003ctable\u003e\n  \u003ctr align=\"center\"\u003e\n    \u003ctd\u003e\n      \u003ca href=\"https://www.buymeacoffee.com/innocces\" target=\"_blank\"\u003e\n        \u003cimg width=\"120\" src=\"https://api.iconify.design/simple-icons:buymeacoffee.svg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ca href=\"https://afdian.net/a/innocces\" target=\"_blank\"\u003e\n        \u003cimg width=\"150\" src=\"https://cdn.jsdelivr.net/gh/innocces/DrawingBed/2022-12-04/1670124736895-afdian.png\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finnocces%2Fdumi-theme-chakra","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Finnocces%2Fdumi-theme-chakra","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finnocces%2Fdumi-theme-chakra/lists"}