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#EEE
  • activityBar.foreground#007ACC
  • editor.background#FFF
  • editor.findMatchBackground#FFBC5D
  • editor.findMatchHighlightBackground#FFE9A6
  • editor.foreground#000
  • editor.lineHighlightBackground#00000005
  • editor.selectionBackground#B3D7FF
  • editor.selectionHighlightBackground#E0E0E0
  • editorCursor.foreground#007ACC
  • editorGroupHeader.tabsBackground#F0F0F0
  • editorLineNumber.foreground#9DA39A
  • panel.background#EEE
  • sideBar.background#EEE
  • statusBar.background#DDDDDD
  • statusBar.debuggingBackground#FFBC5D
  • statusBar.debuggingForeground#000
  • statusBar.foreground#474747
  • statusBar.noFolderBackground#7A3E9D
  • statusBar.noFolderForeground#fff
  • 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#FFFFFF
  • terminal.ansiBrightYellow#FFBC5D
  • terminal.ansiCyan#0083B2
  • terminal.ansiGreen#448C27
  • terminal.ansiMagenta#7A3E9D
  • terminal.ansiRed#AA3731
  • terminal.ansiWhite#BBBBBB
  • terminal.ansiYellow#CB9000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#999
comment.block.preprocessor#999
comment.documentation, comment.block.documentation#999
invalid.illegal#c33
keyword.operator
keyword, storage
storage.type, support.type
constant.language, support.constant, variable.language
variable
entity.name.function, support.functionunderline
entity.name.type, support.classunderline
entity.name.exception
entity.name.sectionunderline
constant.numeric, constant.character, constant
string
constant.character.escape
string.regexp
constant.other.symbol
punctuation
Sadhu by bosiakov - VS Code Theme