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#060709
  • activityBar.border#ffffff15
  • activityBar.foreground#67A8E9
  • activityBar.inactiveForeground#F7F5EF60
  • activityBarBadge.background#67A8E9
  • activityBarBadge.foreground#060709
  • button.background#67A8E9
  • button.foreground#060709
  • button.hoverBackground#67A8E9dd
  • editor.background#060709
  • editor.foreground#F7F5EF
  • editor.inactiveSelectionBackground#ECC0793580
  • editor.lineHighlightBackground#1E252940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC07935
  • editorCursor.foreground#67A8E9
  • editorGroupHeader.tabsBackground#060709dd
  • editorLineNumber.activeForeground#67A8E9
  • editorLineNumber.foreground#B7C0BE80
  • focusBorder#67A8E9
  • foreground#F7F5EF
  • input.background#1E2529
  • input.border#ffffff15
  • input.foreground#F7F5EF
  • input.placeholderForeground#F7F5EF60
  • list.activeSelectionBackground#67A8E930
  • list.activeSelectionForeground#F7F5EF
  • list.highlightForeground#67A8E9
  • list.hoverBackground#1E252940
  • list.hoverForeground#F7F5EF
  • list.inactiveSelectionBackground#67A8E915
  • list.inactiveSelectionForeground#F7F5EF
  • selection.background#ECC07935
  • sideBar.background#1E2529
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F5EF
  • sideBarSectionHeader.background#06070980
  • sideBarSectionHeader.foreground#F7F5EF
  • sideBarTitle.foreground#67A8E9
  • statusBar.background#060709
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F5EF
  • statusBar.noFolderBackground#060709
  • tab.activeBackground#060709
  • tab.activeBorderTop#67A8E9
  • tab.activeForeground#F7F5EF
  • tab.border#ffffff15
  • tab.inactiveBackground#1E252960
  • tab.inactiveForeground#F7F5EF80
  • terminal.ansiBlack#060709
  • terminal.ansiBlue#ECC079
  • terminal.ansiCyan#90E755
  • terminal.ansiGreen#67A8E9
  • terminal.ansiMagenta#F19583
  • terminal.ansiRed#F19583
  • terminal.ansiWhite#F7F5EF
  • terminal.ansiYellow#90E755
  • terminal.background#060709
  • terminal.foreground#F7F5EF
  • titleBar.activeBackground#060709
  • titleBar.activeForeground#F7F5EF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#060709
  • titleBar.inactiveForeground#F7F5EF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7C0BEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC079bold
storage.type, storage.modifier#ECC079italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67A8E9
string, punctuation.definition.string, string.template, meta.template.expression#90E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F19583
variable, variable.other.readwrite, variable.other.object#F7F5EF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F5EF
variable.parameter, meta.parameter#F7F5EFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F5EF80
keyword.operator#F7F5EF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#90E755bold
entity.other.inherited-class#67A8E9
entity.name.tag, punctuation.definition.tag#ECC079
entity.other.attribute-name#67A8E9
meta.diff, meta.diff.header#B7C0BE
markup.deleted#F19583
markup.inserted#67A8E9
markup.changed#90E755
markup.heading, markup.heading.setext, punctuation.definition.heading#67A8E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#90E755
string.other.link.title, string.other.link.description#67A8E9
markup.underline.link#B7C0BEunderline
punctuation.definition.list#ECC079
markup.quote, punctuation.definition.quote#B7C0BEitalic