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#eee9e2
  • activityBar.border#00000015
  • activityBar.foreground#f06423
  • activityBar.inactiveForeground#16141260
  • activityBarBadge.background#f06423
  • activityBarBadge.foreground#eee9e2
  • button.background#f06423
  • button.foreground#eee9e2
  • button.hoverBackground#f06423dd
  • editor.background#eee9e2
  • editor.foreground#161412
  • editor.inactiveSelectionBackground#bf2f242580
  • editor.lineHighlightBackground#d7d0c650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#bf2f2425
  • editorCursor.foreground#f06423
  • editorGroupHeader.tabsBackground#d7d0c6aa
  • editorLineNumber.activeForeground#f06423
  • editorLineNumber.foreground#8d858080
  • focusBorder#f06423
  • foreground#161412
  • input.background#d7d0c6
  • input.border#00000015
  • input.foreground#161412
  • input.placeholderForeground#16141260
  • list.activeSelectionBackground#f0642330
  • list.activeSelectionForeground#161412
  • list.highlightForeground#f06423
  • list.hoverBackground#d7d0c640
  • list.hoverForeground#161412
  • list.inactiveSelectionBackground#f0642315
  • list.inactiveSelectionForeground#161412
  • selection.background#bf2f2425
  • sideBar.background#d7d0c6
  • sideBar.border#00000015
  • sideBar.foreground#161412
  • sideBarSectionHeader.background#d7d0c680
  • sideBarSectionHeader.foreground#161412
  • sideBarTitle.foreground#f06423
  • statusBar.background#eee9e2
  • statusBar.border#00000015
  • statusBar.foreground#161412
  • statusBar.noFolderBackground#eee9e2
  • tab.activeBackground#eee9e2
  • tab.activeBorderTop#f06423
  • tab.activeForeground#161412
  • tab.border#00000015
  • tab.inactiveBackground#eee9e260
  • tab.inactiveForeground#16141280
  • terminal.ansiBlack#161412
  • terminal.ansiBlue#bf2f24
  • terminal.ansiCyan#e7b83e
  • terminal.ansiGreen#f06423
  • terminal.ansiMagenta#ff8a2b
  • terminal.ansiRed#ff8a2b
  • terminal.ansiWhite#161412
  • terminal.ansiYellow#e7b83e
  • terminal.background#eee9e2
  • terminal.foreground#161412
  • titleBar.activeBackground#eee9e2
  • titleBar.activeForeground#161412
  • titleBar.border#00000015
  • titleBar.inactiveBackground#eee9e2
  • titleBar.inactiveForeground#16141260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8d8580italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#bf2f24bold
storage.type, storage.modifier#bf2f24italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#f06423
string, punctuation.definition.string, string.template, meta.template.expression#e7b83e
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#ff8a2b
variable, variable.other.readwrite, variable.other.object#161412
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#161412
variable.parameter, meta.parameter#161412dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#16141280
keyword.operator#161412
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#e7b83ebold
entity.other.inherited-class#f06423
entity.name.tag, punctuation.definition.tag#bf2f24
entity.other.attribute-name#f06423
meta.diff, meta.diff.header#8d8580
markup.deleted#ff8a2b
markup.inserted#f06423
markup.changed#e7b83e
markup.heading, markup.heading.setext, punctuation.definition.heading#f06423bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#e7b83e
string.other.link.title, string.other.link.description#f06423
markup.underline.link#8d8580underline
punctuation.definition.list#bf2f24
markup.quote, punctuation.definition.quote#8d8580italic
Morphous Theme by Ameyanagi - VS Code Theme