VS Code Dark Mode Colors: #1E1E1E
What is the VS Code dark mode hex code?
VS Code Dark+ uses editor background #1E1E1E, sidebar #252526, activity bar #333333, text #D4D4D4, and status blue #007ACC. Copy each hex below for IDE and developer-tool UI.
- Editor: #1E1E1E
- Blue: #007ACC
- Sidebar: #252526
Copy VS Code dark theme hex codes—editor #1E1E1E, sidebar #252526, and status blue #007ACC—for developer tools and IDE-inspired UIs.
VS Code Dark+ — Quick Copy
Editor, sidebar, blue accent, and text tokens. Click Copy on any row.
What is the Hex Code for VS Code Dark Mode?
The default VS Code Dark+ editor background is #1E1E1E. The file explorer sidebar uses #252526; the activity bar (left icons) uses #333333. Editor foreground text is #D4D4D4, and the status bar accent is #007ACC.
Compare with Discord, Slack, and the full dark mode color palette guide. Look up any hex with our hex to color name finder.
Full VS Code Dark+ Color Palette
Editor, sidebar, status blue, selection, and SCM colors.
| Swatch | Token | Hex |
|---|---|---|
| Editor background | #1E1E1E | |
| Sidebar | #252526 | |
| Activity bar | #333333 | |
| Title bar | #3C3C3C | |
| Input / dropdown | #3C3C3C | |
| Border | #474747 | |
| Text primary | #D4D4D4 | |
| Text muted | #808080 | |
| Status bar | #007ACC | |
| Focus border | #007FD4 | |
| Selection | #264F78 | |
| Line highlight | #2A2D2E | |
| Error red | #F14C4C | |
| Warning yellow | #CCA700 | |
| Git added green | #89D185 |
Why VS Code Dark Mode Works
VS Code Dark+ is optimized for long coding sessions: mid-dark grays reduce glare, blue accents mark focus and status without saturating the editor, and semantic colors (red/yellow/green) stay reserved for diagnostics and git. Developer dashboards and IDEs borrow this hierarchy because millions of engineers already know it.
FAQ
- What is the VS Code dark mode background color hex code?
- VS Code Dark+ editor background is #1E1E1E. The sidebar uses #252526, the activity bar uses #333333, and primary editor text is #D4D4D4.
- What is the VS Code blue hex code?
- VS Code status bar and accent blue is #007ACC (rgb(0, 122, 204)). Focus borders use a lighter #007FD4. Selection highlight is #264F78.
- What are all the VS Code dark mode colors?
- VS Code Dark+ uses #1E1E1E editor, #252526 sidebar, #333333 activity bar, #D4D4D4 text, #007ACC status blue, #264F78 selection, plus error #F14C4C and warning #CCA700.