@mana/themes
Theme-Variants für Vereins-Apps — konkrete 12-Token-Belegungen, die App-Stimmungen tragen.
@mana/themes ist die Sammlung konkreter Themes für Vereins-Apps —
acht Web-Theme-Varianten plus App-spezifische Brand-Themes
(z.B. twilight für Moodlit mit HSL 263 83% 58%).
Jedes Theme ist eine Belegung der 12 shared-theme-Tokens mit
konkreten Werten. Apps können zwischen Themes wechseln, und der
gleiche Layout-Code rendert in jeder Stimmung sauber: hell, dunkel,
seriös, verspielt, kalt, warm.
Der eigentliche Wert liegt in der Konsistenz nach außen: wer einmal gelernt hat, wie eine Vereins-App ticktet, weiß es auch bei der nächsten. Theming ist Skin, nicht Verkleidung.
Mitnehmen
Vereins-Pakete liegen auf der Vereins-eigenen Verdaccio-Registry.
Apps und Services-Repos haben dort ein .npmrc, das
den @mana/-Scope auf npm.mana.how routet.
pnpm add @mana/themes Auch nutzbar mit npm oder yarn — der Scope-Mechanismus ist Standard-npm-Verhalten. Wer den Verein nicht-mitgliedlich nutzen will, kann die Registry frei konfigurieren.
Worauf es sich bindet
- Klasse
- Klasse B — Foundation — intern-versioniert, große Adoption erwartet.
- Sprache
- TypeScript
- Version
- v0.1.0
- Registry
- npm.mana.how — eigene Vereins-Registry, kein npmjs.com
- Lizenz
- Quelloffen — Details im Repo.
Was es für den Verein verkörpert
- LanglebigkeitBewährte Stacks, gute Doku.
- AchtsamkeitKeine Engagement-Tricks.
Was läuft, was nicht
Version: v0.1.0.
- Mehr saisonale / situative Themes (Konzentration, Abend, Lese) sind Roadmap.
Weitere Pakete dieser Kategorie
Komponenten, Theming, Icons, PWA-Foundation.
- @mana/shared-uiVereins-UI-Komponenten — Svelte 5 mit strikter 12-Token-Disziplin. Die UI-Foundation aller mana-e.V.-Apps.
- @mana/shared-tailwindTailwind-Preset für alle Vereins-Apps — gemeinsamer Farb-Token-Satz, Spacing-Skala, Schriften-Stack.
- @mana/shared-iconsPhosphor-Icon-Wrapper für alle Vereins-SvelteKit-Apps — einheitliche Icon-API, bundlebar pro App nur die genutzten.
- @mana/shared-theme12-Token-Theming-Engine — pro App ein Theme, ein Token-Satz, eine konsistente Optik.
- @mana/shared-brandingBrand-Assets der Vereins-Apps — Logos, Favicons, App-Icons, Footer-Bausteine. Eine Quelle für visuelle Identität.
- @mana/shared-pwaPWA-Boilerplate für Vereins-Apps — Vite-Plugin, Theme-Bridge, Install-Banner, Update- und Offline-Komponenten.
@mana/themes ist eines von vielen Paketen, die der Verein selbst pflegt — eigene Bauteile auf eigener Registry, frei nachnutzbar.