Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Calm CoderNew to Visual Studio Code? Get it now.
Calm Coder

Calm Coder

maxdevtool

|
9 installs
| (0) | Free
A soothing color theme optimized for ADHD focus, featuring soft blues, greens, and earth tones to reduce visual overstimulation
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🧘 Calm Coder Theme

A soothing Visual Studio Code color theme tuned for ADHD-friendly focus: soft blues and greens, calm earth tones, and moderate contrast to limit visual overload while keeping code easy to read.

Design philosophy

This theme is built on evidence-based color psychology for ADHD focus:

  • Soft blues & greens: Promote tranquility and sustained attention
  • Neutral earth tones: Provide grounding without distraction
  • No bright reds/oranges (in the core Calm palettes): Avoids triggering overstimulation or anxiety
  • Moderate contrast: Clear readability without harsh visual "jumps"
  • Balanced syntax (Light / Dark): Readable without harsh contrast jumps

🔤 Typography (font)

This extension sets a default editor font per theme via configurationDefaults:

  • JetBrains Mono, with fallbacks: Consolas, Courier New, monospace.

Install JetBrains Mono on your system (or use a font extension). If it is missing, the editor uses the next font in the list.

Override per theme in settings.json if you prefer another font:

{
  "[Calm Coder Light]": {
    "editor.fontFamily": "'Your Font', monospace"
  }
}

⚙️ Activating the theme

  1. Ctrl+K Ctrl+T / Cmd+K Cmd+T, or File → Preferences → Color Theme.
  2. Select Calm Coder Light or Calm Coder Dark.

👀 Theme preview

Calm Coder Dark

Calm Coder Dark preview

Calm Coder Light

Calm Coder Light preview

🌍 Language support

Works with all languages VS Code supports. Highlighting follows TextMate scopes (and semantic highlighting where enabled).

💡 Tips for focus

  1. Suggested settings for a calmer editor:

    {
      "editor.lineNumbers": "on",
      "editor.renderWhitespace": "none",
      "editor.minimap.enabled": false,
      "editor.cursorBlinking": "solid",
    }
    

    Add a similar block for [Calm Coder Dark] if you use it.

  2. Less motion (optional):

    {
      "workbench.list.smoothScrolling": false,
      "editor.smoothScrolling": false,
      "terminal.integrated.smoothScrolling": false
    }
    

📝 Feedback

Built with ADHD-friendly goals in mind; needs vary — share feedback if something feels too strong or too soft.

🎓 Based on research

Blues and greens for calm, neutral surfaces to cut distraction, moderate contrast for longer reading, and (in the core Calm palettes) avoiding harsh reds/oranges in syntax where possible.

📄 License

MIT License


Happy coding with less distraction!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft