Alexander
1531c075c4
- Override individual-page-images template to request 400x400 contain (no server-side crop) - Move circle crop to CSS on a.gallery wrapper, fixing single-image profiles - Add gender-colored circular silhouette placeholders matching family navigator - Replace edit button with fixed FAB (bottom-right) using homepage pencil SVG - Add page cloak to prevent FOUC from JS DOM manipulations - Dark mode: white profile shadow, black active tab with light blue accent - Remove carousel arrows and "add media" link at template level
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.