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.

  • activityBar.border#666665
  • editor.background#252525
  • editor.findMatchBackground#8D7682
  • editor.findMatchHighlightBackground#8D768299
  • editor.foreground#CCCCCC
  • editor.lineHighlightBackground#2D3241
  • editor.selectionBackground#0B5AB1
  • editor.selectionHighlightBackground#8D768299
  • editorBracketMatch.background#555555
  • editorBracketMatch.border#CCCCCC
  • editorCursor.foreground#CCCCCC
  • editorError.foreground#FF0000
  • editorGroup.border#666665
  • editorGutter.addedBackground#CCCCCC
  • editorGutter.background#252525
  • editorGutter.deletedBackground#FF0000
  • editorGutter.modifiedBackground#CCCCCC
  • editorHoverWidget.background#2E2E2E
  • editorHoverWidget.border#666666
  • editorIndentGuide.activeBackground1#666666
  • editorIndentGuide.background1#666666
  • editorInfo.foreground#4F4F4F
  • editorLineNumber.foreground#666666
  • editorRuler.foreground#666666
  • editorSuggestWidget.background#2E2E2E
  • editorSuggestWidget.border#666666
  • editorSuggestWidget.foreground#CCCCCC
  • editorSuggestWidget.highlightForeground#ff6d7c
  • editorSuggestWidget.selectedBackground#265AA9
  • editorWarning.foreground#FF7315
  • editorWhitespace.foreground#555555
  • editorWidget.background#2D3241
  • editorWidget.border#666666
  • panel.border#666665
  • sideBar.border#666665
  • statusBar.background#252525
  • statusBar.border#666665
  • statusBar.foreground#CCCCCC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#666666
keyword, storage.type, storage.modifier, entity.name.tag.localname.xml#f86d7cbold
keyword.operator, string.json, meta.structure.dictionary.json, support.type.property-name.json#CCCCCC
variable.language, variable.other.readwrite, variable.other, variable.other.constant#CCCCCC
constant.language, constant.numeric, constant.character, constant.other#ffc600
string, constant.other.symbol#adf195
entity.name.function, variable.function#fdfbac
punctuation.section, punctuation.definition.parameters, punctuation.definition.block, punctuation.definition.bracket, meta.brace, meta.bracket, other#CCCCCC
variable.other.property.lua#61a1f1
entity.name.type, support.type, storage.type.class, support.function#84d6f7
entity.name.class, entity.name.namespace, entity.name.tag#CCCCCC
invalid, invalid.deprecated#FF0000
markup.heading, markup.bold#FF4A6D
markup.italic#FF4A6D
markup.inserted#FFD600
markup.deleted#FF0000
markup.changed#FF7315
markup.quote#CCCCCC