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#2F2A23
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9A6
  • activityBar.inactiveForeground#F8FBF860
  • activityBarBadge.background#67E9A6
  • activityBarBadge.foreground#2F2A23
  • button.background#67E9A6
  • button.foreground#2F2A23
  • button.hoverBackground#67E9A6dd
  • editor.background#2F2A23
  • editor.foreground#F8FBF8
  • editor.inactiveSelectionBackground#79EC9C3580
  • editor.lineHighlightBackground#09110B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EC9C35
  • editorCursor.foreground#67E9A6
  • editorGroupHeader.tabsBackground#2F2A23dd
  • editorLineNumber.activeForeground#67E9A6
  • editorLineNumber.foreground#D8DCD080
  • focusBorder#67E9A6
  • foreground#F8FBF8
  • input.background#09110B
  • input.border#ffffff15
  • input.foreground#F8FBF8
  • input.placeholderForeground#F8FBF860
  • list.activeSelectionBackground#67E9A630
  • list.activeSelectionForeground#F8FBF8
  • list.highlightForeground#67E9A6
  • list.hoverBackground#09110B40
  • list.hoverForeground#F8FBF8
  • list.inactiveSelectionBackground#67E9A615
  • list.inactiveSelectionForeground#F8FBF8
  • selection.background#79EC9C35
  • sideBar.background#09110B
  • sideBar.border#ffffff15
  • sideBar.foreground#F8FBF8
  • sideBarSectionHeader.background#2F2A2380
  • sideBarSectionHeader.foreground#F8FBF8
  • sideBarTitle.foreground#67E9A6
  • statusBar.background#2F2A23
  • statusBar.border#ffffff15
  • statusBar.foreground#F8FBF8
  • statusBar.noFolderBackground#2F2A23
  • tab.activeBackground#2F2A23
  • tab.activeBorderTop#67E9A6
  • tab.activeForeground#F8FBF8
  • tab.border#ffffff15
  • tab.inactiveBackground#09110B60
  • tab.inactiveForeground#F8FBF880
  • terminal.ansiBlack#2F2A23
  • terminal.ansiBlue#79EC9C
  • terminal.ansiCyan#C2E755
  • terminal.ansiGreen#67E9A6
  • terminal.ansiMagenta#83F189
  • terminal.ansiRed#83F189
  • terminal.ansiWhite#F8FBF8
  • terminal.ansiYellow#C2E755
  • terminal.background#2F2A23
  • terminal.foreground#F8FBF8
  • titleBar.activeBackground#2F2A23
  • titleBar.activeForeground#F8FBF8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2F2A23
  • titleBar.inactiveForeground#F8FBF860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D8DCD0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79EC9Cbold
storage.type, storage.modifier#79EC9Citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9A6
string, punctuation.definition.string, string.template, meta.template.expression#C2E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F189
variable, variable.other.readwrite, variable.other.object#F8FBF8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F8FBF8
variable.parameter, meta.parameter#F8FBF8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F8FBF880
keyword.operator#F8FBF8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C2E755bold
entity.other.inherited-class#67E9A6
entity.name.tag, punctuation.definition.tag#79EC9C
entity.other.attribute-name#67E9A6
meta.diff, meta.diff.header#D8DCD0
markup.deleted#83F189
markup.inserted#67E9A6
markup.changed#C2E755
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9A6bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C2E755
string.other.link.title, string.other.link.description#67E9A6
markup.underline.link#D8DCD0underline
punctuation.definition.list#79EC9C
markup.quote, punctuation.definition.quote#D8DCD0italic