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#13181B
  • activityBar.border#ffffff15
  • activityBar.foreground#6EE967
  • activityBar.inactiveForeground#F0F2F160
  • activityBarBadge.background#6EE967
  • activityBarBadge.foreground#13181B
  • button.background#6EE967
  • button.foreground#13181B
  • button.hoverBackground#6EE967dd
  • editor.background#13181B
  • editor.foreground#F0F2F1
  • editor.inactiveSelectionBackground#79ECAB3580
  • editor.lineHighlightBackground#080A0D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECAB35
  • editorCursor.foreground#6EE967
  • editorGroupHeader.tabsBackground#13181Bdd
  • editorLineNumber.activeForeground#6EE967
  • editorLineNumber.foreground#8F989680
  • focusBorder#6EE967
  • foreground#F0F2F1
  • input.background#080A0D
  • input.border#ffffff15
  • input.foreground#F0F2F1
  • input.placeholderForeground#F0F2F160
  • list.activeSelectionBackground#6EE96730
  • list.activeSelectionForeground#F0F2F1
  • list.highlightForeground#6EE967
  • list.hoverBackground#080A0D40
  • list.hoverForeground#F0F2F1
  • list.inactiveSelectionBackground#6EE96715
  • list.inactiveSelectionForeground#F0F2F1
  • selection.background#79ECAB35
  • sideBar.background#080A0D
  • sideBar.border#ffffff15
  • sideBar.foreground#F0F2F1
  • sideBarSectionHeader.background#13181B80
  • sideBarSectionHeader.foreground#F0F2F1
  • sideBarTitle.foreground#6EE967
  • statusBar.background#13181B
  • statusBar.border#ffffff15
  • statusBar.foreground#F0F2F1
  • statusBar.noFolderBackground#13181B
  • tab.activeBackground#13181B
  • tab.activeBorderTop#6EE967
  • tab.activeForeground#F0F2F1
  • tab.border#ffffff15
  • tab.inactiveBackground#080A0D60
  • tab.inactiveForeground#F0F2F180
  • terminal.ansiBlack#13181B
  • terminal.ansiBlue#79ECAB
  • terminal.ansiCyan#55BBE7
  • terminal.ansiGreen#6EE967
  • terminal.ansiMagenta#F1CB83
  • terminal.ansiRed#F1CB83
  • terminal.ansiWhite#F0F2F1
  • terminal.ansiYellow#55BBE7
  • terminal.background#13181B
  • terminal.foreground#F0F2F1
  • titleBar.activeBackground#13181B
  • titleBar.activeForeground#F0F2F1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#13181B
  • titleBar.inactiveForeground#F0F2F160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8F9896italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECABbold
storage.type, storage.modifier#79ECABitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6EE967
string, punctuation.definition.string, string.template, meta.template.expression#55BBE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CB83
variable, variable.other.readwrite, variable.other.object#F0F2F1
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F0F2F1
variable.parameter, meta.parameter#F0F2F1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F0F2F180
keyword.operator#F0F2F1
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55BBE7bold
entity.other.inherited-class#6EE967
entity.name.tag, punctuation.definition.tag#79ECAB
entity.other.attribute-name#6EE967
meta.diff, meta.diff.header#8F9896
markup.deleted#F1CB83
markup.inserted#6EE967
markup.changed#55BBE7
markup.heading, markup.heading.setext, punctuation.definition.heading#6EE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55BBE7
string.other.link.title, string.other.link.description#6EE967
markup.underline.link#8F9896underline
punctuation.definition.list#79ECAB
markup.quote, punctuation.definition.quote#8F9896italic