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.

  • editor.background#121212
  • editor.findMatchBackground#3A3A3A
  • editor.findMatchHighlightBackground#2D2D2D
  • editor.findRangeHighlightBackground#252525
  • editor.foldBackground#1E1E1E
  • editor.foreground#C8C8C2
  • editor.hoverHighlightBackground#2D2D2D80
  • editor.inactiveSelectionBackground#262626
  • editor.lineHighlightBackground#1A1A1A
  • editor.lineNumber.activeForeground#6A6A6A
  • editor.lineNumber.foreground#4A4A4A
  • editor.selectionBackground#333333
  • editor.selectionHighlightBackground#33333340
  • editor.wordHighlightBackground#33333380
  • editor.wordHighlightStrongBackground#3A3A3A80
  • editorBracketMatch.background#2A2A2A
  • editorBracketMatch.border#4A4A4A
  • editorCursor.foreground#A8A8A3
  • editorError.foreground#A05C5C
  • editorGutter.addedBackground#7DB58C
  • editorGutter.deletedBackground#B0707D
  • editorGutter.modifiedBackground#7FA8B5
  • editorIndentGuide.activeBackground#353535
  • editorIndentGuide.background#252525
  • editorInfo.foreground#7FA8B5
  • editorOverviewRuler.border#1A1A1A
  • editorRuler.foreground#252525
  • editorWarning.foreground#B89D6C
  • editorWhitespace.foreground#2A2A2A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python#C8C8C2
comment#6D6D65italic
string#8CB8C0
string punctuation.definition.string#8CB8C0bold
constant.numeric#7DB58C
constant.language#7DB58Cbold
constant.character, constant.other#7DB58C
variable#C8C8C2
variable.language#B89D6Citalic
keyword#B0707Dbold
keyword.operator#B0707D
storage#B0707D
storage.type#7FA8B5italic
entity.name.type, entity.name.class#9D8FB5underline
entity.name.namespace#9D8FB5italic underline
entity.other.inherited-class#9D8FB5italic underline
entity.name.function#9D8FB5
meta.function entity.name.function#9D8FB5bold
variable.parameter#B89D6Citalic
variable.other.object, variable.other.object.ts, variable.other.property.ts#B89D6C
variable.other.object.property, variable.other.property#C0C0C0
entity.name.tag#B0707Dbold
entity.other.attribute-name#9D8FB5
support.function#7FA8B5
support.constant#7FA8B5
support.type, support.class#7FA8B5italic
invalid#A05C5Cunderline wavy
invalid.deprecated#A05C5Cstrikethrough
markup.heading#9D8FB5bold
markup.bold#C8C8C2bold
markup.italic#C8C8C2italic
markup.raw.inline#B89D6C
markup.underline.link#8CB8C0underline
entity.other.attribute-name.html#9D8FB5italic
support.type.property-name.css#7FA8B5
meta.structure.dictionary.json string.quoted.double.json#A8A8A2
meta.structure.dictionary.json meta.structure.dictionary.value#8CB8C0