Customisation

Back to Advanced Topics

Learn how to customise the template to match your brand and requirements.

Styling

The template uses CSS custom properties (variables) for easy theming. Key variables include:

• --color-primary - Main brand colour
• --color-background - Page background
• --color-text - Default text colour

Configuration Options

Most site-wide settings can be adjusted in the src/_data/ directory:

• site.json - Basic site information
• config.json - Feature toggles and settings
• strings-base.json - Customisable text labels

Can I change the colour scheme?

Yes, edit the CSS variables in the stylesheet to change colours throughout the site.

How do I add custom fonts?

Add your font files to the assets folder and update the font configuration in _data/fonts.json.