主题

添加颜色，让它成为你的。

UI 主题

app.config.ts

export default defineAppConfig({
  shadcnDocs: {
    theme: {
      customizable: true,
      color: 'zinc',
      radius: 0.5,
    },
  },
});

customizableboolean

true

用户是否可以自定义主题（在头部显示自定义按钮）。

colorColor

zinc

radiusstring

0.5

默认圆角大小。

查看配置中的 theme。

您可以在 tailwind.config.js 文件中自定义字体。shadcn-docs-nuxt 底层使用 @nuxt/fonts，因此您可以使用任何您想要的字体。默认字体是 Geist Font。

tailwind.config.js

export default {
  theme: {
    extend: {
      fontFamily: {
        sans: ['Geist'],
        mono: ['Geist Mono'],
      },
    },
  },
};

On This Page