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#FFF7EC
  • activityBar.border#00000015
  • activityBar.foreground#FFD65A
  • activityBar.inactiveForeground#2B2F2A60
  • activityBarBadge.background#FFD65A
  • activityBarBadge.foreground#FFF7EC
  • button.background#FFD65A
  • button.foreground#FFF7EC
  • button.hoverBackground#FFD65Add
  • editor.background#FFF7EC
  • editor.foreground#2B2F2A
  • editor.inactiveSelectionBackground#2F7D462580
  • editor.lineHighlightBackground#FFFDFC50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2F7D4625
  • editorCursor.foreground#FFD65A
  • editorGroupHeader.tabsBackground#FFFDFCaa
  • editorLineNumber.activeForeground#FFD65A
  • editorLineNumber.foreground#EAF4EF80
  • focusBorder#FFD65A
  • foreground#2B2F2A
  • input.background#FFFDFC
  • input.border#00000015
  • input.foreground#2B2F2A
  • input.placeholderForeground#2B2F2A60
  • list.activeSelectionBackground#FFD65A30
  • list.activeSelectionForeground#2B2F2A
  • list.highlightForeground#FFD65A
  • list.hoverBackground#FFFDFC40
  • list.hoverForeground#2B2F2A
  • list.inactiveSelectionBackground#FFD65A15
  • list.inactiveSelectionForeground#2B2F2A
  • selection.background#2F7D4625
  • sideBar.background#FFFDFC
  • sideBar.border#00000015
  • sideBar.foreground#2B2F2A
  • sideBarSectionHeader.background#FFFDFC80
  • sideBarSectionHeader.foreground#2B2F2A
  • sideBarTitle.foreground#FFD65A
  • statusBar.background#FFF7EC
  • statusBar.border#00000015
  • statusBar.foreground#2B2F2A
  • statusBar.noFolderBackground#FFF7EC
  • tab.activeBackground#FFF7EC
  • tab.activeBorderTop#FFD65A
  • tab.activeForeground#2B2F2A
  • tab.border#00000015
  • tab.inactiveBackground#FFF7EC60
  • tab.inactiveForeground#2B2F2A80
  • terminal.ansiBlack#2B2F2A
  • terminal.ansiBlue#2F7D46
  • terminal.ansiCyan#FFD1DC
  • terminal.ansiGreen#FFD65A
  • terminal.ansiMagenta#FFA7C1
  • terminal.ansiRed#FFA7C1
  • terminal.ansiWhite#2B2F2A
  • terminal.ansiYellow#FFD1DC
  • terminal.background#FFF7EC
  • terminal.foreground#2B2F2A
  • titleBar.activeBackground#FFF7EC
  • titleBar.activeForeground#2B2F2A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFF7EC
  • titleBar.inactiveForeground#2B2F2A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EAF4EFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2F7D46bold
storage.type, storage.modifier#2F7D46italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#FFD65A
string, punctuation.definition.string, string.template, meta.template.expression#FFD1DC
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#FFA7C1
variable, variable.other.readwrite, variable.other.object#2B2F2A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2F2A
variable.parameter, meta.parameter#2B2F2Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2F2A80
keyword.operator#2B2F2A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#FFD1DCbold
entity.other.inherited-class#FFD65A
entity.name.tag, punctuation.definition.tag#2F7D46
entity.other.attribute-name#FFD65A
meta.diff, meta.diff.header#EAF4EF
markup.deleted#FFA7C1
markup.inserted#FFD65A
markup.changed#FFD1DC
markup.heading, markup.heading.setext, punctuation.definition.heading#FFD65Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#FFD1DC
string.other.link.title, string.other.link.description#FFD65A
markup.underline.link#EAF4EFunderline
punctuation.definition.list#2F7D46
markup.quote, punctuation.definition.quote#EAF4EFitalic