PHPackages justcarmen/webtrees-theme-justlight - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. justcarmen/webtrees-theme-justlight ActiveWebtrees-theme[Utility & Helpers](/categories/utility) justcarmen/webtrees-theme-justlight =================================== justlight theme for webtrees 2.4.0(11mo ago)36455[4 issues](https://github.com/JustCarmen/webtrees-theme-justlight/issues)[6 PRs](https://github.com/JustCarmen/webtrees-theme-justlight/pulls)GPL-3.0+CSSCI passing Since Aug 29Pushed 1w ago10 watchersCompare [ Source](https://github.com/JustCarmen/webtrees-theme-justlight)[ Packagist](https://packagist.org/packages/justcarmen/webtrees-theme-justlight)[ RSS](/packages/justcarmen-webtrees-theme-justlight/feed)WikiDiscussions main Synced today READMEChangelog (10)Dependencies (1)Versions (43)Used By (0) JustLight Theme for webtrees ============================ [](#justlight-theme-for-webtrees) [![Latest Release](https://camo.githubusercontent.com/c9faa5523a91823523333ec57510666a538a902a5e93ad2f9b19f579ad2c84cd/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f4a7573744361726d656e2f77656274726565732d7468656d652d6a7573746c696768742e737667)](https://github.com/JustCarmen/webtrees-theme-justlight/releases/latest)[![webtrees major version](https://camo.githubusercontent.com/819844125f2f4fdcfda301f2cb9be5f8174dd1938b0e610cfefc9c7661b6600f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f77656274726565732d76322e322e782d677265656e)](https://webtrees.net/download)![Downloads](https://camo.githubusercontent.com/54c6e045287a975c841f4bf4a4ef11697a01dfa8d0bf82777f014cd60b0deadf/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f646f776e6c6f6164732f4a7573744361726d656e2f77656274726565732d7468656d652d6a7573746c696768742f746f74616c2e737667) [![paypal](https://camo.githubusercontent.com/e1ff554a09e8e92bef25abc553ff05b88f45afd695877cf12f3a46558ef65b2e/68747470733a2f2f7777772e70617970616c6f626a656374732e636f6d2f656e5f55532f692f62746e2f62746e5f646f6e61746543435f4c472e676966)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=XPBC2W85M38AS&item_name=webtrees%20modules%20by%20JustCarmen¤cy_code=EUR) Introduction ------------ [](#introduction) A light theme with focus on readability. It uses a full screen where necessary but takes into account small screens too. This theme is optimized for using on tablets and mobile phones. It is the only theme that has a specific collapsable menu for small screens! Furthermore this theme offers different layouts with some extra's. If you like a clean layout you certainly want to try this theme. Currently, there are three palettes to choose from. The default JustLight palette with a white background and blue accents and the JustBlack palette with a dark background and orange accents. The third palette, called 'JustAuto', is not really a different color palette, but based on the browser color mode, it automatically chooses the appropriate palette with the light (JustLight) or the dark (JustBlack) background. Installation and upgrading -------------------------- [](#installation-and-upgrading) Installing or upgrading the theme should be straightforward. Unzip the release package and place the jc-theme-justlight folder inside modules\_v4 folder of your webtrees installation. If you need to upgrade an existing installation replace the module folder inside the modules\_v4 folder with the new one. Configuration ------------- [](#configuration) Go to the theme section in the control panel. The JustLight theme has a small configuration page where you can set the default color palette and specify whether the user can choose their own palette. In that case, an additional 'palette' menu is created. Translation ----------- [](#translation) The text on the configuration page and the tooltip on the JustAuto palette in the header, is translatable. Copy the file nl.php into the resources/lang folder and replace the Dutch text with the translation into your own language. Use the official two-letter language code as file name. Look in the webtrees folder resources/lang to find the correct code. Development ----------- [](#development) The JustLight theme is based on the Bootstrap framework and uses Sass to code the stylesheets. Composer and npm are required to generate the stylesheets. If you wish to contribute, or create your own version of the JustLight theme please follow the steps below. - Clone the repository to your local machine - Install the Composer dependencies and run in dev mode to be able to generate the stylesheets. The fisharebest/webtrees package is explicitly set to use sources to be able to generate the stylesheets, do not override that setting. - Then install the node dependencies and run in dev mode to be able to generate the stylesheets. Before building, make sure that the fisharebest/webtrees package is in the correct target webtrees version using the command 'composer show fisharebest/webtrees'. When ready to generate the stylesheets, run the command 'npm run production'. Bugs and feature requests ------------------------- [](#bugs-and-feature-requests) If you experience any bugs or have a feature request for this theme you can [create a new issue](https://github.com/JustCarmen/webtrees-theme-justlight/issues?state=open). ### Health Score 48 — FairBetter than 93% of packages Maintenance76 Regular maintenance activity Popularity20 Limited adoption so far Community16 Small or concentrated contributor base Maturity67 Established project with proven stability Bus Factor1 Top contributor holds 96.4% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~61 days Total 30 Last Release 337d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/5641963?v=4)[Carmen](/maintainers/JustCarmen)[@JustCarmen](https://github.com/JustCarmen) --- Top Contributors [![JustCarmen](https://avatars.githubusercontent.com/u/5641963?v=4)](https://github.com/JustCarmen "JustCarmen (1365 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (50 commits)")[![magicsunday](https://avatars.githubusercontent.com/u/564393?v=4)](https://github.com/magicsunday "magicsunday (1 commits)") --- Tags genealogyjustlight-themethemewebtreeswebtrees-customwebtrees-modulewebtrees2themegenealogywebtrees ### Embed Badge ![Health badge](/badges/justcarmen-webtrees-theme-justlight/health.svg) ``` [![Health](https://phpackages.com/badges/justcarmen-webtrees-theme-justlight/health.svg)](https://phpackages.com/packages/justcarmen-webtrees-theme-justlight) ``` ### Alternatives [tgmpa/tgm-plugin-activation TGM Plugin Activation is a PHP library that allows you to easily require or recommend plugins for your WordPress themes (and plugins). 1.8k230.2k13](/packages/tgmpa-tgm-plugin-activation)[fisharebest/webtrees webtrees online genealogy 78221.6k22](/packages/fisharebest-webtrees)[qirolab/laravel-themer A Laravel theme manager, that will help you organize and maintain your themes inside Laravel projects. 405273.6k14](/packages/qirolab-laravel-themer)[freemius/wordpress-sdk Freemius WordPress SDK 307142.4k9](/packages/freemius-wordpress-sdk)[appsero/client Appsero Client 25527.6k10](/packages/appsero-client)[sulu/theme-bundle The Sulu Bundle which provides theming functionality. 23307.1k1](/packages/sulu-theme-bundle) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)