Thèmes

Ajoutez des couleurs. Faites-le vôtre.

Thème UI

app.config.ts
export default defineAppConfig({
  shadcnDocs: {
    theme: {
      customizable: true,
      color: 'zinc',
      radius: 0.5,
    },
  },
});
customizableboolean
true
Indique si le thème peut être personnalisé par l'utilisateur (affichez le bouton de personnalisation dans l'en-tête).
colorColor
zinc
Le thème de couleur par défaut. https://www.shadcn-vue.com/themes.html
radiusstring
0.5
Le rayon par défaut.

Utilisation de différentes polices

Vous pouvez personnaliser votre police dans le fichier tailwind.config.js. shadcn-docs-nuxt utilise @nuxt/fonts en interne, vous pouvez donc utiliser n'importe quelle police. La police par défaut est Geist Font.

tailwind.config.js
export default {
  theme: {
    extend: {
      fontFamily: {
        sans: ['Geist'],
        mono: ['Geist Mono'],
      },
    },
  },
};
Modifier cette page
Extrait de Code
Importer et afficher le code source de votre projet.
Composables
Fonctions composables exportées par shadcn-docs-nuxt.