🎨 Hacer más agradables las largas sesiones de codificación: la historia detrás de Harmonia Theme
Un buen tema no es sólo una paleta de colores: es una herramienta para proteger tu concentración, reducir la fatiga y hacer que tu editor te haga sentir cómodo.
🧪 ¿Por qué crear un tema?
Siempre me ha gustado ajustar mi entorno de desarrollo, desde las fuentes del terminal hasta los atajos de teclado. Pero nunca he podido encontrar un tema que me pareciera coherente, equilibrado y cómodo para largas horas de trabajo.
Así que decidí probar algo: crear mi propio tema de Visual Studio Code.
No como diseñador, sino como desarrollador: por curiosidad, por aprender y por ver el impacto real que puede tener un tema bien elaborado.
🌙 Oscuro, suave y centrado: así es Harmonia
Desde el principio, Harmonia tuvo un objetivo claro: ser un tema oscuro, suave y visualmente coherente, especialmente diseñado para desarrolladores web.
Me centré en los lenguajes y tipos de archivos que más utilizo: PHP, JavaScript (TypeScript y JSX), JSON, archivos de configuración, Docker, Apache, Nginx y archivos de registro.
La idea era destacar lo importante sin ruido visual. Un tema que transmite calma y deja respirar el código.
🖌️ Las decisiones sobre el color
En lugar de elegir colores llamativos o de alto contraste, opté por un enfoque más sutil:
- Fondo suave pero profundo: lo suficientemente oscuro como para reducir la fatiga visual, pero sin llegar al negro riguroso.
- Primer plano legible y enriquecido: evitar el blanco puro o los grises apagados.
- Colores sintácticos con carácter, no caóticos: lo bastante fuertes para ser útiles, pero no abrumadores.
Cada color se probó y ajustó para que fuera coherente en los distintos idiomas y sintaxis, sin romper la armonía de la paleta general.
👁️ Por qué importan los colores
Pasamos incontables horas mirando nuestros editores. Un mal tema puede ser una fuente constante de fatiga visual, aunque no te des cuenta.
Una combinación de colores equilibrada puede ayudarte a:
- mantener la concentración durante más tiempo
- evitar dolores de cabeza o fatiga visual
- disfrutar un poco más de la experiencia de codificar
En mi opinión, un tema forma parte de la ergonomía del desarrollador. Igual que una buena silla o un monitor calibrado. No te das cuenta de su valor hasta que utilizas uno que está realmente bien hecho.
🧠 Lo que aprendí por el camino
Crear un tema es más técnico de lo que parece. He aprendido:
- cómo funcionan los ámbitos de token de VS Code
- cómo agrupar estilos en distintos idiomas y tipos de archivo
- cómo probar paletas manteniendo la coherencia
- cómo empaquetar y publicar en VS Code Marketplace
- cómo generar vistas previas adecuadas para que otros usuarios vean lo mismo
No era difícil, pero sí muy detallado.
Y eso lo hizo divertido.
⚠️ Acerca de las actualizaciones
Trabajo a tiempo completo, así que las actualizaciones no serán frecuentes, pero seguiré mejorando Harmonia poco a poco, sobre todo en lo que respecta a los lenguajes y herramientas que más utilizo en el desarrollo web.
Esto incluye PHP, JS/TS, JSON, configuraciones, archivos Docker y archivos de registro.
Si el tiempo me lo permite, me encantaría ampliar la compatibilidad con otros idiomas y mejorar aún más el alcance del tema.
📦 Dónde encontrarlo
Harmonia Theme ya está disponible en Visual Studio Code Marketplace.
🙌 Gracias por leer
Se trataba de un pequeño proyecto paralelo, pero que me dio muchas satisfacciones.
Si ayuda aunque sólo sea a un desarrollador más a sentirse un poco más cómodo durante una larga sesión de codificación, habrá merecido la pena.
Y si lo pruebas, me encantaría conocer tu opinión.