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#f3fbf5
  • activityBar.border#00000015
  • activityBar.foreground#0f7a4a
  • activityBar.inactiveForeground#111c1760
  • activityBarBadge.background#0f7a4a
  • activityBarBadge.foreground#f3fbf5
  • button.background#0f7a4a
  • button.foreground#f3fbf5
  • button.hoverBackground#0f7a4add
  • editor.background#f3fbf5
  • editor.foreground#111c17
  • editor.inactiveSelectionBackground#72c99b2580
  • editor.lineHighlightBackground#dff2e650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#72c99b25
  • editorCursor.foreground#0f7a4a
  • editorGroupHeader.tabsBackground#dff2e6aa
  • editorLineNumber.activeForeground#0f7a4a
  • editorLineNumber.foreground#a6d8bd80
  • focusBorder#0f7a4a
  • foreground#111c17
  • input.background#dff2e6
  • input.border#00000015
  • input.foreground#111c17
  • input.placeholderForeground#111c1760
  • list.activeSelectionBackground#0f7a4a30
  • list.activeSelectionForeground#111c17
  • list.highlightForeground#0f7a4a
  • list.hoverBackground#dff2e640
  • list.hoverForeground#111c17
  • list.inactiveSelectionBackground#0f7a4a15
  • list.inactiveSelectionForeground#111c17
  • selection.background#72c99b25
  • sideBar.background#dff2e6
  • sideBar.border#00000015
  • sideBar.foreground#111c17
  • sideBarSectionHeader.background#dff2e680
  • sideBarSectionHeader.foreground#111c17
  • sideBarTitle.foreground#0f7a4a
  • statusBar.background#f3fbf5
  • statusBar.border#00000015
  • statusBar.foreground#111c17
  • statusBar.noFolderBackground#f3fbf5
  • tab.activeBackground#f3fbf5
  • tab.activeBorderTop#0f7a4a
  • tab.activeForeground#111c17
  • tab.border#00000015
  • tab.inactiveBackground#f3fbf560
  • tab.inactiveForeground#111c1780
  • terminal.ansiBlack#111c17
  • terminal.ansiBlue#72c99b
  • terminal.ansiCyan#b56d3c
  • terminal.ansiGreen#0f7a4a
  • terminal.ansiMagenta#9ee6bb
  • terminal.ansiRed#9ee6bb
  • terminal.ansiWhite#111c17
  • terminal.ansiYellow#b56d3c
  • terminal.background#f3fbf5
  • terminal.foreground#111c17
  • titleBar.activeBackground#f3fbf5
  • titleBar.activeForeground#111c17
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f3fbf5
  • titleBar.inactiveForeground#111c1760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a6d8bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#72c99bbold
storage.type, storage.modifier#72c99bitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0f7a4a
string, punctuation.definition.string, string.template, meta.template.expression#b56d3c
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#9ee6bb
variable, variable.other.readwrite, variable.other.object#111c17
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#111c17
variable.parameter, meta.parameter#111c17dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#111c1780
keyword.operator#111c17
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#b56d3cbold
entity.other.inherited-class#0f7a4a
entity.name.tag, punctuation.definition.tag#72c99b
entity.other.attribute-name#0f7a4a
meta.diff, meta.diff.header#a6d8bd
markup.deleted#9ee6bb
markup.inserted#0f7a4a
markup.changed#b56d3c
markup.heading, markup.heading.setext, punctuation.definition.heading#0f7a4abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#b56d3c
string.other.link.title, string.other.link.description#0f7a4a
markup.underline.link#a6d8bdunderline
punctuation.definition.list#72c99b
markup.quote, punctuation.definition.quote#a6d8bditalic