主题

添加颜色,让它属于你.

UI 主题

app.config.ts
export default defineAppConfig({
  shadcnDocs: {
    theme: {
      customizable: true,
      color: 'zinc',
      radius: 0.5,
    },
  },
});
customizableboolean
true
主题是否可以由用户自定义 (在标题中显示自定义按钮).
colorColor
zinc
默认的颜色主题. https://www.shadcn-vue.com/themes.html
radiusstring
0.5
默认半径.

使用其它字体

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

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