$ needmcp style set supabase

Style Supabase actif

Démo générée avec les design tokens NeedMCP — thème sombre natif, accent vert émeraude unique, profondeur définie par des bordures nettes plutôt que des ombres.

## Tabs variante underline

Cette démo est construite directement depuis l'anatomy des composants NeedMCP : chaque padding, rayon, épaisseur de bordure et durée de transition vient des design_token du style supabase (v2.4.0).

Palette dark : canvas #0f0f0f, surfaces #171717→#242424, bordures #2e2e2e, texte #fafafa / #b4b4b4. Accent unique #3ecf8e, focus ring rgba(62,207,142,0.5).

npm install -g needmcp puis needmcp setup — le serveur MCP https://needmcp.com/mcp expose get-style-tool et get-components-tool à votre assistant.

## Accordion

Les tokens sont récupérés via MCP (get-components-tool), puis traduits en CSS custom properties. Aucun composant n'est inventé : l'anatomy (root, trigger, panel, icon) est respectée à l'identique.

La philosophie du style Supabase est la « profondeur par bordures » : des lignes précises (hairline #1e1e1e, default #2e2e2e) remplacent les ombres diffuses. Seul le modal (élévation 3) reçoit une ombre.

Uniquement là où une action est requise : CTA primaire (rempli), liens (#00c573), focus rings (translucide), indicateur d'onglet actif, et le halo du hero. Tout le reste reste en gris.

## Table

Service	Endpoint	Région	Statut
MCP Gateway	needmcp.com/mcp	edge	200 OK
aryoks-server-mcp	127.0.0.1:8765	vps	running
opencode	~/.config/opencode	vps	idle

✔

Style verrouillé. Toutes les UI générées dans cette session utiliseront la palette Supabase : vert #3ecf8e sur fond #0f0f0f–#171717, hiérarchie par bordures.