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#ebebeb
  • activityBar.foreground#d93a18
  • editor.background#f5f5f5
  • editor.foreground#333333
  • editor.lineHighlightBackground#eaeaea
  • editor.selectionBackground#d4d4d4
  • editorCursor.foreground#d93a18
  • editorError.foreground#d93a18
  • editorHint.foreground#3a7a3a
  • editorInfo.foreground#3a5f5f
  • editorLineNumber.activeForeground#d93a18
  • editorWarning.foreground#b8860b
  • sideBar.background#ebebeb
  • statusBar.background#d93a18
  • statusBar.border#c23415
  • statusBar.foreground#ffffff
  • tab.activeBackground#f5f5f5
  • tab.activeForeground#d93a18
  • tab.border#d4d4d4
  • tab.inactiveBackground#ebebeb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier, keyword.control#d93a18
entity.name.function, support.function, variable.function#5c4033
string, constant.character#4d661a
entity.name.type, support.type, support.class#b8860b
constant.numeric, constant.language, support.constant#9b4d6a
comment, punctuation.definition.comment#808080italic
entity.name.function.macro, support.function.macro#3a7a3abold
storage.modifier.lifetime, entity.name.type.lifetime#9b4d6aitalic
entity.name.section.toml, support.type.property-name.table.toml, meta.tag.toml#fabd2fbold
variable.key.toml, support.type.property-name.toml, keyword.key.toml#83a598
punctuation.definition.table.toml, punctuation.separator.key-value.toml#666666
markup.heading, punctuation.definition.heading.markdown#b8860bbold
markup.bold, punctuation.definition.bold.markdown#d93a18bold
markup.italic, punctuation.definition.italic.markdown#9b4d6aitalic
markup.quote, markup.list, punctuation.definition.list.begin.markdown#4d661a
markup.underline.link, string.other.link.title.markdown#3a5f5funderline
markup.inline.raw.string.markdown, markup.fenced_code.block.markdown#5c4033
entity.name.tag, meta.tag.sgml#b8860b
punctuation.definition.tag#808080
entity.other.attribute-name#3a5f5fitalic