---
hero:
  title: Dumi Theme - <b>Ant Design Style</b>
  description: dumi2 theme similar to antd v5 website
actions:
  - text: Get Started
    link: /guide
  - text: Github
    link: https://github.com/arvinxx/dumi-theme-antd-style
    openExternal: true

features:
  - title: Modern Theme Style
    image: 💠
    description: This theme package adopts modern design techniques such as fluid colors, frosted glass, light and shadow textures, natural dynamic effects, presenting the interface in a more concise and beautiful way, making the documentation more intuitive, readable, and user-friendly.
    row: 8

  - title: Based on Ant Design and CSSinJS
    description: This theme package uses antd as the basic component library and utilizes CSSinJS to implement the style scheme, helping to better control the details of the style, and improve the reusability and maintainability of the style. It uses the antd-style style library at the bottom, making the style writing more flexible, readable, and easy to maintain. <quotient>This theme package can be considered as a by-product of developing antd-style</quotient>
    link: /guide/style
    imageType: light
    image: https://gw.alipayobjects.com/zos/hitu-asset/c88e3678-6900-4289-8538-31367c2d30f2/hitu-1609235995955-image.png
    row: 11

  - title: One-Click Switch between Light and Dark Theme Modes
    link: /guide/theme
    description: This documentation customizes light and dark theme algorithms based on antd v5, providing aesthetically pleasing and user-friendly light and dark themes by default. Users can choose the theme mode according to their preferences, and obtain a good reading experience in different lighting environments.
    image: https://mdn.alipayobjects.com/huamei_rqvucu/afts/img/A*8KE7T7l39J0AAAAAAAAAAAAADoN6AQ/original
    imageType: primary
    row: 10

  - title: Exquisite Syntax Highlighting
    description: This theme package provides accurate and exquisite syntax highlighting features. It uses modern syntax highlighting libraries Shiki and Prism at the bottom, and provides rich code highlighting schemes to help users better read the code. <quotient>Subsequent consideration will be given to supporting features such as code block segment highlighting and keyword highlighting</quotient>
    link: /guide/syntax-highlighter
    image: https://mdn.alipayobjects.com/huamei_rqvucu/afts/img/A*1qLNRrRGFsQAAAAAAAAAAAAADoN6AQ/original
    imageType: primary
    row: 11

  - title: Flexible Component Reusability
    description: This theme package provides high flexibility for local theme customization, exporting high-quality components from the theme package by default, which can be reused as independent modules. Developers can freely combine and use the components in the dumi local theme package.
    image: https://mdn.alipayobjects.com/huamei_rqvucu/afts/img/A*6sjjRa7lLhAAAAAAAAAAAAAADoN6AQ/original
    imageType: primary
    link: /components
    row: 9

  - title: Good Adaptation for Mobile Devices
    description: This theme package is well adapted for mobile devices, with multiple layout implementations made easy based on the flexible style scheme of CSSinJS. Users can experience consistent and smooth operations across multiple platforms.
    image: 📱
    imageType: light
    row: 8
    hero: true
---

<embed src="../../README.md"></embed>