Bocken Theme for Webtrees

A Webtrees theme plugin that provides consistent styling with bocken.org.

Built on top of Argon Light Theme by Evan Galli, featuring a Nord-inspired color palette with dark/light mode support.

Features

• Nord color palette with automatic dark/light mode and manual toggle
• Custom logo and favicon for bocken.org branding
• Search bar on the start page
• Active navigation highlighting
• Compact language selector

Installation

1. Download or clone this repository.
2. Copy the BockenTheme folder into your webtrees/modules_v4 directory.
3. Go to the webtrees control panel and enable the "Bocken" theme.

Development

Prerequisites: Node.js and npm.

cd BockenTheme
npm install
npm run build

For development with live rebuilds:

npm run dev

License

Copyright (c) 2026 Alexander Bocken

This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

See LICENSE for the full text.

Upstream

The Argon Light Theme by Evan Galli is licensed under the ISC License.