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#144D1B
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C767
  • activityBar.inactiveForeground#fff7e860
  • activityBarBadge.background#E9C767
  • activityBarBadge.foreground#144D1B
  • button.background#E9C767
  • button.foreground#144D1B
  • button.hoverBackground#E9C767dd
  • editor.background#144D1B
  • editor.foreground#fff7e8
  • editor.inactiveSelectionBackground#ECA1793580
  • editor.lineHighlightBackground#080D0C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECA17935
  • editorCursor.foreground#E9C767
  • editorGroupHeader.tabsBackground#144D1Bdd
  • editorLineNumber.activeForeground#E9C767
  • editorLineNumber.foreground#4caf5080
  • focusBorder#E9C767
  • foreground#fff7e8
  • input.background#080D0C
  • input.border#ffffff15
  • input.foreground#fff7e8
  • input.placeholderForeground#fff7e860
  • list.activeSelectionBackground#E9C76730
  • list.activeSelectionForeground#fff7e8
  • list.highlightForeground#E9C767
  • list.hoverBackground#080D0C40
  • list.hoverForeground#fff7e8
  • list.inactiveSelectionBackground#E9C76715
  • list.inactiveSelectionForeground#fff7e8
  • selection.background#ECA17935
  • sideBar.background#080D0C
  • sideBar.border#ffffff15
  • sideBar.foreground#fff7e8
  • sideBarSectionHeader.background#144D1B80
  • sideBarSectionHeader.foreground#fff7e8
  • sideBarTitle.foreground#E9C767
  • statusBar.background#144D1B
  • statusBar.border#ffffff15
  • statusBar.foreground#fff7e8
  • statusBar.noFolderBackground#144D1B
  • tab.activeBackground#144D1B
  • tab.activeBorderTop#E9C767
  • tab.activeForeground#fff7e8
  • tab.border#ffffff15
  • tab.inactiveBackground#080D0C60
  • tab.inactiveForeground#fff7e880
  • terminal.ansiBlack#144D1B
  • terminal.ansiBlue#ECA179
  • terminal.ansiCyan#5586E7
  • terminal.ansiGreen#E9C767
  • terminal.ansiMagenta#83F189
  • terminal.ansiRed#83F189
  • terminal.ansiWhite#fff7e8
  • terminal.ansiYellow#5586E7
  • terminal.background#144D1B
  • terminal.foreground#fff7e8
  • titleBar.activeBackground#144D1B
  • titleBar.activeForeground#fff7e8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#144D1B
  • titleBar.inactiveForeground#fff7e860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4caf50italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECA179bold
storage.type, storage.modifier#ECA179italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C767
string, punctuation.definition.string, string.template, meta.template.expression#5586E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F189
variable, variable.other.readwrite, variable.other.object#fff7e8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff7e8
variable.parameter, meta.parameter#fff7e8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff7e880
keyword.operator#fff7e8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5586E7bold
entity.other.inherited-class#E9C767
entity.name.tag, punctuation.definition.tag#ECA179
entity.other.attribute-name#E9C767
meta.diff, meta.diff.header#4caf50
markup.deleted#83F189
markup.inserted#E9C767
markup.changed#5586E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C767bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5586E7
string.other.link.title, string.other.link.description#E9C767
markup.underline.link#4caf50underline
punctuation.definition.list#ECA179
markup.quote, punctuation.definition.quote#4caf50italic