跳到内容

可视化主题演示

为您的下一个项目挑选完美主题!

卓越的主题灵活性。

在这里,您可以预览预构建的主题。您可以自由探索,切换每个主题的浅色和深色模式,看看哪种风格最适合您的项目。当您找到喜欢的主题时,复制其 CSS 代码并粘贴到您的项目中即可立即应用该主题。这是一种快速搭建项目视觉基础的简单方法。

调色板

primary
primary-content
secondary
secondary-content
accent
accent-content
neutral
neutral-content
base-100
base-200
base-300
base-content
info
info-content
success
success-content
warning
warning-content
error
error-content
Additional Variables
--prbc
Mix of primary & base-content
--subc
Mix of success & base-content
--wabc
Mix of warning & base-content
--erbc
Mix of error & base-content

组件示例

Button
Badge (sm)
neutral
primary
secondary
accent
ghost
Toggle
Checkbox
Key +Ctrl+Z Shift+Alt+

喜欢这个主题吗?

src/styles/global.css 文件中,用以下代码片段替换当前的浅色和深色主题: