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#CCCCCC
  • editor.lineHighlightBackground#000000
  • editor.selectionBackground#575555
  • editor.wordHighlightBackground#000000
  • editor.wordHighlightBorder#ff7300
  • editor.wordHighlightStrongBackground#000000
  • editor.wordHighlightStrongBorder#ff7300
  • editorBracketHighlight.foreground1#CCCCCC
  • editorBracketHighlight.foreground2#CCCCCC
  • editorBracketHighlight.foreground3#CCCCCC
  • editorCursor.foreground#CCCCCC
  • editorLineNumber.activeForeground#08f999
  • editorLineNumber.foreground#08f999
  • editorWhitespace.foreground#000000
  • list.activeSelectionBackground#000000
  • list.activeSelectionForeground#CCCCCC
  • list.inactiveSelectionBackground#000000
  • sideBar.background#000000
  • sideBar.foreground#CCCCCC
  • statusBar.background#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
*#CCCCCC
comment#0b8c22
string#909090
dark_minimalist_dim by KarlMogensen - VS Code Theme