Skip to content

Aplicar identidad de marca Fervon al dashboard#4

Merged
JoniMartin27 merged 1 commit into
mainfrom
feat/fervon-theme
Jun 15, 2026
Merged

Aplicar identidad de marca Fervon al dashboard#4
JoniMartin27 merged 1 commit into
mainfrom
feat/fervon-theme

Conversation

@JoniMartin27

Copy link
Copy Markdown
Owner

Resumen

Re-skin del dashboard de launchpad a la identidad de marca Fervon (forjado al rojo vivo). Solo cambia el aspecto: toda la funcionalidad, el contenido y los datos reales se mantienen intactos. No se inventan datos.

El sistema de diseño ya estaba construido sobre tokens CSS (tokens.cssglobal.css → componentes), así que el reteñido se hace remapeando los valores de las variables y se propaga a todo el dashboard sin tocar el marcado.

Cambios

  • web/src/styles/tokens.css — rampa neutra "slate" remapeada a la paleta carbón Fervon (--slate-0 #0E0B0A--slate-9 #EFE7DC hueso); acento de cyan-teal → fuego ember/ámbar (--accent #FF6A00, --accent-bright #FFB02E, --accent-muted #E0480F brasa). Añade --ac #8FD06B, el acento verde de producto de launchpad dentro de Fervon. Bordes alfa pasan a tinte ember.
  • web/src/styles/global.css — resplandor de brasa radial (ember) en el fondo; tile de marca con gradiente de fuego + sombra ember; botón + New convertido en botón-fuego (estilo .btn-fire); footer Fervon estilizado.
  • web/src/App.tsx — footer "🔥 parte de Fervon" + tagline forjado al rojo vivo.
  • web/src/components/EmptyState.tsx — voz de marca en castellano en el estado vacío de primer uso ("Aún no arde nada.").
  • web/index.html — título de pestaña launchpad · Fervon.

Verificación

  • npm test67/67 verdes
  • npm run build (tsc -b + vite build) → verde
  • Sin colores hardcodeados en componentes: todo lee tokens por variable.

Notas

  • El estado verde de "running" (--status-ok) se conserva a propósito (verde = ejecutándose es convención universal y no choca con la marca).
  • El wordmark de la barra superior sigue siendo "Mission Control" (nombre funcional de la app local); la marca Fervon vive en el footer, el título y la atmósfera visual.

🤖 Generated with Claude Code

Re-skin del dashboard de launchpad a la identidad Fervon (carbón + brasa),
sin tocar funcionalidad ni datos reales:

- tokens.css: remapea la rampa neutra a carbón Fervon y el acento de cyan
  a fuego ember/ámbar (--accent #FF6A00, --accent-bright #FFB02E). Añade
  --ac verde #8FD06B (acento de producto de launchpad dentro de Fervon).
- global.css: resplandor de brasa radial en el fondo, tile de marca con
  gradiente de fuego, botón "+ New" como botón-fuego (.btn-fire), y footer
  "parte de Fervon" con enlace a https://fervon.dev y tagline.
- App.tsx: footer Fervon.
- EmptyState + index.html: voz de marca en castellano ("Aún no arde nada",
  título "launchpad · Fervon").

Todos los componentes leen tokens por variable, así el reteñido se propaga
sin cambios de marcado. 67 tests verdes, build verde.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@JoniMartin27 JoniMartin27 merged commit 97655e1 into main Jun 15, 2026
2 checks passed
@JoniMartin27 JoniMartin27 deleted the feat/fervon-theme branch June 15, 2026 11:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant