Ghostboard pixel

19 Beautiful Themes to Get a Better Visual Experience With VS Code

Your code may be ugly, but at least make them look good with these themes for the VS Code editor.
Warp Terminal

Letโ€™s be honest, thereโ€™s nothing wrong with the default Visual Studio Code theme. Itโ€™s clean, it works, and I actually used it for quite a while.

That isโ€ฆ until one day I stumbled upon a YouTube tutorial where the developerโ€™s editor looked incredible. Sleek colors, stylish syntax highlighting, suddenly, my good olโ€™ default theme felt a little boring.

That rabbit hole led me to explore the wonderful world of VS Code themes. Since then, Iโ€™ve tried a bunch, curated some favorites, and even picked out a few that are massively popular among developers.

This article is my personal roundup to help you get started. Itโ€™s not a definitive list, there are hundreds out there but if youโ€™re new to custom VS Code themes, this is a great place to begin.

1. Dracula Official

Dracula is a dark, high-contrast theme that has gained a cult following for good reason. It's stylish without being over-the-top, and it helps reduce eye strain during long coding marathons.

dracula theme

Key Features

โœ… Dark, moody aesthetic perfect for low-light environments
โœ… Excellent contrast between code elements
โœ… Seamless integration across VS Code UI
โœ… Used by many developers and YouTubers for its readability

2. One Dark Pro

One Dark Pro brings Atomโ€™s beloved โ€œOne Darkโ€ theme to VS Code, and itโ€™s just as sharp and modern as ever. If you want a professional and polished look, this is a reliable pick.

one dark pro theme

Key Features

โœ… Inspired by Atomโ€™s One Dark theme
โœ… High readability with strong contrast
โœ… Regularly updated and maintained
โœ… Works great across many programming languages

3. Ayu

Ayu is minimal, calm, and pleasing to the eyes. It comes in three flavors - Light, Mirage, and Dark, so you can match your coding mood with your environment.

ayu theme

Key Features

โœ… Minimalist design with soft color tones
โœ… Three versions: Ayu Light, Ayu Mirage, and Ayu Dark
โœ… Low distraction, easy-to-read syntax coloring
โœ… Favored by course creators like CodeWithMosh

4. Tokyo Night

Inspired by the neon lights of Tokyo, this theme is a stylish blend of cool blues and subtle purples. It's perfect if you want something modern yet easy on the eyes.

tokyo night theme

Key Features

โœ… Visually rich, inspired by Tokyoโ€™s nightscape
โœ… Low-contrast UI with clear syntax highlights
โœ… Semantic highlighting for better code clarity
โœ… Available for other editors like Vim and iTerm

5. GitHub Theme

Want your VS Code to look like GitHub? This official theme does exactly that. Itโ€™s familiar, balanced, and comes with modes for different lighting preferences.

github themes

Key Features

โœ… Light, dark, and colorblind-friendly modes
โœ… Clean and familiar GitHub look
โœ… Open-source and customizable
โœ… Great for developers already using GitHub extensively

6. Noctis

Noctis is a modern theme that comes in multiple variations - light and dark, to suit any mood. Itโ€™s especially great if you want a lighter theme without blinding brightness.

noctis theme

Key Features

โœ… Comes in multiple light and dark variations
โœ… Elegant design with smart syntax color choices
โœ… Clean UI that doesnโ€™t distract from code
โœ… Over a million installs and counting

7. Shades of Purple

If youโ€™re into vibrant colors and want your editor to stand out, Shades of Purple might be your new favorite. Created by developer Ahmad Awais, itโ€™s bold and beautiful.

shades of purple theme

Key Features

โœ… Unique purple-toned color palette
โœ… Great readability with striking contrast
โœ… Open-source and easy to tweak
โœ… Adds flair without sacrificing usability

8. Night Owl / Light Owl

Night Owl is designed specifically for night-time coders, with high contrast thatโ€™s easy on the eyes. Prefer a brighter option? Light Owl is the lighter counterpart.

night owl theme

Key Features

โœ… Designed for readability in low-light settings
โœ… Strong contrast without harsh brightness
โœ… Light and dark versions available
โœ… Cross-platform availability (Hyper, Vim, etc.)

9. Monokai Pro

Monokai Pro adds a polished twist to the classic Monokai theme. With balanced color filters, beautiful syntax highlighting, and pixel-perfect design, this theme feels professional and productive.

monokai pro

Key Features

โœ… Polished version of the original Monokai
โœ… Customizable filters and UI tweaks
โœ… Eye-friendly for long sessions
โœ… Available as part of a paid package (with free trial)

10. Cobalt2

Created by Wes Bos, Cobalt2 is bold and playful without sacrificing usability. Its distinctive blue and yellow color combo stands out and is great if you want something different.

cobalt2 theme

Key Features

โœ… Designed by a popular web developer
โœ… Unique color palette with good contrast
โœ… Works across editors and terminals
โœ… Open-source and customizable

11. Bluloco Light

