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#43483D
  • activityBar.border#ffffff15
  • activityBar.foreground#67C2E9
  • activityBar.inactiveForeground#f6efdf60
  • activityBarBadge.background#67C2E9
  • activityBarBadge.foreground#43483D
  • button.background#67C2E9
  • button.foreground#43483D
  • button.hoverBackground#67C2E9dd
  • editor.background#43483D
  • editor.foreground#f6efdf
  • editor.inactiveSelectionBackground#BAEC793580
  • editor.lineHighlightBackground#24272140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#BAEC7935
  • editorCursor.foreground#67C2E9
  • editorGroupHeader.tabsBackground#43483Ddd
  • editorLineNumber.activeForeground#67C2E9
  • editorLineNumber.foreground#d9d2bd80
  • focusBorder#67C2E9
  • foreground#f6efdf
  • input.background#242721
  • input.border#ffffff15
  • input.foreground#f6efdf
  • input.placeholderForeground#f6efdf60
  • list.activeSelectionBackground#67C2E930
  • list.activeSelectionForeground#f6efdf
  • list.highlightForeground#67C2E9
  • list.hoverBackground#24272140
  • list.hoverForeground#f6efdf
  • list.inactiveSelectionBackground#67C2E915
  • list.inactiveSelectionForeground#f6efdf
  • selection.background#BAEC7935
  • sideBar.background#242721
  • sideBar.border#ffffff15
  • sideBar.foreground#f6efdf
  • sideBarSectionHeader.background#43483D80
  • sideBarSectionHeader.foreground#f6efdf
  • sideBarTitle.foreground#67C2E9
  • statusBar.background#43483D
  • statusBar.border#ffffff15
  • statusBar.foreground#f6efdf
  • statusBar.noFolderBackground#43483D
  • tab.activeBackground#43483D
  • tab.activeBorderTop#67C2E9
  • tab.activeForeground#f6efdf
  • tab.border#ffffff15
  • tab.inactiveBackground#24272160
  • tab.inactiveForeground#f6efdf80
  • terminal.ansiBlack#43483D
  • terminal.ansiBlue#BAEC79
  • terminal.ansiCyan#E7BB55
  • terminal.ansiGreen#67C2E9
  • terminal.ansiMagenta#F1CE83
  • terminal.ansiRed#F1CE83
  • terminal.ansiWhite#f6efdf
  • terminal.ansiYellow#E7BB55
  • terminal.background#43483D
  • terminal.foreground#f6efdf
  • titleBar.activeBackground#43483D
  • titleBar.activeForeground#f6efdf
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#43483D
  • titleBar.inactiveForeground#f6efdf60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d9d2bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#BAEC79bold
storage.type, storage.modifier#BAEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67C2E9
string, punctuation.definition.string, string.template, meta.template.expression#E7BB55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CE83
variable, variable.other.readwrite, variable.other.object#f6efdf
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f6efdf
variable.parameter, meta.parameter#f6efdfdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f6efdf80
keyword.operator#f6efdf
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7BB55bold
entity.other.inherited-class#67C2E9
entity.name.tag, punctuation.definition.tag#BAEC79
entity.other.attribute-name#67C2E9
meta.diff, meta.diff.header#d9d2bd
markup.deleted#F1CE83
markup.inserted#67C2E9
markup.changed#E7BB55
markup.heading, markup.heading.setext, punctuation.definition.heading#67C2E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7BB55
string.other.link.title, string.other.link.description#67C2E9
markup.underline.link#d9d2bdunderline
punctuation.definition.list#BAEC79
markup.quote, punctuation.definition.quote#d9d2bditalic