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#071814
  • activityBar.border#ffffff15
  • activityBar.foreground#00865f
  • activityBar.inactiveForeground#f4f2e860
  • activityBarBadge.background#00865f
  • activityBarBadge.foreground#071814
  • button.background#00865f
  • button.foreground#071814
  • button.hoverBackground#00865fdd
  • editor.background#071814
  • editor.foreground#f4f2e8
  • editor.inactiveSelectionBackground#2aa8893580
  • editor.lineHighlightBackground#102a2340
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2aa88935
  • editorCursor.foreground#00865f
  • editorGroupHeader.tabsBackground#071814dd
  • editorLineNumber.activeForeground#00865f
  • editorLineNumber.foreground#c7d2b180
  • focusBorder#00865f
  • foreground#f4f2e8
  • input.background#102a23
  • input.border#ffffff15
  • input.foreground#f4f2e8
  • input.placeholderForeground#f4f2e860
  • list.activeSelectionBackground#00865f30
  • list.activeSelectionForeground#f4f2e8
  • list.highlightForeground#00865f
  • list.hoverBackground#102a2340
  • list.hoverForeground#f4f2e8
  • list.inactiveSelectionBackground#00865f15
  • list.inactiveSelectionForeground#f4f2e8
  • selection.background#2aa88935
  • sideBar.background#102a23
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f2e8
  • sideBarSectionHeader.background#07181480
  • sideBarSectionHeader.foreground#f4f2e8
  • sideBarTitle.foreground#00865f
  • statusBar.background#071814
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f2e8
  • statusBar.noFolderBackground#071814
  • tab.activeBackground#071814
  • tab.activeBorderTop#00865f
  • tab.activeForeground#f4f2e8
  • tab.border#ffffff15
  • tab.inactiveBackground#102a2360
  • tab.inactiveForeground#f4f2e880
  • terminal.ansiBlack#071814
  • terminal.ansiBlue#2aa889
  • terminal.ansiCyan#c79a2d
  • terminal.ansiGreen#00865f
  • terminal.ansiMagenta#b72734
  • terminal.ansiRed#b72734
  • terminal.ansiWhite#f4f2e8
  • terminal.ansiYellow#c79a2d
  • terminal.background#071814
  • terminal.foreground#f4f2e8
  • titleBar.activeBackground#071814
  • titleBar.activeForeground#f4f2e8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#071814
  • titleBar.inactiveForeground#f4f2e860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c7d2b1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2aa889bold
storage.type, storage.modifier#2aa889italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#00865f
string, punctuation.definition.string, string.template, meta.template.expression#c79a2d
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#b72734
variable, variable.other.readwrite, variable.other.object#f4f2e8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f2e8
variable.parameter, meta.parameter#f4f2e8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f2e880
keyword.operator#f4f2e8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#c79a2dbold
entity.other.inherited-class#00865f
entity.name.tag, punctuation.definition.tag#2aa889
entity.other.attribute-name#00865f
meta.diff, meta.diff.header#c7d2b1
markup.deleted#b72734
markup.inserted#00865f
markup.changed#c79a2d
markup.heading, markup.heading.setext, punctuation.definition.heading#00865fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#c79a2d
string.other.link.title, string.other.link.description#00865f
markup.underline.link#c7d2b1underline
punctuation.definition.list#2aa889
markup.quote, punctuation.definition.quote#c7d2b1italic