Skip to main content
Coding Theme

Color themes

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.

  • editor.background#1f1f1d
  • editor.foreground#f9f6ef
  • editor.selectionHighlightBackground#003D67
  • editor.selectionHighlightBorder#004488
  • editorBracketPairGuide.activeBackground1#888888
  • editorBracketPairGuide.activeBackground2#888888
  • editorBracketPairGuide.activeBackground3#888888
  • editorBracketPairGuide.activeBackground4#888888
  • editorBracketPairGuide.activeBackground5#888888
  • editorBracketPairGuide.activeBackground6#888888
  • symbolIcon.classForeground#00a4ef
  • terminal.ansiBlack#555555
  • terminal.ansiBlue#409cff
  • terminal.ansiBrightBlack#b3b3b3
  • terminal.ansiBrightBlue#00a4ef
  • terminal.ansiBrightCyan#66d9ef
  • terminal.ansiBrightGreen#7fba00
  • terminal.ansiBrightMagenta#a97cf8
  • terminal.ansiBrightRed#f25022
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffb900
  • terminal.ansiCyan#70d7ff
  • terminal.ansiGreen#a9dc76
  • terminal.ansiMagenta#a89fec
  • terminal.ansiRed#ee7762
  • terminal.ansiWhite#f9f6ef
  • terminal.ansiYellow#ffb900
  • terminal.background#1f1f21
  • terminal.foreground#f9f6ef
  • terminal.selectionBackground#42557b5a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#a0a0a0italic
keyword#F38230
variable
variable.parameter
constant#FBB73B
meta.function-call
meta.function
meta.type#70D7FF
meta.type.annotation
constant.numeric#70D7FF
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
markup.headingbold
string