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.bold—bold
markup.italic—italic
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