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#fbf7ec
  • activityBar.border#00000015
  • activityBar.foreground#6dbf67
  • activityBar.inactiveForeground#1f2a1f60
  • activityBarBadge.background#6dbf67
  • activityBarBadge.foreground#fbf7ec
  • button.background#6dbf67
  • button.foreground#fbf7ec
  • button.hoverBackground#6dbf67dd
  • editor.background#fbf7ec
  • editor.foreground#1f2a1f
  • editor.inactiveSelectionBackground#4a8f3a2580
  • editor.lineHighlightBackground#f2f7e850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#4a8f3a25
  • editorCursor.foreground#6dbf67
  • editorGroupHeader.tabsBackground#f2f7e8aa
  • editorLineNumber.activeForeground#6dbf67
  • editorLineNumber.foreground#7a8a4a80
  • focusBorder#6dbf67
  • foreground#1f2a1f
  • input.background#f2f7e8
  • input.border#00000015
  • input.foreground#1f2a1f
  • input.placeholderForeground#1f2a1f60
  • list.activeSelectionBackground#6dbf6730
  • list.activeSelectionForeground#1f2a1f
  • list.highlightForeground#6dbf67
  • list.hoverBackground#f2f7e840
  • list.hoverForeground#1f2a1f
  • list.inactiveSelectionBackground#6dbf6715
  • list.inactiveSelectionForeground#1f2a1f
  • selection.background#4a8f3a25
  • sideBar.background#f2f7e8
  • sideBar.border#00000015
  • sideBar.foreground#1f2a1f
  • sideBarSectionHeader.background#f2f7e880
  • sideBarSectionHeader.foreground#1f2a1f
  • sideBarTitle.foreground#6dbf67
  • statusBar.background#fbf7ec
  • statusBar.border#00000015
  • statusBar.foreground#1f2a1f
  • statusBar.noFolderBackground#fbf7ec
  • tab.activeBackground#fbf7ec
  • tab.activeBorderTop#6dbf67
  • tab.activeForeground#1f2a1f
  • tab.border#00000015
  • tab.inactiveBackground#fbf7ec60
  • tab.inactiveForeground#1f2a1f80
  • terminal.ansiBlack#1f2a1f
  • terminal.ansiBlue#4a8f3a
  • terminal.ansiCyan#f0b23a
  • terminal.ansiGreen#6dbf67
  • terminal.ansiMagenta#a6cbe3
  • terminal.ansiRed#a6cbe3
  • terminal.ansiWhite#1f2a1f
  • terminal.ansiYellow#f0b23a
  • terminal.background#fbf7ec
  • terminal.foreground#1f2a1f
  • titleBar.activeBackground#fbf7ec
  • titleBar.activeForeground#1f2a1f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fbf7ec
  • titleBar.inactiveForeground#1f2a1f60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7a8a4aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#4a8f3abold
storage.type, storage.modifier#4a8f3aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6dbf67
string, punctuation.definition.string, string.template, meta.template.expression#f0b23a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#a6cbe3
variable, variable.other.readwrite, variable.other.object#1f2a1f
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1f2a1f
variable.parameter, meta.parameter#1f2a1fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1f2a1f80
keyword.operator#1f2a1f
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#f0b23abold
entity.other.inherited-class#6dbf67
entity.name.tag, punctuation.definition.tag#4a8f3a
entity.other.attribute-name#6dbf67
meta.diff, meta.diff.header#7a8a4a
markup.deleted#a6cbe3
markup.inserted#6dbf67
markup.changed#f0b23a
markup.heading, markup.heading.setext, punctuation.definition.heading#6dbf67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#f0b23a
string.other.link.title, string.other.link.description#6dbf67
markup.underline.link#7a8a4aunderline
punctuation.definition.list#4a8f3a
markup.quote, punctuation.definition.quote#7a8a4aitalic