Alexander
02599e5876
- Redesign individual page header: photo beside name/year/age/username, pencil icon edit button, stacked vertical fact cards, iOS toggle, underline tabs, and responsive mobile layout - Add global dark mode fixes for modals, forms, dropdowns (both data-theme=dark and prefers-color-scheme auto mode) - Restyle colorbox gallery: blurred backdrop, centered image, no zoom animation, clean controls with drop-shadow - Override family navigator with thumbnails linking to individual pages instead of raw images, matching full diagram gender colors - Add high-contrast link colors and silhouette placeholder sizing
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
- Download or clone this repository.
- Copy the
BockenThemefolder into yourwebtrees/modules_v4directory. - 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.