VS Code Theme · Free forever

Coders CookiesMatte Green Theme

A calm, deployed-style theme family for VS Code: forest backgrounds, a crisp green accent, and a terminal that feels shipped. Seven variants in one extension, tuned for your eyes.

$ext install coderscookies.coders-cookies-theme

Or search "Coders Cookies" in the Extensions view.

Preview a theme · Coders Cookies

See it in your editor

A live preview that repaints with the theme you pick. Try a variant below and watch the editor change.

Preview a theme · Coders Cookies

coders-cookies.ts — Coders Cookies
coders-cookies.ts
1// Coders Cookies, matte green, deployed
2import { cook } from "@coders/cookies"
3
4export const theme = {
5 name: "cookies",
6 variants: 7,
7}
8
9function ship(count: number) {
10 return cook(count * 7)
11}
● Coders Cookies
Built after real eye research

Made for the eyesbehind the code

We read the research on how light, color and contrast tire your eyes, then tuned every Coders Cookies palette around it. The human eye focuses mid spectrum light (around 555 nm green) with the least effort, so we lean on soft greens and warm tones, keep contrast gentle, and cut the high energy blue light.

move your cursor, it's watching 👁️
20·20·20

Rest the focus muscle

Every 20 minutes, look at something 20 feet away for 20 seconds. Endorsed by the AAO & AOA to relax the eye and restore your blink rate.

50–70cm

Arm's-length distance

Keep the screen about an arm's length away, top of the display at or just below eye level so you look slightly down.

= room

Match the brightness

Your screen shouldn't be a torch in a dark room. Match brightness to the ambient light and warm the white point at night.

no #000

Never pure black

Pure black + pure white causes a halation glow that strains the eye. We use soft dark grays and off-white text instead.

The colors your eyes relax on

Desaturated greens and warm ambers carry less high energy blue light and sit where the eye focuses most comfortably. They are the backbone of every variant.

Based on published eye strain and accessibility guidance (AOA, WCAG contrast). See the full research for sources.

#3DBE6A
mid spectrum, easy focus
#5CD989
gentle, low glare
#C8E9A0
calm strings
#F0B86C
low blue light

Seven variants, one install

Switch any time via Preferences: Color Theme. Tip: try the Theme switcher up top to preview each one right here.

const theme = {
  name: "cookies"
  accent: #3DBE6A
}

Coders Cookies

Dark

The signature matte green on a forest background.

const theme = {
  name: "cookies"
  accent: #36D873
}

Coders Cookies Deep

Dark · Matte Green

Deeper, near-black background. The GoalPost CLI deployed look.

const theme = {
  name: "cookies"
  accent: #49DD82
}

Coders Cookies Soft

Dark · Matte Green

A lighter, less-deep matte forest for brighter rooms.

const theme = {
  name: "cookies"
  accent: #74C98C
}

Coders Cookies Eye Comfort

Dark · Eye-friendly

Soft gray bg, off-white text, desaturated low-blue syntax. The all-day pick.

const theme = {
  name: "cookies"
  accent: #5EC987
}

Coders Cookies Eye Comfort OLED

Dark · OLED

Near-black (not #000), saves OLED battery and kills halation bloom.

const theme = {
  name: "cookies"
  accent: #E0B86C
}

Coders Cookies Warm Sepia

Dark · Low blue light

Amber, minimal blue light. The late-night wind-down theme.

const theme = {
  name: "cookies"
  accent: #1E9E55
}

Coders Cookies Light

Light

Soft green-tinted light mode for bright rooms.

How to install

  1. 1Open VS Code, then Extensions ( Ctrl/Cmd + Shift + X ).
  2. 2Search "Coders Cookies" and click Install.
  3. 3Open the theme picker ( Ctrl/Cmd + K, Ctrl/Cmd + T ) and choose a Coders Cookies variant.

Get in touch

Found a bug, have a theme idea, or want to say hi? We verify your email with a quick code, then it lands in our inbox.

We'll email a 6-digit code to confirm your address before sending.