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#FFEB84
  • activityBar.foreground#333333
  • activityBar.inactiveForeground#777676
  • editor.background#29281f
  • editor.foreground#f2f3ee
  • editorCursor.foreground#536400
  • editorError.foreground#fa3467
  • editorLineNumber.foreground#ffe98c
  • editorWarning.foreground#ffbb00
  • focusBorder#ffce00
  • list.activeSelectionBackground#FFEB84
  • list.activeSelectionForeground#333333
  • list.focusBackground#ffeb8470
  • list.hoverBackground#ffce00
  • list.inactiveSelectionBackground#FFEB84
  • sideBar.background#e3e1c1
  • sideBar.foreground#333333
  • statusBar.background#ffce00
  • statusBar.foreground#333333
  • statusBar.noFolderBackground#ffce00
  • titleBar.activeBackground#ffce00
  • titleBar.activeForeground#333333
  • tree.indentGuidesStroke#ffce00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#AAAAAAitalic
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation#448C27
invalid.illegal#e00b0b
keyword.operator#ffce00
keyword, storage#ffce00
storage.type, support.type#22dfe6
constant.language, support.constant, variable.language#408bed
variable, support.variable#e3e1c1
entity.name.function, support.function#2ce692italic
entity.name.type, entity.other.inherited-class, support.class#ffce00
entity.name.exception#e00b0b
entity.name.sectionbold
constant.numeric, constant.character, constant#ffef8a
string#bfd943
constant.character.escape#408bed
string.regexp#408bed
constant.other.symbol#408bed
punctuation#ffef8a
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#AAAAAA
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#e3e1c1
entity.name.tag#408bed
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#ffef8aitalic
constant.character.entity, punctuation.definition.entity#AB6526
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#7A3E9D
meta.property-name, support.type.property-name#ffce00
meta.property-value, meta.property-value constant.other, support.constant.property-value#2ce692
keyword.other.importantbold
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#e00b0b
markup.inserted#000000
meta.link#408bed
markup.output, markup.raw#777777
markup.prompt#777777
markup.heading#AA3731
markup.boldbold
markup.traceback#e00b0b
markup.underlineunderline
markup.quote#7A3E9D
markup.list#408bed
markup.bold, markup.italic#448C27
markup.inline.raw#AB6526
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343