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#0B0E0C
  • activityBar.border#ffffff15
  • activityBar.foreground#AFE967
  • activityBar.inactiveForeground#f5f7f360
  • activityBarBadge.background#AFE967
  • activityBarBadge.foreground#0B0E0C
  • button.background#AFE967
  • button.foreground#0B0E0C
  • button.hoverBackground#AFE967dd
  • editor.background#0B0E0C
  • editor.foreground#f5f7f3
  • editor.inactiveSelectionBackground#79ECE23580
  • editor.lineHighlightBackground#161D1840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECE235
  • editorCursor.foreground#AFE967
  • editorGroupHeader.tabsBackground#0B0E0Cdd
  • editorLineNumber.activeForeground#AFE967
  • editorLineNumber.foreground#a7c9c680
  • focusBorder#AFE967
  • foreground#f5f7f3
  • input.background#161D18
  • input.border#ffffff15
  • input.foreground#f5f7f3
  • input.placeholderForeground#f5f7f360
  • list.activeSelectionBackground#AFE96730
  • list.activeSelectionForeground#f5f7f3
  • list.highlightForeground#AFE967
  • list.hoverBackground#161D1840
  • list.hoverForeground#f5f7f3
  • list.inactiveSelectionBackground#AFE96715
  • list.inactiveSelectionForeground#f5f7f3
  • selection.background#79ECE235
  • sideBar.background#161D18
  • sideBar.border#ffffff15
  • sideBar.foreground#f5f7f3
  • sideBarSectionHeader.background#0B0E0C80
  • sideBarSectionHeader.foreground#f5f7f3
  • sideBarTitle.foreground#AFE967
  • statusBar.background#0B0E0C
  • statusBar.border#ffffff15
  • statusBar.foreground#f5f7f3
  • statusBar.noFolderBackground#0B0E0C
  • tab.activeBackground#0B0E0C
  • tab.activeBorderTop#AFE967
  • tab.activeForeground#f5f7f3
  • tab.border#ffffff15
  • tab.inactiveBackground#161D1860
  • tab.inactiveForeground#f5f7f380
  • terminal.ansiBlack#0B0E0C
  • terminal.ansiBlue#79ECE2
  • terminal.ansiCyan#E7C255
  • terminal.ansiGreen#AFE967
  • terminal.ansiMagenta#D0F183
  • terminal.ansiRed#D0F183
  • terminal.ansiWhite#f5f7f3
  • terminal.ansiYellow#E7C255
  • terminal.background#0B0E0C
  • terminal.foreground#f5f7f3
  • titleBar.activeBackground#0B0E0C
  • titleBar.activeForeground#f5f7f3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0B0E0C
  • titleBar.inactiveForeground#f5f7f360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a7c9c6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECE2bold
storage.type, storage.modifier#79ECE2italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#AFE967
string, punctuation.definition.string, string.template, meta.template.expression#E7C255
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D0F183
variable, variable.other.readwrite, variable.other.object#f5f7f3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f5f7f3
variable.parameter, meta.parameter#f5f7f3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f5f7f380
keyword.operator#f5f7f3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7C255bold
entity.other.inherited-class#AFE967
entity.name.tag, punctuation.definition.tag#79ECE2
entity.other.attribute-name#AFE967
meta.diff, meta.diff.header#a7c9c6
markup.deleted#D0F183
markup.inserted#AFE967
markup.changed#E7C255
markup.heading, markup.heading.setext, punctuation.definition.heading#AFE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7C255
string.other.link.title, string.other.link.description#AFE967
markup.underline.link#a7c9c6underline
punctuation.definition.list#79ECE2
markup.quote, punctuation.definition.quote#a7c9c6italic