Harmonia
Active · v1.6.1
¿Por qué Harmonia?
Programar durante horas no va solo de escribir código: va de encontrar un ritmo que te mantenga enfocado sin agotarte. Harmonia nació como un experimento para que mi espacio de trabajo se sintiera tranquilo y propio: colores naturales, no fosforescentes; un tema que no grita, respira.
Con el tiempo pasó de ser “ajustes de color” a un sistema de diseño con balance, ergonomía y contrastes que se notan al final del día.
Qué problema resuelve
- Luces y fondos calibrados para fatiga baja en sesiones largas.
- Sintaxis predecible: menos “sorpresas” de color, más ritmo visual.
- Variantes para diferentes contextos: OLED, alto contraste, “paper-like”.
No intenta ser el tema más vistoso; intenta ser el más sostenible.
Antes / Después (sensación)
- Antes: negros puros que “parpadean” en OLED, acentos neón, contraste agresivo.
- Con Harmonia: fondos suaves (no negros puros), acentos expresivos pero contenidos, contraste que descansa.
Principios → Decisiones
- Consistencia: mismo rol → mismo color en todos los lenguajes.
- Ergonomía: fondos en el rango 7-12% (Dark) y 92-96% (Light) de luminancia.
- Carácter: acentos inspirados en pigmentos (no RGB “puro”).
- Precisión: parejas de color probadas en Dark, Light y High Contrast.
Variantes
- Dark · base equilibrada y neutra. Ideal para uso diario.
- Noir · fondo violeta-negro para foco profundo.
- Light / Paper White · “papel” para lectura larga y documentación.
- High Contrast · accesible y nítido, sin perder suavidad.
- OLED True Black · ahorro en paneles OLED con texto suavizado.
- Aurora · acentos expresivos para código creativo.
Cada variante sigue la misma filosofía, adaptando tono y profundidad según cómo te sientas al programar.
Accesibilidad
- Contraste mínimo 4.5:1 en tokens principales; 7:1 en High Contrast.
- Enlaces y estados focus con subrayado y halo (no solo color).
- Evita rojo/verde para semántica crítica.
Instalación
VS Code
- Abre Extensions → busca “Harmonia” (publisher: agusrdz).
- Instala y selecciona la variante de tu agrado.
- Recomendado:
// settings.json { "editor.fontLigatures": true, "editor.fontFamily": "JetBrains Mono, Menlo, Consolas, monospace", "workbench.preferredDarkColorTheme": "Harmonia Dark", "workbench.preferredLightColorTheme": "Harmonia Light" }
Gallery
Obtener Harmonia
Detrás del diseño
¿Quieres saber cómo nació Harmonia?
📝 Lee la historia completa:
Cómo hacer las largas sesiones de código más agradables - La historia detrás de Harmonia Theme