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#FBF6F0
  • activityBar.border#00000015
  • activityBar.foreground#5E7A55
  • activityBar.inactiveForeground#2B2F3360
  • activityBarBadge.background#5E7A55
  • activityBarBadge.foreground#FBF6F0
  • button.background#5E7A55
  • button.foreground#FBF6F0
  • button.hoverBackground#5E7A55dd
  • editor.background#FBF6F0
  • editor.foreground#2B2F33
  • editor.inactiveSelectionBackground#8FAE862580
  • editor.lineHighlightBackground#F7F4EA50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#8FAE8625
  • editorCursor.foreground#5E7A55
  • editorGroupHeader.tabsBackground#F7F4EAaa
  • editorLineNumber.activeForeground#5E7A55
  • editorLineNumber.foreground#EADFC680
  • focusBorder#5E7A55
  • foreground#2B2F33
  • input.background#F7F4EA
  • input.border#00000015
  • input.foreground#2B2F33
  • input.placeholderForeground#2B2F3360
  • list.activeSelectionBackground#5E7A5530
  • list.activeSelectionForeground#2B2F33
  • list.highlightForeground#5E7A55
  • list.hoverBackground#F7F4EA40
  • list.hoverForeground#2B2F33
  • list.inactiveSelectionBackground#5E7A5515
  • list.inactiveSelectionForeground#2B2F33
  • selection.background#8FAE8625
  • sideBar.background#F7F4EA
  • sideBar.border#00000015
  • sideBar.foreground#2B2F33
  • sideBarSectionHeader.background#F7F4EA80
  • sideBarSectionHeader.foreground#2B2F33
  • sideBarTitle.foreground#5E7A55
  • statusBar.background#FBF6F0
  • statusBar.border#00000015
  • statusBar.foreground#2B2F33
  • statusBar.noFolderBackground#FBF6F0
  • tab.activeBackground#FBF6F0
  • tab.activeBorderTop#5E7A55
  • tab.activeForeground#2B2F33
  • tab.border#00000015
  • tab.inactiveBackground#FBF6F060
  • tab.inactiveForeground#2B2F3380
  • terminal.ansiBlack#2B2F33
  • terminal.ansiBlue#8FAE86
  • terminal.ansiCyan#D9DEE2
  • terminal.ansiGreen#5E7A55
  • terminal.ansiMagenta#F0E4BF
  • terminal.ansiRed#F0E4BF
  • terminal.ansiWhite#2B2F33
  • terminal.ansiYellow#D9DEE2
  • terminal.background#FBF6F0
  • terminal.foreground#2B2F33
  • titleBar.activeBackground#FBF6F0
  • titleBar.activeForeground#2B2F33
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBF6F0
  • titleBar.inactiveForeground#2B2F3360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EADFC6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#8FAE86bold
storage.type, storage.modifier#8FAE86italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#5E7A55
string, punctuation.definition.string, string.template, meta.template.expression#D9DEE2
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F0E4BF
variable, variable.other.readwrite, variable.other.object#2B2F33
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2F33
variable.parameter, meta.parameter#2B2F33dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2F3380
keyword.operator#2B2F33
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#D9DEE2bold
entity.other.inherited-class#5E7A55
entity.name.tag, punctuation.definition.tag#8FAE86
entity.other.attribute-name#5E7A55
meta.diff, meta.diff.header#EADFC6
markup.deleted#F0E4BF
markup.inserted#5E7A55
markup.changed#D9DEE2
markup.heading, markup.heading.setext, punctuation.definition.heading#5E7A55bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#D9DEE2
string.other.link.title, string.other.link.description#5E7A55
markup.underline.link#EADFC6underline
punctuation.definition.list#8FAE86
markup.quote, punctuation.definition.quote#EADFC6italic