Creating my own VS Code theme
One of my favourite procrastination techniques is to endlesslly toggle through colour themes within Visual Studio Code, combining them with different fonts and icons to approximate some Platonic ideal of the optimal working environment. However I am never satisfied. There is always some technical or aesthetic aspect that displeases me.
Over the last month or so I decided to resolve the issue once and for all by creating my own custom theme. I have always really enjoyed the Alien Blood colours that are one of the default themes of the iTerm 2 terminal emulator for Mac. I decided I would use this as my base and try to construct a fully-fledged syntax and UI scheme from the terminal pallette. This wasn’t easy because in general the colour palettes of terminal themes are more austere than those designed for syntax-highlighting. In addition the colors used are typically more contrasting than you would expect or want when highlighting syntax. As a result it took lots of tweaking to try and make the resulting theme visually harmonious (avoiding jarring contrasts that break the visual flow when reading code) but not so homogenous that one cannot at a glance distinguish different syntactic entities.
I was able to achieve this without introducing any additional colours to the default Alien Blood palette. The theme can be demoed in the browser here and downloaded from the extension marketplace. You can also view the theme on GitHub.