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#EAF6F3
  • activityBar.border#00000015
  • activityBar.foreground#ffd6dc
  • activityBar.inactiveForeground#1C2A2E60
  • activityBarBadge.background#ffd6dc
  • activityBarBadge.foreground#EAF6F3
  • button.background#ffd6dc
  • button.foreground#EAF6F3
  • button.hoverBackground#ffd6dcdd
  • editor.background#EAF6F3
  • editor.foreground#1C2A2E
  • editor.inactiveSelectionBackground#FF7B8F2580
  • editor.lineHighlightBackground#FFF7F250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#FF7B8F25
  • editorCursor.foreground#ffd6dc
  • editorGroupHeader.tabsBackground#FFF7F2aa
  • editorLineNumber.activeForeground#ffd6dc
  • editorLineNumber.foreground#9AA7A180
  • focusBorder#ffd6dc
  • foreground#1C2A2E
  • input.background#FFF7F2
  • input.border#00000015
  • input.foreground#1C2A2E
  • input.placeholderForeground#1C2A2E60
  • list.activeSelectionBackground#ffd6dc30
  • list.activeSelectionForeground#1C2A2E
  • list.highlightForeground#ffd6dc
  • list.hoverBackground#FFF7F240
  • list.hoverForeground#1C2A2E
  • list.inactiveSelectionBackground#ffd6dc15
  • list.inactiveSelectionForeground#1C2A2E
  • selection.background#FF7B8F25
  • sideBar.background#FFF7F2
  • sideBar.border#00000015
  • sideBar.foreground#1C2A2E
  • sideBarSectionHeader.background#FFF7F280
  • sideBarSectionHeader.foreground#1C2A2E
  • sideBarTitle.foreground#ffd6dc
  • statusBar.background#EAF6F3
  • statusBar.border#00000015
  • statusBar.foreground#1C2A2E
  • statusBar.noFolderBackground#EAF6F3
  • tab.activeBackground#EAF6F3
  • tab.activeBorderTop#ffd6dc
  • tab.activeForeground#1C2A2E
  • tab.border#00000015
  • tab.inactiveBackground#EAF6F360
  • tab.inactiveForeground#1C2A2E80
  • terminal.ansiBlack#1C2A2E
  • terminal.ansiBlue#FF7B8F
  • terminal.ansiCyan#8fe7d6
  • terminal.ansiGreen#ffd6dc
  • terminal.ansiMagenta#CDEFF0
  • terminal.ansiRed#CDEFF0
  • terminal.ansiWhite#1C2A2E
  • terminal.ansiYellow#8fe7d6
  • terminal.background#EAF6F3
  • terminal.foreground#1C2A2E
  • titleBar.activeBackground#EAF6F3
  • titleBar.activeForeground#1C2A2E
  • titleBar.border#00000015
  • titleBar.inactiveBackground#EAF6F3
  • titleBar.inactiveForeground#1C2A2E60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9AA7A1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#FF7B8Fbold
storage.type, storage.modifier#FF7B8Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#ffd6dc
string, punctuation.definition.string, string.template, meta.template.expression#8fe7d6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#CDEFF0
variable, variable.other.readwrite, variable.other.object#1C2A2E
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1C2A2E
variable.parameter, meta.parameter#1C2A2Edditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1C2A2E80
keyword.operator#1C2A2E
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8fe7d6bold
entity.other.inherited-class#ffd6dc
entity.name.tag, punctuation.definition.tag#FF7B8F
entity.other.attribute-name#ffd6dc
meta.diff, meta.diff.header#9AA7A1
markup.deleted#CDEFF0
markup.inserted#ffd6dc
markup.changed#8fe7d6
markup.heading, markup.heading.setext, punctuation.definition.heading#ffd6dcbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8fe7d6
string.other.link.title, string.other.link.description#ffd6dc
markup.underline.link#9AA7A1underline
punctuation.definition.list#FF7B8F
markup.quote, punctuation.definition.quote#9AA7A1italic