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#101010
  • activityBar.foreground#ccc
  • editor.background#222
  • editor.findMatchBackground#942503
  • editor.findMatchHighlightBackground#521300
  • editor.foreground#ccc
  • editor.lineHighlightBackground#101010
  • editor.selectionBackground#003863
  • editor.selectionHighlightBackground#444
  • editorCursor.background#ccc
  • editorCursor.foreground#0277bd
  • editorGroupHeader.tabsBackground#101010
  • editorLineNumber.foreground#aaa
  • panel.background#101010
  • sideBar.background#101010
  • statusBar.background#1a237e
  • statusBar.debuggingBackground#bf360c
  • statusBar.debuggingForeground#ccc
  • statusBar.foreground#ccc
  • statusBar.noFolderBackground#4a148c
  • statusBar.noFolderForeground#ccc
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#325CC0
  • terminal.ansiBrightBlack#777777
  • terminal.ansiBrightBlue#007ACC
  • terminal.ansiBrightCyan#00AACB
  • terminal.ansiBrightGreen#60CB00
  • terminal.ansiBrightMagenta#E64CE6
  • terminal.ansiBrightRed#F05050
  • terminal.ansiBrightWhite#ccc
  • terminal.ansiBrightYellow#FFBC5D
  • terminal.ansiCyan#0083B2
  • terminal.ansiGreen#448C27
  • terminal.ansiMagenta#7A3E9D
  • terminal.ansiRed#AA3731
  • terminal.ansiWhite#ccc
  • terminal.ansiYellow#CB9000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b66
string, string.regexp, constant.other.symbol#696
constant.character.escape#777777
constant.numeric, constant.character, constant.keyword, constant#868
entity.name#49b
punctuation#777777
invalid#660000
Onyx by Doa Yakut Kilic - VS Code Theme