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#070A0D
  • activityBar.border#ffffff15
  • activityBar.foreground#67E97B
  • activityBar.inactiveForeground#f7f2e660
  • activityBarBadge.background#67E97B
  • activityBarBadge.foreground#070A0D
  • button.background#67E97B
  • button.foreground#070A0D
  • button.hoverBackground#67E97Bdd
  • editor.background#070A0D
  • editor.foreground#f7f2e6
  • editor.inactiveSelectionBackground#ECB6793580
  • editor.lineHighlightBackground#1D171140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB67935
  • editorCursor.foreground#67E97B
  • editorGroupHeader.tabsBackground#070A0Ddd
  • editorLineNumber.activeForeground#67E97B
  • editorLineNumber.foreground#d6cec180
  • focusBorder#67E97B
  • foreground#f7f2e6
  • input.background#1D1711
  • input.border#ffffff15
  • input.foreground#f7f2e6
  • input.placeholderForeground#f7f2e660
  • list.activeSelectionBackground#67E97B30
  • list.activeSelectionForeground#f7f2e6
  • list.highlightForeground#67E97B
  • list.hoverBackground#1D171140
  • list.hoverForeground#f7f2e6
  • list.inactiveSelectionBackground#67E97B15
  • list.inactiveSelectionForeground#f7f2e6
  • selection.background#ECB67935
  • sideBar.background#1D1711
  • sideBar.border#ffffff15
  • sideBar.foreground#f7f2e6
  • sideBarSectionHeader.background#070A0D80
  • sideBarSectionHeader.foreground#f7f2e6
  • sideBarTitle.foreground#67E97B
  • statusBar.background#070A0D
  • statusBar.border#ffffff15
  • statusBar.foreground#f7f2e6
  • statusBar.noFolderBackground#070A0D
  • tab.activeBackground#070A0D
  • tab.activeBorderTop#67E97B
  • tab.activeForeground#f7f2e6
  • tab.border#ffffff15
  • tab.inactiveBackground#1D171160
  • tab.inactiveForeground#f7f2e680
  • terminal.ansiBlack#070A0D
  • terminal.ansiBlue#ECB679
  • terminal.ansiCyan#55AFE7
  • terminal.ansiGreen#67E97B
  • terminal.ansiMagenta#F1B383
  • terminal.ansiRed#F1B383
  • terminal.ansiWhite#f7f2e6
  • terminal.ansiYellow#55AFE7
  • terminal.background#070A0D
  • terminal.foreground#f7f2e6
  • titleBar.activeBackground#070A0D
  • titleBar.activeForeground#f7f2e6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#070A0D
  • titleBar.inactiveForeground#f7f2e660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d6cec1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB679bold
storage.type, storage.modifier#ECB679italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E97B
string, punctuation.definition.string, string.template, meta.template.expression#55AFE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1B383
variable, variable.other.readwrite, variable.other.object#f7f2e6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7f2e6
variable.parameter, meta.parameter#f7f2e6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7f2e680
keyword.operator#f7f2e6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55AFE7bold
entity.other.inherited-class#67E97B
entity.name.tag, punctuation.definition.tag#ECB679
entity.other.attribute-name#67E97B
meta.diff, meta.diff.header#d6cec1
markup.deleted#F1B383
markup.inserted#67E97B
markup.changed#55AFE7
markup.heading, markup.heading.setext, punctuation.definition.heading#67E97Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55AFE7
string.other.link.title, string.other.link.description#67E97B
markup.underline.link#d6cec1underline
punctuation.definition.list#ECB679
markup.quote, punctuation.definition.quote#d6cec1italic