@mana/shared-theme
12-Token-Theming-Engine — pro App ein Theme, ein Token-Satz, eine konsistente Optik.
@mana/shared-theme ist die Engine, die das 12-Token-Vokabular
durchsetzt: color-ink, color-paper, color-rule, color-muted,
color-accent, plus Schriften, Border-Radius und Spacing. Apps wählen
ein konkretes Theme-Paket aus @mana/themes, das diese Tokens mit
Werten füllt.
Trennung: shared-theme definiert was getheme-d werden darf;
themes definiert wie die einzelnen Themes konkret aussehen;
shared-ui-2 konsumiert die Tokens und macht daraus
Komponenten-Styles.
Diese Drei-Schichten-Architektur ist die Antwort auf die alte Frage, warum Vereins-Apps trotz gleicher Foundation visuell unterschiedlich sein dürfen — und gleichzeitig immer „nach Verein” aussehen.
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/shared-theme 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.
- EigenbetriebEigene Infrastruktur, quelloffener Stack.
- AchtsamkeitKeine Engagement-Tricks.
Was läuft, was nicht
Version: v0.1.0.
- Dark-Mode-Token-Sätze für alle Apps standardisieren.
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/themesTheme-Variants für Vereins-Apps — konkrete 12-Token-Belegungen, die App-Stimmungen tragen.
- @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/shared-theme ist eines von vielen Paketen, die der Verein selbst pflegt — eigene Bauteile auf eigener Registry, frei nachnutzbar.