Every color is a CSS custom property, defined for the light and the dark color schemes:

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

Templates

Copy any template of themes/leon/layouts/ in the layouts/ directory of your site to override it.

Multilingual configuration

Translate the options in the config key of each language. The leon block is merged with the one of the default language: only set the translated keys.

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 # the `url` is inherited
        footer: 'Publié sous licence MIT.'

Browser language

With leon.language.suggest: true, a banner suggests the translation of the page matching the browser language, written in that language. It stays displayed until the visitor follows it, closes it or chooses a language with the selector.