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#040C0A
  • activityBar.border#ffffff15
  • activityBar.foreground#88E967
  • activityBar.inactiveForeground#f4f7f160
  • activityBarBadge.background#88E967
  • activityBarBadge.foreground#040C0A
  • button.background#88E967
  • button.foreground#040C0A
  • button.hoverBackground#88E967dd
  • editor.background#040C0A
  • editor.foreground#f4f7f1
  • editor.inactiveSelectionBackground#EC9F793580
  • editor.lineHighlightBackground#0C221B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC9F7935
  • editorCursor.foreground#88E967
  • editorGroupHeader.tabsBackground#040C0Add
  • editorLineNumber.activeForeground#88E967
  • editorLineNumber.foreground#8b817180
  • focusBorder#88E967
  • foreground#f4f7f1
  • input.background#0C221B
  • input.border#ffffff15
  • input.foreground#f4f7f1
  • input.placeholderForeground#f4f7f160
  • list.activeSelectionBackground#88E96730
  • list.activeSelectionForeground#f4f7f1
  • list.highlightForeground#88E967
  • list.hoverBackground#0C221B40
  • list.hoverForeground#f4f7f1
  • list.inactiveSelectionBackground#88E96715
  • list.inactiveSelectionForeground#f4f7f1
  • selection.background#EC9F7935
  • sideBar.background#0C221B
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f7f1
  • sideBarSectionHeader.background#040C0A80
  • sideBarSectionHeader.foreground#f4f7f1
  • sideBarTitle.foreground#88E967
  • statusBar.background#040C0A
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f7f1
  • statusBar.noFolderBackground#040C0A
  • tab.activeBackground#040C0A
  • tab.activeBorderTop#88E967
  • tab.activeForeground#f4f7f1
  • tab.border#ffffff15
  • tab.inactiveBackground#0C221B60
  • tab.inactiveForeground#f4f7f180
  • terminal.ansiBlack#040C0A
  • terminal.ansiBlue#EC9F79
  • terminal.ansiCyan#99E755
  • terminal.ansiGreen#88E967
  • terminal.ansiMagenta#F1E383
  • terminal.ansiRed#F1E383
  • terminal.ansiWhite#f4f7f1
  • terminal.ansiYellow#99E755
  • terminal.background#040C0A
  • terminal.foreground#f4f7f1
  • titleBar.activeBackground#040C0A
  • titleBar.activeForeground#f4f7f1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#040C0A
  • titleBar.inactiveForeground#f4f7f160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8b8171italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC9F79bold
storage.type, storage.modifier#EC9F79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#88E967
string, punctuation.definition.string, string.template, meta.template.expression#99E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1E383
variable, variable.other.readwrite, variable.other.object#f4f7f1
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f7f1
variable.parameter, meta.parameter#f4f7f1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f7f180
keyword.operator#f4f7f1
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#99E755bold
entity.other.inherited-class#88E967
entity.name.tag, punctuation.definition.tag#EC9F79
entity.other.attribute-name#88E967
meta.diff, meta.diff.header#8b8171
markup.deleted#F1E383
markup.inserted#88E967
markup.changed#99E755
markup.heading, markup.heading.setext, punctuation.definition.heading#88E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#99E755
string.other.link.title, string.other.link.description#88E967
markup.underline.link#8b8171underline
punctuation.definition.list#EC9F79
markup.quote, punctuation.definition.quote#8b8171italic