Skip to main content
Coding Theme

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#303030
  • editor.background#303030
  • editor.foreground#FFFFFF
  • editor.lineHighlightBackground#444444
  • editor.selectionBackground#878787
  • editorBracketMatch.background#ffafdf
  • editorBracketMatch.border#afafd7
  • editorCursor.foreground#FFFFFF
  • editorIndentGuide.activeBackground1#878787
  • editorIndentGuide.background1#444444
  • editorLineNumber.activeForeground#ffdfff
  • editorLineNumber.foreground#878787
  • editorWhitespace.foreground#afafd7
  • sideBar.background#303030
  • statusBar.background#444444
  • statusBar.foreground#FFFFFF
  • terminal.ansiBlack#303030
  • terminal.ansiBlue#0087af
  • terminal.ansiCyan#afffff
  • terminal.ansiGreen#00875f
  • terminal.ansiMagenta#dfafff
  • terminal.ansiRed#ff005f
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#ffffaf
  • terminal.foreground#FFFFFF
  • titleBar.activeBackground#303030
  • titleBar.activeForeground#FFFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#afafd7italic
keyword, storage, operator#ffafdf
string#afffff
variable, parameter#ffdfff
constant.numeric, constant.language#afffd7
function, entity.name.function#ffdfff
type, class, support.class#afffd7
punctuation.bracket#dfafff
meta.tag, entity.name.tag, punctuation.definition.tag#dfafff
invalid, error, warning#ff005fbold
1989 by dereje - VS Code Theme