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#14191A
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9E7
  • activityBar.inactiveForeground#f4f7f660
  • activityBarBadge.background#67E9E7
  • activityBarBadge.foreground#14191A
  • button.background#67E9E7
  • button.foreground#14191A
  • button.hoverBackground#67E9E7dd
  • editor.background#14191A
  • editor.foreground#f4f7f6
  • editor.inactiveSelectionBackground#79D3EC3580
  • editor.lineHighlightBackground#090A0C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79D3EC35
  • editorCursor.foreground#67E9E7
  • editorGroupHeader.tabsBackground#14191Add
  • editorLineNumber.activeForeground#67E9E7
  • editorLineNumber.foreground#6f777880
  • focusBorder#67E9E7
  • foreground#f4f7f6
  • input.background#090A0C
  • input.border#ffffff15
  • input.foreground#f4f7f6
  • input.placeholderForeground#f4f7f660
  • list.activeSelectionBackground#67E9E730
  • list.activeSelectionForeground#f4f7f6
  • list.highlightForeground#67E9E7
  • list.hoverBackground#090A0C40
  • list.hoverForeground#f4f7f6
  • list.inactiveSelectionBackground#67E9E715
  • list.inactiveSelectionForeground#f4f7f6
  • selection.background#79D3EC35
  • sideBar.background#090A0C
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f7f6
  • sideBarSectionHeader.background#14191A80
  • sideBarSectionHeader.foreground#f4f7f6
  • sideBarTitle.foreground#67E9E7
  • statusBar.background#14191A
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f7f6
  • statusBar.noFolderBackground#14191A
  • tab.activeBackground#14191A
  • tab.activeBorderTop#67E9E7
  • tab.activeForeground#f4f7f6
  • tab.border#ffffff15
  • tab.inactiveBackground#090A0C60
  • tab.inactiveForeground#f4f7f680
  • terminal.ansiBlack#14191A
  • terminal.ansiBlue#79D3EC
  • terminal.ansiCyan#55E7D6
  • terminal.ansiGreen#67E9E7
  • terminal.ansiMagenta#F19F83
  • terminal.ansiRed#F19F83
  • terminal.ansiWhite#f4f7f6
  • terminal.ansiYellow#55E7D6
  • terminal.background#14191A
  • terminal.foreground#f4f7f6
  • titleBar.activeBackground#14191A
  • titleBar.activeForeground#f4f7f6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#14191A
  • titleBar.inactiveForeground#f4f7f660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6f7778italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79D3ECbold
storage.type, storage.modifier#79D3ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9E7
string, punctuation.definition.string, string.template, meta.template.expression#55E7D6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F19F83
variable, variable.other.readwrite, variable.other.object#f4f7f6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f7f6
variable.parameter, meta.parameter#f4f7f6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f7f680
keyword.operator#f4f7f6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7D6bold
entity.other.inherited-class#67E9E7
entity.name.tag, punctuation.definition.tag#79D3EC
entity.other.attribute-name#67E9E7
meta.diff, meta.diff.header#6f7778
markup.deleted#F19F83
markup.inserted#67E9E7
markup.changed#55E7D6
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9E7bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7D6
string.other.link.title, string.other.link.description#67E9E7
markup.underline.link#6f7778underline
punctuation.definition.list#79D3EC
markup.quote, punctuation.definition.quote#6f7778italic