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#fffbed
  • activityBar.border#00000015
  • activityBar.foreground#6d2cff
  • activityBar.inactiveForeground#17151d60
  • activityBarBadge.background#6d2cff
  • activityBarBadge.foreground#fffbed
  • button.background#6d2cff
  • button.foreground#fffbed
  • button.hoverBackground#6d2cffdd
  • editor.background#fffbed
  • editor.foreground#17151d
  • editor.inactiveSelectionBackground#00a66a2580
  • editor.lineHighlightBackground#ece5ff50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#00a66a25
  • editorCursor.foreground#6d2cff
  • editorGroupHeader.tabsBackground#ece5ffaa
  • editorLineNumber.activeForeground#6d2cff
  • editorLineNumber.foreground#d7f2df80
  • focusBorder#6d2cff
  • foreground#17151d
  • input.background#ece5ff
  • input.border#00000015
  • input.foreground#17151d
  • input.placeholderForeground#17151d60
  • list.activeSelectionBackground#6d2cff30
  • list.activeSelectionForeground#17151d
  • list.highlightForeground#6d2cff
  • list.hoverBackground#ece5ff40
  • list.hoverForeground#17151d
  • list.inactiveSelectionBackground#6d2cff15
  • list.inactiveSelectionForeground#17151d
  • selection.background#00a66a25
  • sideBar.background#ece5ff
  • sideBar.border#00000015
  • sideBar.foreground#17151d
  • sideBarSectionHeader.background#ece5ff80
  • sideBarSectionHeader.foreground#17151d
  • sideBarTitle.foreground#6d2cff
  • statusBar.background#fffbed
  • statusBar.border#00000015
  • statusBar.foreground#17151d
  • statusBar.noFolderBackground#fffbed
  • tab.activeBackground#fffbed
  • tab.activeBorderTop#6d2cff
  • tab.activeForeground#17151d
  • tab.border#00000015
  • tab.inactiveBackground#fffbed60
  • tab.inactiveForeground#17151d80
  • terminal.ansiBlack#17151d
  • terminal.ansiBlue#00a66a
  • terminal.ansiCyan#ffd43b
  • terminal.ansiGreen#6d2cff
  • terminal.ansiMagenta#ff6f61
  • terminal.ansiRed#ff6f61
  • terminal.ansiWhite#17151d
  • terminal.ansiYellow#ffd43b
  • terminal.background#fffbed
  • terminal.foreground#17151d
  • titleBar.activeBackground#fffbed
  • titleBar.activeForeground#17151d
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fffbed
  • titleBar.inactiveForeground#17151d60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d7f2dfitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#00a66abold
storage.type, storage.modifier#00a66aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6d2cff
string, punctuation.definition.string, string.template, meta.template.expression#ffd43b
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#ff6f61
variable, variable.other.readwrite, variable.other.object#17151d
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#17151d
variable.parameter, meta.parameter#17151ddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17151d80
keyword.operator#17151d
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#ffd43bbold
entity.other.inherited-class#6d2cff
entity.name.tag, punctuation.definition.tag#00a66a
entity.other.attribute-name#6d2cff
meta.diff, meta.diff.header#d7f2df
markup.deleted#ff6f61
markup.inserted#6d2cff
markup.changed#ffd43b
markup.heading, markup.heading.setext, punctuation.definition.heading#6d2cffbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#ffd43b
string.other.link.title, string.other.link.description#6d2cff
markup.underline.link#d7f2dfunderline
punctuation.definition.list#00a66a
markup.quote, punctuation.definition.quote#d7f2dfitalic