Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects

slidev-theme-alpaga

:flag_gb: English version

Alpaga est un thème pour Slidev simple et rapide à mettre en place. Étant pensé pour l'export PDF et pour être facilement adapté à n'importe quelle identité graphique, Alpaga est idéal pour styliser tes prises de notes MarkDown, brochures et antisèches !

NPM version

Alpaga theme pour Slidev.

Installation

Il suffit d'ajouter le frontmatter suivant en tête de ton fichier slides.md. Lance Slidev et tu seras invité à télécharger le thème.

---
theme: @lydra/slidev-theme-alpaga
---

En savoir plus sur comment s'utilisent les thèmes.

Personnalisation

Thème et couleurs

Le mode clair/sombre et la palette sont personnalisables dans le frontmatter avec 'colorSchema' et 'themeConfig' respectivement.

colorSchema: 'dark'
themeConfig:
  primary: '#00FF7F'
  secondary: '#66CDAA'
  code: 'black'

Tu peux changer la couleur du code indépendament du mode sombre/clair pour qu'elle soit toujours adaptée à la couleur secondaire qui apparaitra derrière.

Configurer l'overlay

La configuration de l'overlay se fait dans le frontmatter également.

themeConfig:
  subtitle: "Slidev Alpaga Theme"
  logoSrc: "/img/dummy-logo.png"
  licenseImg: "/img/license.png"
  author: "Celeste"
  version: "0.1"

Polices

Les polices sont elles aussi à configurer dans le frontmatter de tes slides, elle seront importées automatiquement depuis Google Fonts, il te suffit de renseigner leurs noms.

fonts:
  sans: 'Montserrat'
  serif: 'Comfortaa'
  mono: 'Fira Code'

Si tu préfères utiliser des polices locales, regarde cette doc.

Contribution

  • npm install
  • npm run dev pour lancer l'apercu de example.md
  • Modifie example.md pour voir apparaitre les modifications
  • npm run export pour générer un PDF
  • npm run screenshot pour générer une aperçu PNG

Licence

slidev-theme-alpaga Copyright 2023 Lydra