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#B14D8F
  • activityBar.inactiveForeground#FAF7F260
  • activityBarBadge.background#B14D8F
  • activityBarBadge.foreground#0F1512
  • button.background#B14D8F
  • button.foreground#0F1512
  • button.hoverBackground#B14D8Fdd
  • editor.background#0F1512
  • editor.foreground#FAF7F2
  • editor.inactiveSelectionBackground#2E7D583580
  • editor.lineHighlightBackground#22325140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2E7D5835
  • editorCursor.foreground#B14D8F
  • editorGroupHeader.tabsBackground#0F1512dd
  • editorLineNumber.activeForeground#B14D8F
  • editorLineNumber.foreground#6A7F6380
  • focusBorder#B14D8F
  • foreground#FAF7F2
  • input.background#223251
  • input.border#ffffff15
  • input.foreground#FAF7F2
  • input.placeholderForeground#FAF7F260
  • list.activeSelectionBackground#B14D8F30
  • list.activeSelectionForeground#FAF7F2
  • list.highlightForeground#B14D8F
  • list.hoverBackground#22325140
  • list.hoverForeground#FAF7F2
  • list.inactiveSelectionBackground#B14D8F15
  • list.inactiveSelectionForeground#FAF7F2
  • selection.background#2E7D5835
  • sideBar.background#223251
  • sideBar.border#ffffff15
  • sideBar.foreground#FAF7F2
  • sideBarSectionHeader.background#0F151280
  • sideBarSectionHeader.foreground#FAF7F2
  • sideBarTitle.foreground#B14D8F
  • statusBar.background#0F1512
  • statusBar.border#ffffff15
  • statusBar.foreground#FAF7F2
  • statusBar.noFolderBackground#0F1512
  • tab.activeBackground#0F1512
  • tab.activeBorderTop#B14D8F
  • tab.activeForeground#FAF7F2
  • tab.border#ffffff15
  • tab.inactiveBackground#22325160
  • tab.inactiveForeground#FAF7F280
  • terminal.ansiBlack#0F1512
  • terminal.ansiBlue#2E7D58
  • terminal.ansiCyan#6E1D3D
  • terminal.ansiGreen#B14D8F
  • terminal.ansiMagenta#FFF6E6
  • terminal.ansiRed#FFF6E6
  • terminal.ansiWhite#FAF7F2
  • terminal.ansiYellow#6E1D3D
  • terminal.background#0F1512
  • terminal.foreground#FAF7F2
  • titleBar.activeBackground#0F1512
  • titleBar.activeForeground#FAF7F2
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0F1512
  • titleBar.inactiveForeground#FAF7F260
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6A7F63italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2E7D58bold
storage.type, storage.modifier#2E7D58italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B14D8F
string, punctuation.definition.string, string.template, meta.template.expression#6E1D3D
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#FFF6E6
variable, variable.other.readwrite, variable.other.object#FAF7F2
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAF7F2
variable.parameter, meta.parameter#FAF7F2dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAF7F280
keyword.operator#FAF7F2
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6E1D3Dbold
entity.other.inherited-class#B14D8F
entity.name.tag, punctuation.definition.tag#2E7D58
entity.other.attribute-name#B14D8F
meta.diff, meta.diff.header#6A7F63
markup.deleted#FFF6E6
markup.inserted#B14D8F
markup.changed#6E1D3D
markup.heading, markup.heading.setext, punctuation.definition.heading#B14D8Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6E1D3D
string.other.link.title, string.other.link.description#B14D8F
markup.underline.link#6A7F63underline
punctuation.definition.list#2E7D58
markup.quote, punctuation.definition.quote#6A7F63italic