Bluloco Light offers a clean and airy look with thoughtful design choices. Itโ€™s ideal for developers who work in bright environments and want a professional, minimal style.

๐Ÿ’ก
Bluloco is also available in a Dark variant: Bluloco Dark
bluloco light theme

Key Features

โœ… Light theme with a refined, minimal aesthetic
โœ… Consistent syntax coloring
โœ… Balanced, readable contrast
โœ… A great option if you prefer clean and modern

12. SynthWave '84

SynthWave '84 is a retro-futuristic theme inspired by the 1980s, featuring neon colors and even an optional glow effect for extra flair. If you want something bold and eye-catching, this oneโ€™s for you.

synthwave 84 theme

Key Features

โœ… Neon vibes and cyberpunk aesthetic
โœ… Optional glow effect (via extension)
โœ… Highly popular among front-end developers
โœ… Supports syntax across major languages

13. Horizon Theme

Horizon is a warm, reddish-orange tinted dark theme. Itโ€™s subtle, modern, and carefully designed for comfort over long coding sessions.

horizon theme

Key Features

โœ… Warm, earthy color tones
โœ… Balanced contrast for daily use
โœ… Available in both dark and bright variants
โœ… Great for front-end and full-stack development

14. Panda Theme

Panda is a soft, minimal dark theme with pastel accents. It's built for readability and calm, avoiding harsh contrasts without sacrificing clarity.

panda theme

Key Features

โœ… Soft pastel syntax coloring
โœ… Minimal and distraction-free
โœ… Excellent for late-night coding
โœ… Available for terminals and editors

15. Andromeda

Andromeda is a high-contrast dark theme with bold, saturated colors. Itโ€™s sharp, vibrant, and particularly suited to developers who like strong visual distinctions in their code.

andromeda theme

Key Features

โœ… Vibrant colors with high contrast
โœ… Great for distinguishing syntax elements
โœ… Maintains a clean, focused interface
โœ… Works well with dark desktop environments

16. Winter is Coming

Winter is Coming offers light, dark, and dark with no italics variants. Itโ€™s crisp, elegant, and excellent if you want clarity without visual clutter.

winter is coming theme

Key Features

โœ… Clean, cool-toned color palette
โœ… Multiple variants (including no italics)
โœ… High readability across languages
โœ… Ideal for clean, professional setups

17. NightFox

NightFox is part of the "Fox" theme family (includes NightFox, DayFox, DawnFox, etc.). It's a soothing dark theme with carefully curated contrast for better accessibility.

nightfox theme

Key Features

โœ… Carefully calibrated color palette
โœ… Designed with accessibility in mind
โœ… Multiple variants available
โœ… Consistent UI and terminal look

18. Palenight

Palenight is a calm, visually appealing theme with a palette of soft purples, blues, and pinks. Itโ€™s stylish without being overwhelming.

palenight theme

โœ… Key Features

โœ… Soothing colors and modern aesthetic
โœ… Strong readability for long hours
โœ… Easy on the eyes with subtle contrast
โœ… Works well across many languages

19. Catppuccin

Catppuccin has become the hot favorite among savvy computer users. The soothing, pastel colors have a different charm and it is available for so many applications. From VS Code to Xfce terminal, it is available for more than 300 applications. And that makes it an ideal choice for people who would like the uniform look across various apps.

The Catppuccin theme comes in four variants: Latte, Frappรฉ, Macchiato and Mocha. Except Latte, all of them are dark themed.

Catppuccin theme for VS Code

โœ… Key Features

โœ… Soothing pastel colors
โœ… Dark and light shades
โœ… Highly popular among developers
โœ… Available for a huge number of other applications

Wrapping Up

At the end of the day, themes are a very personal part of your coding experience.

As a web developer, Iโ€™ve experimented with a wide range of VS Code themes over the years and while I appreciate a good dark theme like Dracula or One Dark Pro, Iโ€™ll admit something that might be a bit controversial: I actually prefer light mode or even high contrast themes!

For me, coding in daylight or bright environments feels more natural with a lighter background. But thatโ€™s just my preference, and thatโ€™s the beauty of themes: thereโ€™s something for everyone.

Have a favorite theme I didnโ€™t mention? Or do you swear by dark mode no matter what? Let me know in the comments. Iโ€™d love to hear what themes power your VS Code setup!

About the author
Abhishek Kumar

Abhishek Kumar

I'm definitely not a nerd, perhaps a geek who likes to tinker around with whatever tech I get my hands on. Figuring things out on my own gives me joy. BTW, I don'tย useย Arch.

Become a Better Linux User

With the FOSS Weekly Newsletter, you learn useful Linux tips, discover applications, explore new distros and stay updated with the latest from Linux world

itsfoss happy penguin

Great! Youโ€™ve successfully signed up.

Welcome back! You've successfully signed in.

You've successfully subscribed to It's FOSS.

Success! Check your email for magic link to sign-in.

Success! Your billing info has been updated.

Your billing was not updated.