Dev Tools / VS Code

Funky Theme

Un tema original, con la paleta gobernada por una única fuente de verdad

VS Code
Verified
Open VSX
Zed
Token Colors
Terminal UI

Métricas clave

Métricas y topología del sistema

descargas acumuladas en Open VSX y Zed (en vivo)
0k
descargas acumuladas en Open VSX y Zed (en vivo)
adquisiciones VS Code Marketplace
0/30d
adquisiciones VS Code Marketplace
funnel de conversión (page views → installs)
0%
funnel de conversión (page views → installs)
variantes del tema
0
variantes del tema
Open VSX Publisher (namespace MaxGB23)
Verified
Open VSX Publisher (namespace MaxGB23)
integración con 3 agentes IA (Claude Code, OpenCode, Pi)
Beta
integración con 3 agentes IA (Claude Code, OpenCode, Pi)
Editor de VS Code mostrando funky-theme

Resumen

Tema oscuro semántico original bajo MIT, operado como producto multi-marketplace: cinco variantes desde una paleta jerárquica en un solo config (SSOT) para editores. Estable v3.2.2 en VS Code Marketplace y Open VSX con tracción real, Zed publicado en el registry oficial y expansión a terminales IA en beta. Instalación en un clic desde cada marketplace y variantes a medida para el usuario; SSOT, CI y SemVer estricto para el mantenimiento.

Problema

La mayoría de los temas de editor duplican valores de color en cientos de archivos: cualquier cambio exige editar todo a mano y los colores terminan desincronizados. Una paleta única como SSOT elimina el drift — el diseño del tema queda gobernado por un solo archivo.

Mi rol

  • Diseñé un tema original para VS Code publicado bajo licencia MIT.
  • Definí la paleta jerárquica como única fuente de verdad para editores (un solo archivo de configuración).
  • Derivé las 5 variantes del tema desde esa paleta.
  • Gestioné el ciclo completo de release: 6 release candidates (rc.1 → rc.6, solo instalación manual desde el repo) hasta el estable v3.0.0, primera publicación en markets, con pipeline propio de build + empaquetado + GitHub Release (SemVer estricto, convención RC → estable).
  • Publiqué y operé la extensión en VS Code Marketplace y Open VSX (empaquetado de vsix, keywords optimizados al límite documentado de 30, changelog append-only).
  • Blindé el pipeline de release tras un hotfix de packaging: guardias automáticas (changelog empaquetado verificado + vsix coincidente con su allowlist) y el error real documentado como regla dura en la skill de release.

Solución

  • Paleta semántica SSOT: colores definidos por rol semántico (UI, sintaxis, estados), no arbitrarios, en un solo config.
  • Variantes separadas por familias visuales: el feedback de devs en foros y comunidades (Discord, etc.) guía qué se aplica en cada variante — italics, bold, etc. solo donde es deseado; para quien no los quiere, hay una variante a su medida. Las 5 se mantienen en sincronía porque comparten la misma fuente.
  • Publicación en markets: release estable en VS Code Marketplace y Open VSX, con keywords optimizados al límite documentado (30) para descubribilidad multiplataforma (VS Code, VSCodium, Google Antigravity, Cursor, Windsurf, Theia).
  • CI / control de calidad: workflow de build-check con pnpm que valida las 5 variantes (existencia y parseo de los JSON) en cada push y PR; el mismo CI empaqueta el artefacto de Zed y abre PRs de actualización al registry; releases SemVer estrictas y trazables.
  • Release blindado tras aprendizaje de errores: el changelog se finaliza antes de empaquetar (el vsix lleva la sección de la versión) y una guardia verifica que el vsix coincida exactamente con su `.vscodeignore` (sin fugas ni assets faltantes) — un hotfix de packaging real dejó el proceso más robusto y documentado en la skill de release.
  • Tracción validada: Verified Open VSX Publisher; descargas acumuladas en Open VSX y Zed, actualizadas a diario; 191 adquisiciones/30d en VS Code Marketplace con funnel 97.45% (page views → installs) — posicionamiento SEO orgánico demostrado.
  • Cross-editor: soporte Zed publicado en el registry oficial (zed.dev/extensions/funky-theme), instalable en un clic (misma paleta de editores).
  • Expansión terminal: funky-theme-tui — variaciones mínimas para terminales con agentes de código (Claude Code, OpenCode, Pi), en repo aparte y en beta.

¿Te interesa el diseño de temas con paleta semántica gobernada por SSOT? Hablemos.

Volver a proyectos