Chaque couleur est une propriété personnalisée CSS, définie pour les modes clair et sombre :

:root {
  --leon-accent: #2563eb;
}
.dark {
  --leon-page: #000;
}

Templates

Copiez n'importe quel template de themes/leon/layouts/ dans le répertoire layouts/ de votre site pour le surcharger.

Configuration multilingue

Traduisez les options dans la clé config de chaque langue. Le bloc leon est fusionné avec celui de la langue par défaut : ne définissez que les clés traduites.

leon:
  header:
    cta:
      name: Get started
      url: /docs/getting-started/quickstart/
  footer: 'Released under the MIT license.'
languages:
  - code: en
    name: English
    locale: en_US
  - code: fr
    name: Français
    locale: fr_FR
    config:
      leon:
        header:
          cta:
            name: Commencer # l'`url` est héritée
        footer: 'Publié sous licence MIT.'

Langue du navigateur

Avec leon.language.suggest: true, un bandeau suggère la traduction de la page correspondant à la langue du navigateur, rédigé dans cette langue. Il reste affiché jusqu'à ce que le visiteur le suive, le ferme ou choisisse une langue avec le sélecteur.