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#F7F4F0
  • activityBar.border#00000015
  • activityBar.foreground#EAB7BC
  • activityBar.inactiveForeground#12183560
  • activityBarBadge.background#EAB7BC
  • activityBarBadge.foreground#F7F4F0
  • button.background#EAB7BC
  • button.foreground#F7F4F0
  • button.hoverBackground#EAB7BCdd
  • editor.background#F7F4F0
  • editor.foreground#121835
  • editor.inactiveSelectionBackground#D99AA52580
  • editor.lineHighlightBackground#D8D1CA50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D99AA525
  • editorCursor.foreground#EAB7BC
  • editorGroupHeader.tabsBackground#D8D1CAaa
  • editorLineNumber.activeForeground#EAB7BC
  • editorLineNumber.foreground#DCE4EA80
  • focusBorder#EAB7BC
  • foreground#121835
  • input.background#D8D1CA
  • input.border#00000015
  • input.foreground#121835
  • input.placeholderForeground#12183560
  • list.activeSelectionBackground#EAB7BC30
  • list.activeSelectionForeground#121835
  • list.highlightForeground#EAB7BC
  • list.hoverBackground#D8D1CA40
  • list.hoverForeground#121835
  • list.inactiveSelectionBackground#EAB7BC15
  • list.inactiveSelectionForeground#121835
  • selection.background#D99AA525
  • sideBar.background#D8D1CA
  • sideBar.border#00000015
  • sideBar.foreground#121835
  • sideBarSectionHeader.background#D8D1CA80
  • sideBarSectionHeader.foreground#121835
  • sideBarTitle.foreground#EAB7BC
  • statusBar.background#F7F4F0
  • statusBar.border#00000015
  • statusBar.foreground#121835
  • statusBar.noFolderBackground#F7F4F0
  • tab.activeBackground#F7F4F0
  • tab.activeBorderTop#EAB7BC
  • tab.activeForeground#121835
  • tab.border#00000015
  • tab.inactiveBackground#F7F4F060
  • tab.inactiveForeground#12183580
  • terminal.ansiBlack#121835
  • terminal.ansiBlue#D99AA5
  • terminal.ansiCyan#7DA7AD
  • terminal.ansiGreen#EAB7BC
  • terminal.ansiMagenta#C96F7A
  • terminal.ansiRed#C96F7A
  • terminal.ansiWhite#121835
  • terminal.ansiYellow#7DA7AD
  • terminal.background#F7F4F0
  • terminal.foreground#121835
  • titleBar.activeBackground#F7F4F0
  • titleBar.activeForeground#121835
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F4F0
  • titleBar.inactiveForeground#12183560
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DCE4EAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D99AA5bold
storage.type, storage.modifier#D99AA5italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#EAB7BC
string, punctuation.definition.string, string.template, meta.template.expression#7DA7AD
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C96F7A
variable, variable.other.readwrite, variable.other.object#121835
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#121835
variable.parameter, meta.parameter#121835dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#12183580
keyword.operator#121835
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7DA7ADbold
entity.other.inherited-class#EAB7BC
entity.name.tag, punctuation.definition.tag#D99AA5
entity.other.attribute-name#EAB7BC
meta.diff, meta.diff.header#DCE4EA
markup.deleted#C96F7A
markup.inserted#EAB7BC
markup.changed#7DA7AD
markup.heading, markup.heading.setext, punctuation.definition.heading#EAB7BCbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7DA7AD
string.other.link.title, string.other.link.description#EAB7BC
markup.underline.link#DCE4EAunderline
punctuation.definition.list#D99AA5
markup.quote, punctuation.definition.quote#DCE4EAitalic