Research · Eye comfort

Code for hours,without wrecking your eyes

A practical, sourced guide to how light, color, distance and time affect your eyes at the screen, and how the Coders Cookies theme suite is tuned around it.

The short version

  • Take breaks. Every 20 minutes, look 20 feet away for 20 seconds.
  • Sit back.Keep the screen at arm's length, top just below eye level.
  • Calm the screen. Match brightness to the room, warm the white point at night.
  • Pick a soft theme. No pure black, no pure white, desaturated colors, contrast around 4.5:1.

01 What eye strain actually is

The clinical name is Digital Eye Strain (or Computer Vision Syndrome). It is not damage, it is fatigue. When you stare at a screen your eyes do three tiring things at once: they hold focus at one fixed distance for a long time, they keep converging (both eyes angled inward), and your blink rate drops by roughly half, so the surface of the eye dries out. Add glare and harsh contrast and the tiny focusing muscle never gets to relax.

~50%
drop in blink rate while reading a screen
3+ hrs
daily screen time where symptoms commonly start
4.5:1
minimum text contrast for comfortable reading (WCAG AA)

Common symptoms: tired or burning eyes, blurry vision late in the day, headaches around the temples, and trouble refocusing on far objects. The good news is that all of it is preventable with habits and a calmer screen.

02Screen time & the 20-20-20 rule

The single most recommended habit, endorsed by the American Academy of Ophthalmology and the American Optometric Association.

Every 20 minutes, look at something at least 20 feet (6 m) away for 20 seconds. That relaxes the focusing muscle and lets you blink fully and rewet your eyes.

20 min
work interval
20 ft
look this far away
20 sec
hold the gaze
  • Take a longer 5 to 10 minute break every hour and stand up.
  • Consciously blink, or use lubricating drops in dry rooms.
  • Bind a 20 minute timer (Pomodoro or a break reminder) so you don't rely on willpower.

03Distance, height & posture

Distance

Keep the screen about 50 to 70 cm (20 to 28 in)away, roughly an arm's length. Closer forces more convergence and focusing effort.

Height & angle

The top of the screen at or just below eye level, tilted back 10 to 20 degrees. Looking slightly down keeps more of the eye covered by the lid, reducing dryness.

  • Place the monitor perpendicular to windows to kill glare.
  • Light the wall behind the monitor (bias lighting) to soften contrast.
  • Avoid a bright window or lamp directly behind or in front of the screen.

04Font size & readability

If you lean in to read code, the font is too small. Fix the font, not your spine.

ContextComfortable sizeNotes
Editor (VS Code)14 to 16 pxBump to 16 to 18 px on 1080p or if you sit further back.
Body text on web16 to 18 pxNever below 16 px for long-form reading.
Line height1.5 to 1.6xMore vertical air means less retracking effort.
Line length~80 colsVery long lines make the eye jump and lose its place.

Use a real monospace coding font. Faces like JetBrains Mono, Fira Code or Cascadia Code have tall x-heights and clearly distinguish 0 O o l 1 I, so you squint less at ambiguous glyphs.

05Brightness, contrast & warmth

Match brightness to the room

Your screen should not look like a torch in a dark room, nor washed out in a bright one. Matching it to ambient light stops your pupils constantly readjusting.

EnvironmentAmbient lightScreen brightness
Night / dim roomDesk lamp only~100 to 120 cd/m²
Normal officeOverhead lights~150 to 200 cd/m²
Bright room / windowStrong daylight~200 to 250 cd/m²

Warm the white point at night

A cold, blue-tinted white (about 6500 K) is the most fatiguing and the most disruptive to sleep. Shifting toward a warmer 3400 to 5000 K in the evening (Night Light, Night Shift or f.lux) is gentler on the eyes and your circadian rhythm.

06Color, wavelength & the retina

Light is energy, and shorter wavelengths carry more of it. Blue light (about 415 to 455 nm) is the high-energy end of the visible spectrum. It scatters more inside the eye and is the hardest for the lens to focus crisply, which adds to that fuzzy, tired feeling after a long session. Green (about 520 to 560 nm) sits in the middle of the spectrum, the wavelength the eye focuses with the least effort and perceives as brightest, which is why green reads as calm. Warm amber and yellow tones carry little blue, so they are restful, especially at night.

Calming for the eye

  • Green, mid spectrum, lowest focus effort.
  • Soft amber and warm yellow, low blue, restful at night.
  • Muted, desaturated versions of any hue.

