Adapter l’apparence

Trois thèmes sont fournis pour choisir rapidement le niveau d’intégration visuelle :

• default : apparence autonome ;
• quasar : intégration plus proche d’une application Quasar 2 ;
• minimal : interface plus discrète avec moins de bordures et d’ombres.

<NfzNotionMarkdownEditor v-model="markdown" theme="quasar" />

Ajuster les couleurs

Les principales couleurs passent par des variables CSS. Vous pouvez les redéfinir dans la feuille de style de votre application :

:root {
  --nfz-editor-bg: #ffffff;
  --nfz-editor-surface: #f8fafc;
  --nfz-editor-border: #d9e2ec;
  --nfz-editor-text: #172033;
  --nfz-editor-primary: #2563eb;
}

Commencez par ces variables avant de surcharger des sélecteurs internes : votre personnalisation résistera mieux aux évolutions de l’interface.