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#060908
  • activityBar.border#ffffff15
  • activityBar.foreground#67E999
  • activityBar.inactiveForeground#F6F8F760
  • activityBarBadge.background#67E999
  • activityBarBadge.foreground#060908
  • button.background#67E999
  • button.foreground#060908
  • button.hoverBackground#67E999dd
  • editor.background#060908
  • editor.foreground#F6F8F7
  • editor.inactiveSelectionBackground#B3EC793580
  • editor.lineHighlightBackground#080D0C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#B3EC7935
  • editorCursor.foreground#67E999
  • editorGroupHeader.tabsBackground#060908dd
  • editorLineNumber.activeForeground#67E999
  • editorLineNumber.foreground#E7EBED80
  • focusBorder#67E999
  • foreground#F6F8F7
  • input.background#080D0C
  • input.border#ffffff15
  • input.foreground#F6F8F7
  • input.placeholderForeground#F6F8F760
  • list.activeSelectionBackground#67E99930
  • list.activeSelectionForeground#F6F8F7
  • list.highlightForeground#67E999
  • list.hoverBackground#080D0C40
  • list.hoverForeground#F6F8F7
  • list.inactiveSelectionBackground#67E99915
  • list.inactiveSelectionForeground#F6F8F7
  • selection.background#B3EC7935
  • sideBar.background#080D0C
  • sideBar.border#ffffff15
  • sideBar.foreground#F6F8F7
  • sideBarSectionHeader.background#06090880
  • sideBarSectionHeader.foreground#F6F8F7
  • sideBarTitle.foreground#67E999
  • statusBar.background#060908
  • statusBar.border#ffffff15
  • statusBar.foreground#F6F8F7
  • statusBar.noFolderBackground#060908
  • tab.activeBackground#060908
  • tab.activeBorderTop#67E999
  • tab.activeForeground#F6F8F7
  • tab.border#ffffff15
  • tab.inactiveBackground#080D0C60
  • tab.inactiveForeground#F6F8F780
  • terminal.ansiBlack#060908
  • terminal.ansiBlue#B3EC79
  • terminal.ansiCyan#69E755
  • terminal.ansiGreen#67E999
  • terminal.ansiMagenta#F1CE83
  • terminal.ansiRed#F1CE83
  • terminal.ansiWhite#F6F8F7
  • terminal.ansiYellow#69E755
  • terminal.background#060908
  • terminal.foreground#F6F8F7
  • titleBar.activeBackground#060908
  • titleBar.activeForeground#F6F8F7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#060908
  • 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#B3EC79bold
storage.type, storage.modifier#B3EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E999
string, punctuation.definition.string, string.template, meta.template.expression#69E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CE83
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#69E755bold
entity.other.inherited-class#67E999
entity.name.tag, punctuation.definition.tag#B3EC79
entity.other.attribute-name#67E999
meta.diff, meta.diff.header#E7EBED
markup.deleted#F1CE83
markup.inserted#67E999
markup.changed#69E755
markup.heading, markup.heading.setext, punctuation.definition.heading#67E999bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#69E755
string.other.link.title, string.other.link.description#67E999
markup.underline.link#E7EBEDunderline
punctuation.definition.list#B3EC79
markup.quote, punctuation.definition.quote#E7EBEDitalic