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.

  • editor.background#000000
  • editor.findMatchBackground#000000
  • editor.findMatchBorder#ff7300
  • editor.findMatchHighlightBackground#000000
  • editor.findMatchHighlightBorder#ff7300
  • editor.findRangeHighlightBackground#ff0000
  • editor.foreground#FFFFFF
  • editor.lineHighlightBackground#000000
  • editor.selectionBackground#575555
  • editor.wordHighlightBackground#000000
  • editor.wordHighlightBorder#ff7300
  • editor.wordHighlightStrongBackground#000000
  • editor.wordHighlightStrongBorder#ff7300
  • editorBracketHighlight.foreground1#FFFFFF
  • editorBracketHighlight.foreground2#FFFFFF
  • editorBracketHighlight.foreground3#FFFFFF
  • editorCursor.foreground#FFFFFF
  • editorLineNumber.activeForeground#08f999
  • editorLineNumber.foreground#08f999
  • editorWhitespace.foreground#000000
  • list.activeSelectionBackground#000000
  • list.activeSelectionForeground#FFFFFF
  • list.inactiveSelectionBackground#000000
  • sideBar.background#000000
  • sideBar.foreground#FFFFFF
  • statusBar.background#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
*#FFFFFF
comment#0b8c22
string#D3D3D3
dark_minimalist by KarlMogensen - VS Code Theme