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.background#EEE8D5
  • activityBar.foreground#6F848A
  • activityBarBadge.background#6F848A
  • activityBarBadge.foreground#EEE8D5
  • button.background#6F848A
  • button.foreground#EEE8D5
  • button.hoverBackground#5A7380
  • diffEditor.insertedTextBackground#C8E6C9
  • diffEditor.removedTextBackground#FFCDD2
  • editor.background#EEE8D5
  • editor.findMatchBackground#C5BFA8
  • editor.findMatchHighlightBackground#D4CEBD
  • editor.foreground#6F848A
  • editor.lineHighlightBackground#E0D9CA
  • editor.selectionBackground#D4CEBD
  • editor.selectionForeground#6F848A
  • editor.wordHighlightBackground#D4CEBD
  • editorBracketMatch.background#C5BFA8
  • editorCursor.foreground#6F848A
  • editorError.foreground#d32f2f
  • editorHint.foreground#6F848A
  • editorInfo.foreground#2B63A8
  • editorLineNumber.foreground#aaa
  • editorWarning.foreground#f57f17
  • input.background#FFFFFF
  • input.border#aaa
  • input.foreground#6F848A
  • list.activeSelectionBackground#D4CEBD
  • list.activeSelectionIconForeground#6F848A
  • list.hoverBackground#E0D9CA
  • notificationCenterHeader.background#F5EFDE
  • notificationCenterHeader.foreground#6F848A
  • notificationToastBackground#F5EFDE
  • sideBar.background#F5EFDE
  • sideBar.foreground#6F848A
  • statusBar.background#EEE8D5
  • statusBar.debuggingBackground#D4CEBD
  • statusBar.debuggingForeground#6F848A
  • statusBar.foreground#6F848A
  • tab.activeBackground#EEE8D5
  • tab.activeForeground#6F848A
  • tab.inactiveBackground#E0D9CA
  • tab.inactiveForeground#aaa
  • terminal.ansiBlack#333333
  • terminal.ansiBlue#2B63A8
  • terminal.ansiCyan#0097a7
  • terminal.ansiGreen#5B8C3A
  • terminal.ansiMagenta#8B4789
  • terminal.ansiRed#d32f2f
  • terminal.ansiWhite#aaa
  • terminal.ansiYellow#f57f17
  • terminal.background#EEE8D5
  • terminal.foreground#6F848A
  • titleBar.activeBackground#EEE8D5
  • titleBar.activeForeground#6F848A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#888888italic
comment.block.preprocessor#888888
comment.documentation, comment.block.documentation#5B8C3A
invalid.illegal#d32f2f
keyword.operator#999999
keyword, storage#2B63A8
storage.type, support.type#6B4E96
constant.language, support.constant, variable.language#B8860B
variable, support.variable#6B5B95
entity.name.function, support.function#8B5A2Bbold
entity.name.type, entity.other.inherited-class, support.class#6B4E96bold
entity.name.exception#d32f2f
entity.name.sectionbold
constant.numeric, constant.character, constant#8B5A2B
string#5B8C3A
constant.character.escape#999999
string.regexp#2B63A8
constant.other.symbol#8B5A2B
punctuation#999999
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#999999
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#2B63A8
entity.name.tag#2B63A8
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#2B63A8italic
constant.character.entity, punctuation.definition.entity#AB6526
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#6B4E96
meta.property-name, support.type.property-name#8B5A2B
meta.property-value, meta.property-value constant.other, support.constant.property-value#5B8C3A
keyword.other.importantbold
markup.changed#f57f17
markup.deleted#d32f2f
markup.italicitalic
markup.error#d32f2f
markup.inserted#5B8C3A
meta.link#2B63A8
markup.output, markup.raw#777777
markup.prompt#777777
markup.heading#8B5A2B
markup.boldbold
markup.traceback#d32f2f
markup.underlineunderline
markup.quote#6B4E96
markup.list#2B63A8
markup.bold, markup.italic#5B8C3A
markup.inline.raw#8B5A2B
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343