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#0A1F17
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9B5
  • activityBar.inactiveForeground#ECEDE760
  • activityBarBadge.background#67E9B5
  • activityBarBadge.foreground#0A1F17
  • button.background#67E9B5
  • button.foreground#0A1F17
  • button.hoverBackground#67E9B5dd
  • editor.background#0A1F17
  • editor.foreground#ECEDE7
  • editor.inactiveSelectionBackground#79EC8E3580
  • editor.lineHighlightBackground#0A0A0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EC8E35
  • editorCursor.foreground#67E9B5
  • editorGroupHeader.tabsBackground#0A1F17dd
  • editorLineNumber.activeForeground#67E9B5
  • editorLineNumber.foreground#D9DDD680
  • focusBorder#67E9B5
  • foreground#ECEDE7
  • input.background#0A0A0A
  • input.border#ffffff15
  • input.foreground#ECEDE7
  • input.placeholderForeground#ECEDE760
  • list.activeSelectionBackground#67E9B530
  • list.activeSelectionForeground#ECEDE7
  • list.highlightForeground#67E9B5
  • list.hoverBackground#0A0A0A40
  • list.hoverForeground#ECEDE7
  • list.inactiveSelectionBackground#67E9B515
  • list.inactiveSelectionForeground#ECEDE7
  • selection.background#79EC8E35
  • sideBar.background#0A0A0A
  • sideBar.border#ffffff15
  • sideBar.foreground#ECEDE7
  • sideBarSectionHeader.background#0A1F1780
  • sideBarSectionHeader.foreground#ECEDE7
  • sideBarTitle.foreground#67E9B5
  • statusBar.background#0A1F17
  • statusBar.border#ffffff15
  • statusBar.foreground#ECEDE7
  • statusBar.noFolderBackground#0A1F17
  • tab.activeBackground#0A1F17
  • tab.activeBorderTop#67E9B5
  • tab.activeForeground#ECEDE7
  • tab.border#ffffff15
  • tab.inactiveBackground#0A0A0A60
  • tab.inactiveForeground#ECEDE780
  • terminal.ansiBlack#0A1F17
  • terminal.ansiBlue#79EC8E
  • terminal.ansiCyan#6BE755
  • terminal.ansiGreen#67E9B5
  • terminal.ansiMagenta#94F183
  • terminal.ansiRed#94F183
  • terminal.ansiWhite#ECEDE7
  • terminal.ansiYellow#6BE755
  • terminal.background#0A1F17
  • terminal.foreground#ECEDE7
  • titleBar.activeBackground#0A1F17
  • titleBar.activeForeground#ECEDE7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0A1F17
  • titleBar.inactiveForeground#ECEDE760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D9DDD6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79EC8Ebold
storage.type, storage.modifier#79EC8Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9B5
string, punctuation.definition.string, string.template, meta.template.expression#6BE755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#94F183
variable, variable.other.readwrite, variable.other.object#ECEDE7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#ECEDE7
variable.parameter, meta.parameter#ECEDE7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#ECEDE780
keyword.operator#ECEDE7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6BE755bold
entity.other.inherited-class#67E9B5
entity.name.tag, punctuation.definition.tag#79EC8E
entity.other.attribute-name#67E9B5
meta.diff, meta.diff.header#D9DDD6
markup.deleted#94F183
markup.inserted#67E9B5
markup.changed#6BE755
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9B5bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6BE755
string.other.link.title, string.other.link.description#67E9B5
markup.underline.link#D9DDD6underline
punctuation.definition.list#79EC8E
markup.quote, punctuation.definition.quote#D9DDD6italic