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#F8FBF5
  • activityBar.border#00000015
  • activityBar.foreground#3E9B47
  • activityBar.inactiveForeground#0D1B1460
  • activityBarBadge.background#3E9B47
  • activityBarBadge.foreground#F8FBF5
  • button.background#3E9B47
  • button.foreground#F8FBF5
  • button.hoverBackground#3E9B47dd
  • editor.background#F8FBF5
  • editor.foreground#0D1B14
  • editor.inactiveSelectionBackground#C9E98C2580
  • editor.lineHighlightBackground#FFFFFF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C9E98C25
  • editorCursor.foreground#3E9B47
  • editorGroupHeader.tabsBackground#FFFFFFaa
  • editorLineNumber.activeForeground#3E9B47
  • editorLineNumber.foreground#D9EED680
  • focusBorder#3E9B47
  • foreground#0D1B14
  • input.background#FFFFFF
  • input.border#00000015
  • input.foreground#0D1B14
  • input.placeholderForeground#0D1B1460
  • list.activeSelectionBackground#3E9B4730
  • list.activeSelectionForeground#0D1B14
  • list.highlightForeground#3E9B47
  • list.hoverBackground#FFFFFF40
  • list.hoverForeground#0D1B14
  • list.inactiveSelectionBackground#3E9B4715
  • list.inactiveSelectionForeground#0D1B14
  • selection.background#C9E98C25
  • sideBar.background#FFFFFF
  • sideBar.border#00000015
  • sideBar.foreground#0D1B14
  • sideBarSectionHeader.background#FFFFFF80
  • sideBarSectionHeader.foreground#0D1B14
  • sideBarTitle.foreground#3E9B47
  • statusBar.background#F8FBF5
  • statusBar.border#00000015
  • statusBar.foreground#0D1B14
  • statusBar.noFolderBackground#F8FBF5
  • tab.activeBackground#F8FBF5
  • tab.activeBorderTop#3E9B47
  • tab.activeForeground#0D1B14
  • tab.border#00000015
  • tab.inactiveBackground#F8FBF560
  • tab.inactiveForeground#0D1B1480
  • terminal.ansiBlack#0D1B14
  • terminal.ansiBlue#C9E98C
  • terminal.ansiCyan#F4F8E9
  • terminal.ansiGreen#3E9B47
  • terminal.ansiMagenta#84CF62
  • terminal.ansiRed#84CF62
  • terminal.ansiWhite#0D1B14
  • terminal.ansiYellow#F4F8E9
  • terminal.background#F8FBF5
  • terminal.foreground#0D1B14
  • titleBar.activeBackground#F8FBF5
  • titleBar.activeForeground#0D1B14
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F8FBF5
  • titleBar.inactiveForeground#0D1B1460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D9EED6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C9E98Cbold
storage.type, storage.modifier#C9E98Citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#3E9B47
string, punctuation.definition.string, string.template, meta.template.expression#F4F8E9
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#84CF62
variable, variable.other.readwrite, variable.other.object#0D1B14
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0D1B14
variable.parameter, meta.parameter#0D1B14dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0D1B1480
keyword.operator#0D1B14
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#F4F8E9bold
entity.other.inherited-class#3E9B47
entity.name.tag, punctuation.definition.tag#C9E98C
entity.other.attribute-name#3E9B47
meta.diff, meta.diff.header#D9EED6
markup.deleted#84CF62
markup.inserted#3E9B47
markup.changed#F4F8E9
markup.heading, markup.heading.setext, punctuation.definition.heading#3E9B47bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#F4F8E9
string.other.link.title, string.other.link.description#3E9B47
markup.underline.link#D9EED6underline
punctuation.definition.list#C9E98C
markup.quote, punctuation.definition.quote#D9EED6italic