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#737373
  • badge.background#CD1076
  • badge.foreground#FFFFFF
  • diffEditor.diagonalFill#EDB5CD80
  • diffEditor.insertedTextBackground#FFFFFF80
  • diffEditor.removedTextBackground#F6E8D080
  • editor.background#FFE0BF
  • editor.findMatchBackground#EEC90066
  • editor.findMatchHighlightBackground#EEC90033
  • editor.foreground#000000
  • editor.inactiveSelectionBackground#EEC90033
  • editor.lineHighlightBackground#FFE7D4
  • editor.selectionBackground#EEC90066
  • editorCursor.foreground#000000
  • editorError.background#FF000033
  • editorError.foreground#FF0000
  • editorGroup.border#737373
  • editorGutter.addedBackground#2E8B57
  • editorGutter.deletedBackground#FF0000
  • editorGutter.modifiedBackground#6A5ACD
  • editorLineNumber.foreground#CD0000
  • editorWarning.foreground#FF0000
  • editorWhitespace.foreground#EBD5C6
  • errorForeground#FFFFFF
  • list.activeSelectionBackground#CCCCCC
  • list.hoverBackground#FFEEDD
  • panel.border#737373
  • sideBar.background#FFF2E4
  • statusBar.background#000000
  • statusBar.debuggingBackground#000000
  • statusBar.foreground#FFFFFF
  • statusBar.noFolderBackground#000000
  • statusBarItem.remoteBackground#737373
  • tab.activeBackground#FFDAB9
  • tab.inactiveBackground#F6E8D0
  • titleBar.activeBackground#737373
  • titleBar.activeForeground#FFFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#406090italic
constant, constant.numeric, constant.character, constant.language#C00058
string, markup.inline.raw.string#C00058
keyword, storage.type, storage.modifier, storage#A52A2Abold
entity.name.function, support.function#008B8B
variable, entity.name.variable, meta.definition.variable#000000
support.type, entity.name.type, support.class, storage.type.class#2E8B57bold
entity.name.tag, support.constant, constant.other, constant.other.symbol#6A5ACD
meta.preprocessor, keyword.control.import, keyword.control.directive#CD00CD
markup.heading#CD1076bold
invalid, invalid.illegal#FF0000bold
markup.boldbold
markup.italicitalic
todo, keyword.other.todo, comment.keyword.todo#0000FFbold
Peachpuff (Vim Port) by r11s - VS Code Theme