Eye Strain from VS Code
VS Code is where developers live, and where their eyes suffer most. This timer reminds you every 20 minutes to rest.
About this timer: Eye Strain from VS Code
Why does VS Code cause eye strain?
VS Code defaults to a 14px font with dense information packing — file explorer, editor tabs, terminal, sidebar, minimap, and status bar all compete for screen space. Syntax highlighting uses multiple colors that create high contrast against dark or light backgrounds. Developers tend to concentrate so intensely that they blink significantly less, and the integrated terminal adds another focal point within the same window.
What VS Code settings help reduce eye strain?
Increase the editor font size to at least 16px in settings (`editor.fontSize`). Disable the minimap if you don't use it. Choose a color theme with moderate contrast — avoid pure white on pure black. Enable `editor.wordWrap` so you're not constantly scrolling horizontally. Consider Zen Mode (`View > Appearance > Zen Mode`) during deep focus sessions to reduce visual clutter.
Is dark mode better or worse for my eyes?
Neither is universally better. Dark themes reduce overall light emission, which feels easier in dim rooms. Light themes provide better readability and are easier on your eyes in well-lit environments. The worst setup is a dark theme in a bright room or a light theme in a dark room — the contrast between your screen and surroundings is what causes the most strain. Match your theme to your lighting.
Should I use a VS Code extension for eye breaks instead?
You can. There are extensions like "Eye Rest Reminder" that work inside VS Code. But a browser-based timer like NowDo20 has an advantage — it works across all your tools, not just one editor. It also sends browser notifications that reach you even when VS Code is in full screen. Use whatever you'll actually stick with.