DEV Community

Cover image for VS Code Themes I Can Actually Code In for 8 Hours
Mark Yu
Mark Yu

Posted on • Edited on

VS Code Themes I Can Actually Code In for 8 Hours

I stopped picking VS Code themes by screenshots.

A theme can look beautiful for five minutes and still become painful after a full day of reading logs, reviewing diffs, and jumping between TypeScript, Markdown, JSON, and terminal output.

So this list is not "the prettiest themes." It is my practical filter for themes I can actually code in for 8 hours.

My Theme Test

Before keeping a theme, I check four things:

Check Why I care
Diff readability Code review is where bad colors hurt fast.
Markdown contrast I write docs and blog drafts in the editor.
Terminal visibility Some themes forget the integrated terminal exists.
Low-light fatigue A theme that looks cool at midnight can still punish your eyes.

My quick test file usually includes:

type ThemeTest = {
  status: "draft" | "review" | "published";
  count: number;
  tags?: string[];
};

export function formatTitle(input: string) {
  if (!input.trim()) throw new Error("Missing title");
  return input.trim().replace(/\s+/g, " ");
}
Enter fullscreen mode Exit fullscreen mode

Then I open a Git diff, a Markdown post, and a terminal. If one of those feels bad, the theme is out.

1. GitHub Theme

This is still my safest recommendation.

It has dark, light, dimmed, and high-contrast variants, so you can use one family across different lighting conditions.

I like it because it does not try too hard. The colors are predictable, and the diff view stays readable.

Best for:

  • backend work
  • docs
  • code review
  • teams that switch between light and dark mode

My take: if you do not want to think about themes, start here.

2. One Dark Pro

One Dark Pro is popular for a reason. It has a polished dark palette and works well with many languages.

The downside is that some variants can feel too soft when you are scanning large files. If your monitor is not great, muted contrast becomes annoying.

Best for:

  • JavaScript/TypeScript
  • frontend projects
  • developers who like dark themes but not aggressive neon

My take: good default, but test it in diff view before committing.

3. Night Owl

Night Owl is one of the better themes for late-night coding.

The palette is calm without making everything gray. I especially like it for React and Markdown because headings, strings, and JSX are easy to separate.

Best for:

  • night work
  • React
  • docs-heavy repositories

My take: strong choice if Dracula feels too loud.

4. Dracula Official

Dracula is bold. Some people love that. Some people get tired of it quickly.

I would not use it for every project, but it works well when you want strong syntax separation and a little visual energy.

Best for:

  • short coding sessions
  • demos
  • streams
  • people who like high contrast

My take: good taste is not the same as low fatigue. Try it for a full day.

5. Ayu Mirage

Ayu Mirage is the version I would pick from the Ayu family.

It feels softer than many dark themes but still keeps enough contrast for real work. The light version is not my favorite; Mirage is the useful one for me.

Best for:

  • long writing/coding sessions
  • web projects
  • developers who prefer warm dark palettes

My take: understated and practical.

6. Noctis

Noctis is useful because it gives you many variants, including good light options.

I like it when I need a theme that does not look like every other dark editor screenshot. Some variants are better than others, so do not install it and stop at the first one.

Best for:

  • developers who switch palettes often
  • light theme users
  • accessibility testing

My take: treat it like a theme toolkit, not one theme.

7. Moonlight

Moonlight is calm and stylish. I like it for writing, Markdown, and frontend code.

It may not be the best theme for dense backend debugging where you want maximum contrast, but it is pleasant for building UI and reading code.

Best for:

  • frontend work
  • side projects
  • prose and Markdown

My take: nice when you want focus without the editor shouting at you.

8. 2077

2077 looks cool. That is both the reason to try it and the reason to be careful.

Neon themes are fun, but I rarely keep them as daily drivers. They work better for screenshots, demos, and short sessions.

Best for:

  • visual demos
  • short creative sessions
  • personal projects

My take: great vibe, not always great ergonomics.

9. Material Theme

Material Theme remains a strong all-rounder because the variants are mature and predictable.

If you work across several languages, this matters more than people think. A theme that handles TypeScript well but makes YAML unreadable is not a daily-driver theme.

Best for:

  • polyglot repos
  • web apps
  • teams that want familiar colors

My take: not exciting, but productive.

10. Catppuccin

Catppuccin has become one of my favorite choices for 2026-style dev setups because it feels modern without being chaotic.

The variants give you enough room to tune mood and contrast, and it works nicely across terminals, editors, and many CLI tools.

Best for:

  • full desktop theming
  • long sessions
  • developers who want a softer modern palette

My take: this is the one I would add to the older 2024 list.

My Practical Ranking

Use case Theme I would pick
Safest default GitHub Theme
Night coding Night Owl
Soft modern setup Catppuccin
Strong dark classic One Dark Pro
Light theme workflow GitHub Light or Noctis
Screenshots/demos 2077 or Dracula

What I Would Avoid

I would not install 20 themes and keep switching every hour. That usually feels productive but is just visual procrastination.

Pick one daily driver, one light fallback, and maybe one demo theme. That is enough.

Also: test your theme with your actual work. If you write Java, open Java. If you write Kubernetes YAML, open YAML. Theme screenshots lie.

Final Thought

A good theme should disappear while you work. If you keep noticing the colors, it may be a beautiful theme but a bad tool.

What VS Code theme have you used for months without getting tired of it?

Top comments (3)

Collapse
 
doantrongnam profile image
Doan Trong Nam

Monokai pro for life :v
Image description

Collapse
 
julialexes profile image
Julián España

Estuve estudiando la documentación oficial de Rust y me gustó el color piel o color café que se puede establecer. Ha ese estilo me gustaría que fuera visual studio Code.

Collapse
 
sapegin profile image
Artem Sapegin

Another great light option with low contrast: Squirrelsong.

Squirrelsong Light for Visual Studio Code