bradtraversy.dev — startdev-theme.mdx
home.md projects/ tools/ × devlog/ articles/ now.md about.md
tool · dev

# start.dev theme

warm, low-contrast dark theme for vs code, cursor, and vscodium

desktop
the start.dev vs code theme showing graphite chrome with warm amber accents and one dark pro syntax colors

a dark vs code theme with the same palette as the in-browser editor on start.dev: a graphite chassis lit by a single warm amber accent, with quiet chrome so the syntax does the talking. built on the bones of one dark pro and retuned to a true-neutral graphite ramp.

what it does

  • graphite chrome, no cool cast: every workbench neutral (sidebar, tabs, status bar, terminal) reads true-gray instead of one dark pro’s faint blue tint
  • amber as the one interaction color: cursor, selection, focus ring, active-tab accent, and active line number all share a single warm #F1B467
  • warm terminal palette: the ansi ramp is recolored to match the graphite-and-amber identity
  • familiar syntax colors: the one dark pro token colors stay as they are, so code reads the way you already know
  • dark only for now; no light or high-contrast variant yet

install

editorhow
vs codesearch start.dev in extensions, or install from the marketplace
cursor / windsurf / vscodiumsearch start.dev, resolves via open vsx
sourcegithub.com/Traversy-Media/startdev-vscode-theme

then ctrl+k ctrl+t (or cmd+k cmd+t on macos) and pick start.dev.

why i built it

the start.dev learning platform runs a full vs code-compatible theme object in its in-browser editor, so the colors students learn in already existed in the right shape. packaging them as a real extension was mostly an audit pass: kill the cool cast on the chrome, make amber the single interaction color, warm up the terminal, leave the syntax alone. now the editor you learn in and the editor you work in can look the same.

mit · free.

// EOF startdev-theme.mdx
main
startdev-theme.mdx
UTF-8
LF
Markdown
Ln 1, Col 1