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#0F2421
  • activityBar.border#ffffff15
  • activityBar.foreground#D4E967
  • activityBar.inactiveForeground#f3e9d660
  • activityBarBadge.background#D4E967
  • activityBarBadge.foreground#0F2421
  • button.background#D4E967
  • button.foreground#0F2421
  • button.hoverBackground#D4E967dd
  • editor.background#0F2421
  • editor.foreground#f3e9d6
  • editor.inactiveSelectionBackground#79ECEA3580
  • editor.lineHighlightBackground#161A1440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECEA35
  • editorCursor.foreground#D4E967
  • editorGroupHeader.tabsBackground#0F2421dd
  • editorLineNumber.activeForeground#D4E967
  • editorLineNumber.foreground#5b463480
  • focusBorder#D4E967
  • foreground#f3e9d6
  • input.background#161A14
  • input.border#ffffff15
  • input.foreground#f3e9d6
  • input.placeholderForeground#f3e9d660
  • list.activeSelectionBackground#D4E96730
  • list.activeSelectionForeground#f3e9d6
  • list.highlightForeground#D4E967
  • list.hoverBackground#161A1440
  • list.hoverForeground#f3e9d6
  • list.inactiveSelectionBackground#D4E96715
  • list.inactiveSelectionForeground#f3e9d6
  • selection.background#79ECEA35
  • sideBar.background#161A14
  • sideBar.border#ffffff15
  • sideBar.foreground#f3e9d6
  • sideBarSectionHeader.background#0F242180
  • sideBarSectionHeader.foreground#f3e9d6
  • sideBarTitle.foreground#D4E967
  • statusBar.background#0F2421
  • statusBar.border#ffffff15
  • statusBar.foreground#f3e9d6
  • statusBar.noFolderBackground#0F2421
  • tab.activeBackground#0F2421
  • tab.activeBorderTop#D4E967
  • tab.activeForeground#f3e9d6
  • tab.border#ffffff15
  • tab.inactiveBackground#161A1460
  • tab.inactiveForeground#f3e9d680
  • terminal.ansiBlack#0F2421
  • terminal.ansiBlue#79ECEA
  • terminal.ansiCyan#E7B655
  • terminal.ansiGreen#D4E967
  • terminal.ansiMagenta#C1F183
  • terminal.ansiRed#C1F183
  • terminal.ansiWhite#f3e9d6
  • terminal.ansiYellow#E7B655
  • terminal.background#0F2421
  • terminal.foreground#f3e9d6
  • titleBar.activeBackground#0F2421
  • titleBar.activeForeground#f3e9d6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0F2421
  • titleBar.inactiveForeground#f3e9d660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5b4634italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECEAbold
storage.type, storage.modifier#79ECEAitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D4E967
string, punctuation.definition.string, string.template, meta.template.expression#E7B655
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C1F183
variable, variable.other.readwrite, variable.other.object#f3e9d6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f3e9d6
variable.parameter, meta.parameter#f3e9d6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f3e9d680
keyword.operator#f3e9d6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7B655bold
entity.other.inherited-class#D4E967
entity.name.tag, punctuation.definition.tag#79ECEA
entity.other.attribute-name#D4E967
meta.diff, meta.diff.header#5b4634
markup.deleted#C1F183
markup.inserted#D4E967
markup.changed#E7B655
markup.heading, markup.heading.setext, punctuation.definition.heading#D4E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B655
string.other.link.title, string.other.link.description#D4E967
markup.underline.link#5b4634underline
punctuation.definition.list#79ECEA
markup.quote, punctuation.definition.quote#5b4634italic