The right color scheme can help you quickly scan and pick up anomalies in your code. The way functions, classes, modules, and parts of your code get highlighted can also determine your overall productivity over time. There’s more to it than just inverting the color scheme from white to black. We do this, in part, to save our eyes from the glaring screen and decrease the potential strain.īut not all dark themes are made equal.

When it comes to productivity, we purposefully dim and change the color scheme of our IDEs and code editors from the standard stark white to an inverted contrast. We will probably also change some of the themes to make them easier to read and not as hard on the eyes, and we'll expand so they are all compatible with Markdown and HTML and any other languages.Developers have a thing for dark mode. It would be really cool to find a way to expand what we can change about the environment, whether that's through making our own IDE or finding other ways to create this extension. We all had to learn the basics of JSON, and how to use Yeoman and the VSCE. Some of us learned how to use GitHub, some of us learned how to use Visual Studio. We successfully made 9 different themes that we like! What we learned We also ran into some issues trying to run the extension to see our changes.

We also had some issues trying to find an IDE what everyone was used to, and in the end one of our team members had to get acquainted with VS Code since she hadn't used it before. Our team is still getting used to GitHub, so we ran into some issues using it.

We packaged the themes using the VS Code Extension Generator. We used the base color themes provided Yeoman Generator and in the JSON, modified the attributes given and added more. What it doesĬhanges the color theme of your VS Code editor and boosts your festive-ness. We're still feeling out the coding environments we're using so this was a fun way to get more acquainted with VS Code while making something festive.

Creating visual studio code theme