Tiring for the eye

  • Pure saturated blue or violet on dark, scatters and blurs.
  • Neon, fully saturated accents, harsh and glary.
  • Pure white on pure black, maximum contrast shock.

Saturation is the hidden culprit. Highly saturated colors are bright, vibrate against dark backgrounds, and often fail contrast rules. Desaturating accents 15 to 30% keeps syntax readable while taking the sting out.

07Pure black, halation & OLED

Accessibility research is clear: avoid pure #000000 backgrounds with pure #FFFFFF text. The extreme contrast causes a halation effect, where light text appears to bleed and glow into the black. It is especially hard for people with astigmatism and makes long reading uncomfortable. The fix is a soft dark gray background and an off-white foreground, while still hitting the WCAG 4.5:1 contrast minimum.

The OLED nuance: on OLED a pure-black pixel is switched off, saving power and giving infinite contrast, which is exactly what maximizes halation and bloom. The sweet spot is a very dark, near-black gray (around 5% lightness): almost all the battery and inky look, with the bloom softened.

#000000
avoid · halation
#0A0C0B
OLED sweet spot
#191D1B
soft dark gray
#FFFFFF
avoid · glare
#C6D2C9
soft foreground

08 Screen types compared

PanelStrengthWatch out forBest fit
IPS LCDConsistent color, no true-black bloomBlack is backlit gray; can flicker (PWM) when dimmedSoft / Eye Comfort
OLEDPer-pixel black, low power on dark UIHalation on pure black; possible PWM flickerEye Comfort OLED
VADeep contrast, cheapSmearing; very deep blacks crush detailSoft / Eye Comfort
E-inkReflective, paper-like, no backlightSlow, grayscaleLight / Warm Sepia

Flicker (PWM) matters too. Many panels dim by flashing the backlight. If a screen gives you headaches at low brightness, look for a flicker-free / DC-dimming display and keep brightness matched to the room instead of cranked down.

09Glasses, lenses & prescriptions

Anti-reflective coating

The biggest, least-controversial win. AR coatings cut reflections off the lens so less stray light hits your eye, giving clearer text and less glare.

Blue-light filter lenses

May improve evening comfort and sleep for some people, though the evidence for reducing strain is mixed. A software warm shift does much of the same for free.

Computer / intermediate glasses

If you are over 40 or wear progressives, an intermediate prescription tuned to 50 to 70 cm keeps the screen sharp without tilting your head to find the right lens zone.

Keep your prescription current

An out-of-date or uncorrected prescription (even mild astigmatism) forces constant micro-refocusing and is a top hidden cause of screen headaches. Get an annual check.

10 Which theme combination is best

There is no single winner, it depends on your room, panel and time of day. But the principles are consistent.

  • Dark in a dim room, light in a bright room. Match the screen to the surroundings.
  • Background a soft dark gray, not pure black. Foreground off-white, not pure white.
  • Desaturated, mid-tone syntax colors with a green or amber bias read calmly for hours.
  • Keep text contrast 4.5:1 or higher, UI elements 3:1 or higher.
Use caseBackgroundForegroundAccent
All-day dark#191D1B#C6D2C9Desaturated green
OLED laptop#0A0C0B#C4CFC7Soft green + amber
Late night#1E1810#E6DCC8Warm amber (low blue)
Bright room#F2F7F2#1E3A2BDeep green

11 How Coders Cookies applies the research

Every one of the seven variants follows the rules above: no pure black, softened off-white text, desaturated and warm-biased syntax, and contrast that clears WCAG AA. Pick by room and panel. Eye Comfort for all day, Eye Comfort OLED for laptops, Warm Sepia for late nights, and Light for bright rooms.

Want to feel it? Use the Theme switcher at the top of any page to repaint this whole site in each variant.

12 Sources

  1. American Optometric Association, Computer Vision Syndrome (blink rate, focus, blue-light scatter, 20-20-20). aoa.org
  2. DubBot, Dark Mode: Best Practices for Accessibility (avoid pure black and white, halation, WCAG 4.5:1, avoid high saturation). dubbot.com
  3. Reshin Monitors, Best Display Settings to Reduce Eye Strain (brightness-to-ambient table, warm color temperature). reshinmonitors.com
  4. AccessibilityChecker, Battling Digital Eye Strain (warm tones, spacing, dark mode, blue-light reduction). accessibilitychecker.org

This guide is for general education, not medical advice. For persistent eye discomfort, headaches or vision changes, see a qualified optometrist or ophthalmologist.