Skip to main content
Coding Theme

Color themes

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.

  • activityBarBadge.background#1f6feb
  • editor.background#0d1117
  • editor.foreground#e6edf3
  • editor.inactiveSelectionBackground#1f6feb33
  • editor.selectionBackground#1f6feb55
  • editorCursor.foreground#1f6feb
  • editorLineNumber.foreground#6e7681
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6e7681italic
keyword, storage.type, storage.modifier#1f6feb
string#a5d6ff
constant.numeric, constant.language, constant.character#f78166
entity.name.function, support.function, meta.function-call#d2a8ff
variable, meta.definition.variable.name#ffdf5d
invalid, invalid.illegal#ff4d4f
entity.name.tag, punctuation.definition.tag, meta.tag, markup.deleted.git_gutter#f07178
entity.other.attribute-name#FFCB6B
support.class, entity.name.type, support.type#FFCB6B
support.type.property-name.json, meta.structure.dictionary.json support.type.property-name.json#C792EA