@mostajs/common-ui

Theming transversal (HTML-string, zéro dépendance) — lecteur de thèmes : registre de palettes + application (surcharge des tokens du socle) + sélecteur.

Auteur : Dr Hamid MADANI [email protected] · AGPL-3.0-or-later · Membre de mosta-ui-html-stack.

Indépendant de l'éditeur : @mostajs/common-ui-editor CRUD les thèmes ; common-ui les lit (applique/switch). L'app persiste l'actif (ex. cookie) et le registre des thèmes personnalisés.

import { page, THEME_CSS } from '@mostajs/app-shell-ui';
import { themeVars, themeSwitcher, THEMES } from '@mostajs/common-ui';

const active = readCookie('theme');                 // l'app choisit l'actif
const registry = { ...THEMES, ...customThemes };     // presets + personnalisés
const html = page({ title: 'X', theme: THEME_CSS + themeVars(active, registry),
  body: themeSwitcher(active, { themes: registry }) + body });

5 presets : starter (défaut) · jakarta · blender · evasion · touch-and-go. Tokens surchargés : --blue/--navy/--green/--gold + fond. npm test (5 tests @mostajs/mjs-unit).