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#FAFBF7
  • activityBar.border#00000015
  • activityBar.foreground#00BA8F
  • activityBar.inactiveForeground#15201760
  • activityBarBadge.background#00BA8F
  • activityBarBadge.foreground#FAFBF7
  • button.background#00BA8F
  • button.foreground#FAFBF7
  • button.hoverBackground#00BA8Fdd
  • editor.background#FAFBF7
  • editor.foreground#152017
  • editor.inactiveSelectionBackground#5F7F4A2580
  • editor.lineHighlightBackground#EEF2E650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5F7F4A25
  • editorCursor.foreground#00BA8F
  • editorGroupHeader.tabsBackground#EEF2E6aa
  • editorLineNumber.activeForeground#00BA8F
  • editorLineNumber.foreground#DCE8D680
  • focusBorder#00BA8F
  • foreground#152017
  • input.background#EEF2E6
  • input.border#00000015
  • input.foreground#152017
  • input.placeholderForeground#15201760
  • list.activeSelectionBackground#00BA8F30
  • list.activeSelectionForeground#152017
  • list.highlightForeground#00BA8F
  • list.hoverBackground#EEF2E640
  • list.hoverForeground#152017
  • list.inactiveSelectionBackground#00BA8F15
  • list.inactiveSelectionForeground#152017
  • selection.background#5F7F4A25
  • sideBar.background#EEF2E6
  • sideBar.border#00000015
  • sideBar.foreground#152017
  • sideBarSectionHeader.background#EEF2E680
  • sideBarSectionHeader.foreground#152017
  • sideBarTitle.foreground#00BA8F
  • statusBar.background#FAFBF7
  • statusBar.border#00000015
  • statusBar.foreground#152017
  • statusBar.noFolderBackground#FAFBF7
  • tab.activeBackground#FAFBF7
  • tab.activeBorderTop#00BA8F
  • tab.activeForeground#152017
  • tab.border#00000015
  • tab.inactiveBackground#FAFBF760
  • tab.inactiveForeground#15201780
  • terminal.ansiBlack#152017
  • terminal.ansiBlue#5F7F4A
  • terminal.ansiCyan#0FB3A6
  • terminal.ansiGreen#00BA8F
  • terminal.ansiMagenta#E08A00
  • terminal.ansiRed#E08A00
  • terminal.ansiWhite#152017
  • terminal.ansiYellow#0FB3A6
  • terminal.background#FAFBF7
  • terminal.foreground#152017
  • titleBar.activeBackground#FAFBF7
  • titleBar.activeForeground#152017
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFBF7
  • titleBar.inactiveForeground#15201760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DCE8D6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5F7F4Abold
storage.type, storage.modifier#5F7F4Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#00BA8F
string, punctuation.definition.string, string.template, meta.template.expression#0FB3A6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E08A00
variable, variable.other.readwrite, variable.other.object#152017
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#152017
variable.parameter, meta.parameter#152017dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#15201780
keyword.operator#152017
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#0FB3A6bold
entity.other.inherited-class#00BA8F
entity.name.tag, punctuation.definition.tag#5F7F4A
entity.other.attribute-name#00BA8F
meta.diff, meta.diff.header#DCE8D6
markup.deleted#E08A00
markup.inserted#00BA8F
markup.changed#0FB3A6
markup.heading, markup.heading.setext, punctuation.definition.heading#00BA8Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#0FB3A6
string.other.link.title, string.other.link.description#00BA8F
markup.underline.link#DCE8D6underline
punctuation.definition.list#5F7F4A
markup.quote, punctuation.definition.quote#DCE8D6italic