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#FAFBF9
  • activityBar.border#00000015
  • activityBar.foreground#6FAE9F
  • activityBar.inactiveForeground#2E4B4660
  • activityBarBadge.background#6FAE9F
  • activityBarBadge.foreground#FAFBF9
  • button.background#6FAE9F
  • button.foreground#FAFBF9
  • button.hoverBackground#6FAE9Fdd
  • editor.background#FAFBF9
  • editor.foreground#2E4B46
  • editor.inactiveSelectionBackground#9CCFBF2580
  • editor.lineHighlightBackground#CFE6DF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9CCFBF25
  • editorCursor.foreground#6FAE9F
  • editorGroupHeader.tabsBackground#CFE6DFaa
  • editorLineNumber.activeForeground#6FAE9F
  • editorLineNumber.foreground#B9BDC380
  • focusBorder#6FAE9F
  • foreground#2E4B46
  • input.background#CFE6DF
  • input.border#00000015
  • input.foreground#2E4B46
  • input.placeholderForeground#2E4B4660
  • list.activeSelectionBackground#6FAE9F30
  • list.activeSelectionForeground#2E4B46
  • list.highlightForeground#6FAE9F
  • list.hoverBackground#CFE6DF40
  • list.hoverForeground#2E4B46
  • list.inactiveSelectionBackground#6FAE9F15
  • list.inactiveSelectionForeground#2E4B46
  • selection.background#9CCFBF25
  • sideBar.background#CFE6DF
  • sideBar.border#00000015
  • sideBar.foreground#2E4B46
  • sideBarSectionHeader.background#CFE6DF80
  • sideBarSectionHeader.foreground#2E4B46
  • sideBarTitle.foreground#6FAE9F
  • statusBar.background#FAFBF9
  • statusBar.border#00000015
  • statusBar.foreground#2E4B46
  • statusBar.noFolderBackground#FAFBF9
  • tab.activeBackground#FAFBF9
  • tab.activeBorderTop#6FAE9F
  • tab.activeForeground#2E4B46
  • tab.border#00000015
  • tab.inactiveBackground#FAFBF960
  • tab.inactiveForeground#2E4B4680
  • terminal.ansiBlack#2E4B46
  • terminal.ansiBlue#9CCFBF
  • terminal.ansiCyan#F3B6C2
  • terminal.ansiGreen#6FAE9F
  • terminal.ansiMagenta#8BBFCE
  • terminal.ansiRed#8BBFCE
  • terminal.ansiWhite#2E4B46
  • terminal.ansiYellow#F3B6C2
  • terminal.background#FAFBF9
  • terminal.foreground#2E4B46
  • titleBar.activeBackground#FAFBF9
  • titleBar.activeForeground#2E4B46
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFBF9
  • titleBar.inactiveForeground#2E4B4660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B9BDC3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9CCFBFbold
storage.type, storage.modifier#9CCFBFitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6FAE9F
string, punctuation.definition.string, string.template, meta.template.expression#F3B6C2
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8BBFCE
variable, variable.other.readwrite, variable.other.object#2E4B46
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2E4B46
variable.parameter, meta.parameter#2E4B46dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2E4B4680
keyword.operator#2E4B46
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#F3B6C2bold
entity.other.inherited-class#6FAE9F
entity.name.tag, punctuation.definition.tag#9CCFBF
entity.other.attribute-name#6FAE9F
meta.diff, meta.diff.header#B9BDC3
markup.deleted#8BBFCE
markup.inserted#6FAE9F
markup.changed#F3B6C2
markup.heading, markup.heading.setext, punctuation.definition.heading#6FAE9Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#F3B6C2
string.other.link.title, string.other.link.description#6FAE9F
markup.underline.link#B9BDC3underline
punctuation.definition.list#9CCFBF
markup.quote, punctuation.definition.quote#B9BDC3italic