Post

6 Hottest VS Code Themes To Use in 2019

Updated on September 15, 2020
    Default avatar

    By James Quick

    6 Hottest VS Code Themes To Use in 2019

    This tutorial is out of date and no longer maintained.

    Visual Studio Code is incredibly easy to customize, including adding some awesome looking themes. Themes can give your editor a lot of personality and make it more fun to work with. Let’s take a look at some of the hottest themes to use in 2019!

    Check out Learn Visual Studio Code to learn everything you need to know about Visual Studio Code!

    Installing Themes

    If you’re new to VS Code, you can install themes through the extension panel in VS Code. You can open the extension panel and type in a search. If you find a theme you like, you can click the install button. You’ll have to reload after installing, but other than that, there’s nothing to it.

    After installing your theme and restarting, you can activate it by going to the gear icon in the bottom left, and choose “Color Theme”. (You can also access this from the command palette by using (cmd+shift+p).

    Then, choose your theme.

    For reference, I’m going to include a screenshot of the same piece of code for each theme for easy comparison.

    Night Owl

    This theme was created by Sarah Drasner who is highly regarded in the CSS community. It is perfect for those of us late owls who stay up late working on exciting projects. Sarah obviously has a great eye for design and Night Owl proves it.

    Winter is Coming

    Speaking of Sarah Drasner, she works with John Papa who came out this seasonal themed theme, Winter is Coming. Technically, this was released in late 2017, but it has gained its popularity in 2018. With it still being the winter season, I think this one is pretty cool (pun intended!!).

    There’s also a light version.

    Shades of Purple

    VS Code Pro

    If you’re looking for another option to learn more about Visual Studio Code, the author of this theme also released VS Code Power User! This course is jam packed with content on becoming a power user of VS Code!

    Rainglow

    If you’re looking for a theme with multiple themes built in, Rainglow has tons of them for you. This a great way to check out a bunch of different combinations of colors to see what you like the most. Technically released in late late 2017, but still.

    You can see the code in the background, but also notice how many choices there are.

    Noctis

    Noctis is another one with several different options. Not as many as Rainglow above, but still a a few different ones to look at. This theme in particular has had immense success in less than a year. Definitely worth a look.

    and a light version…

    Monokai.Pro

    Monokai is making a comeback with this Pro theme.

    https://www.monokai.pro/

    It comes in various color schemes so you can take your pic. Heads up, there is a paid component to this theme.

    Got more themes?

    Let us know in the comments and we’ll add more themes to this post! Thanks for reading.

    Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.

    Learn more about us


    About the authors
    Default avatar
    James Quick

    author

    Still looking for an answer?

    Ask a questionSearch for more help

    Was this helpful?
     
    Leave a comment
    

    This textbox defaults to using Markdown to format your answer.

    You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

    Try DigitalOcean for free

    Click below to sign up and get $200 of credit to try our products over 60 days!

    Sign up

    Join the Tech Talk
    Success! Thank you! Please check your email for further details.

    Please complete your information!

    Get our biweekly newsletter

    Sign up for Infrastructure as a Newsletter.

    Hollie's Hub for Good

    Working on improving health and education, reducing inequality, and spurring economic growth? We'd like to help.

    Become a contributor

    Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.

    Welcome to the developer cloud

    DigitalOcean makes it simple to launch in the cloud and scale up as you grow — whether you're running one virtual machine or ten thousand.

    Learn more
    DigitalOcean Cloud Control Panel