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#0F1512
  • activityBar.border#ffffff15
  • activityBar.foreground#2E5E40
  • activityBar.inactiveForeground#F6F8F760
  • activityBarBadge.background#2E5E40
  • activityBarBadge.foreground#0F1512
  • button.background#2E5E40
  • button.foreground#0F1512
  • button.hoverBackground#2E5E40dd
  • editor.background#0F1512
  • editor.foreground#F6F8F7
  • editor.inactiveSelectionBackground#4A5A3A3580
  • editor.lineHighlightBackground#080D0C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#4A5A3A35
  • editorCursor.foreground#2E5E40
  • editorGroupHeader.tabsBackground#0F1512dd
  • editorLineNumber.activeForeground#2E5E40
  • editorLineNumber.foreground#E7EBED80
  • focusBorder#2E5E40
  • foreground#F6F8F7
  • input.background#080D0C
  • input.border#ffffff15
  • input.foreground#F6F8F7
  • input.placeholderForeground#F6F8F760
  • list.activeSelectionBackground#2E5E4030
  • list.activeSelectionForeground#F6F8F7
  • list.highlightForeground#2E5E40
  • list.hoverBackground#080D0C40
  • list.hoverForeground#F6F8F7
  • list.inactiveSelectionBackground#2E5E4015
  • list.inactiveSelectionForeground#F6F8F7
  • selection.background#4A5A3A35
  • sideBar.background#080D0C
  • sideBar.border#ffffff15
  • sideBar.foreground#F6F8F7
  • sideBarSectionHeader.background#0F151280
  • sideBarSectionHeader.foreground#F6F8F7
  • sideBarTitle.foreground#2E5E40
  • statusBar.background#0F1512
  • statusBar.border#ffffff15
  • statusBar.foreground#F6F8F7
  • statusBar.noFolderBackground#0F1512
  • tab.activeBackground#0F1512
  • tab.activeBorderTop#2E5E40
  • tab.activeForeground#F6F8F7
  • tab.border#ffffff15
  • tab.inactiveBackground#080D0C60
  • tab.inactiveForeground#F6F8F780
  • terminal.ansiBlack#0F1512
  • terminal.ansiBlue#4A5A3A
  • terminal.ansiCyan#6F8F6A
  • terminal.ansiGreen#2E5E40
  • terminal.ansiMagenta#B5892A
  • terminal.ansiRed#B5892A
  • terminal.ansiWhite#F6F8F7
  • terminal.ansiYellow#6F8F6A
  • terminal.background#0F1512
  • terminal.foreground#F6F8F7
  • titleBar.activeBackground#0F1512
  • titleBar.activeForeground#F6F8F7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0F1512
  • titleBar.inactiveForeground#F6F8F760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E7EBEDitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#4A5A3Abold
storage.type, storage.modifier#4A5A3Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#2E5E40
string, punctuation.definition.string, string.template, meta.template.expression#6F8F6A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B5892A
variable, variable.other.readwrite, variable.other.object#F6F8F7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F6F8F7
variable.parameter, meta.parameter#F6F8F7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F6F8F780
keyword.operator#F6F8F7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6F8F6Abold
entity.other.inherited-class#2E5E40
entity.name.tag, punctuation.definition.tag#4A5A3A
entity.other.attribute-name#2E5E40
meta.diff, meta.diff.header#E7EBED
markup.deleted#B5892A
markup.inserted#2E5E40
markup.changed#6F8F6A
markup.heading, markup.heading.setext, punctuation.definition.heading#2E5E40bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6F8F6A
string.other.link.title, string.other.link.description#2E5E40
markup.underline.link#E7EBEDunderline
punctuation.definition.list#4A5A3A
markup.quote, punctuation.definition.quote#E7EBEDitalic