El problema de identificar proyectos en VS Code
Cuando trabajas con varios proyectos abiertos a la vez en VS Code, distinguir rápidamente en cuál estás puede marcar la diferencia entre ser productivo o cometer errores tontos. Por eso decidí usar una extensión que colorea la barra superior de cada ventana según el workspace.
La idea es simple pero muy potente: cada proyecto tiene un color distinto y así lo identificas de un vistazo. El problema es que, aunque la extensión que encontré funcionaba bien, la paleta de colores que traía por defecto no me convencía. Los tonos eran demasiado parecidos entre sí y, en la práctica, no ayudaban tanto como esperaba.
Había momentos en los que dudaba si estaba en un proyecto u otro, justo lo que quería evitar.
Modificación interna de la extensión
Decidí ir un paso más allá y personalizar la paleta. Investigando un poco descubrí que los colores no estaban en un archivo de configuración accesible, sino dentro del propio código de la extensión. Ahí fue donde la ayuda de la IA resultó clave: me guió para localizar el archivo correcto, entender cómo estaba estructurada la lista de colores y modificarla sin romper nada.
La extensión definía un array con nombres y valores hexadecimales. A partir de ahí, sustituí los colores originales por una paleta más contrastada que ya tenía preparada. Además, aproveché para mejorar la semántica: en lugar de nombres genéricos, asigné nombres de planetas del sistema solar ordenados por cercanía al Sol. 🙂
Incluso añadí una pequeña descripción del color en cada etiqueta, para que la selección fuera más intuitiva. Por ejemplo, “Marte – Rojo” o “Venus – Amarillo brillante”.
El proceso no fue inmediato: al modificar archivos internos de una extensión hay que recargar VS Code o reiniciarlo completamente para ver los cambios. También hay que asegurarse de editar el archivo correcto, ya que muchas veces el código fuente y el compilado no coinciden. Una vez resuelto eso, el cambio fue directo.
A ver, que son tonterías para un desarrollador, pero hace unos meses este tema hubiera hecho inválida la extensión para mí y me hubiera tenido que buscar otra.
Un pequeño cambio que marca la diferencia
El resultado ha sido mucho mejor de lo que esperaba. Ahora cada proyecto tiene un color claramente distinguible y, además, una referencia mental fácil de recordar gracias al nombre del planeta. No es lo mismo ver “un naranja más” que ver “Júpiter”. Ese pequeño detalle hace que el sistema sea más usable y más agradable.
Además, el contraste entre colores es mayor, lo que mejora la identificación rápida incluso con muchas ventanas abiertas. He pasado de una solución que “funcionaba en teoría” a una que realmente me aporta valor en el día a día.
Como extra, he aprendido que muchas extensiones son más modificables de lo que parece si te atreves a mirar bajo el capó.
Con un poco de ayuda (en mi caso, de una IA), puedes adaptar herramientas a tu forma de trabajar en lugar de conformarte con los valores por defecto. Y ahí, al final, es donde está la verdadera productividad.
PS: he marcado la extensión para que no se actualice sola (Disable Auto Update), para evitar que mejoras o modificaciones publicadas por el desarrollador original pisen esta mía.
