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#202C41
  • activityBar.border#ffffff15
  • activityBar.foreground#E9DE67
  • activityBar.inactiveForeground#FEF7DE60
  • activityBarBadge.background#E9DE67
  • activityBarBadge.foreground#202C41
  • button.background#E9DE67
  • button.foreground#202C41
  • button.hoverBackground#E9DE67dd
  • editor.background#202C41
  • editor.foreground#FEF7DE
  • editor.inactiveSelectionBackground#AFEC793580
  • editor.lineHighlightBackground#141A2440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#AFEC7935
  • editorCursor.foreground#E9DE67
  • editorGroupHeader.tabsBackground#202C41dd
  • editorLineNumber.activeForeground#E9DE67
  • editorLineNumber.foreground#A9C29A80
  • focusBorder#E9DE67
  • foreground#FEF7DE
  • input.background#141A24
  • input.border#ffffff15
  • input.foreground#FEF7DE
  • input.placeholderForeground#FEF7DE60
  • list.activeSelectionBackground#E9DE6730
  • list.activeSelectionForeground#FEF7DE
  • list.highlightForeground#E9DE67
  • list.hoverBackground#141A2440
  • list.hoverForeground#FEF7DE
  • list.inactiveSelectionBackground#E9DE6715
  • list.inactiveSelectionForeground#FEF7DE
  • selection.background#AFEC7935
  • sideBar.background#141A24
  • sideBar.border#ffffff15
  • sideBar.foreground#FEF7DE
  • sideBarSectionHeader.background#202C4180
  • sideBarSectionHeader.foreground#FEF7DE
  • sideBarTitle.foreground#E9DE67
  • statusBar.background#202C41
  • statusBar.border#ffffff15
  • statusBar.foreground#FEF7DE
  • statusBar.noFolderBackground#202C41
  • tab.activeBackground#202C41
  • tab.activeBorderTop#E9DE67
  • tab.activeForeground#FEF7DE
  • tab.border#ffffff15
  • tab.inactiveBackground#141A2460
  • tab.inactiveForeground#FEF7DE80
  • terminal.ansiBlack#202C41
  • terminal.ansiBlue#AFEC79
  • terminal.ansiCyan#5586E7
  • terminal.ansiGreen#E9DE67
  • terminal.ansiMagenta#F1D683
  • terminal.ansiRed#F1D683
  • terminal.ansiWhite#FEF7DE
  • terminal.ansiYellow#5586E7
  • terminal.background#202C41
  • terminal.foreground#FEF7DE
  • titleBar.activeBackground#202C41
  • titleBar.activeForeground#FEF7DE
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#202C41
  • titleBar.inactiveForeground#FEF7DE60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A9C29Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#AFEC79bold
storage.type, storage.modifier#AFEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9DE67
string, punctuation.definition.string, string.template, meta.template.expression#5586E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D683
variable, variable.other.readwrite, variable.other.object#FEF7DE
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FEF7DE
variable.parameter, meta.parameter#FEF7DEdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FEF7DE80
keyword.operator#FEF7DE
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5586E7bold
entity.other.inherited-class#E9DE67
entity.name.tag, punctuation.definition.tag#AFEC79
entity.other.attribute-name#E9DE67
meta.diff, meta.diff.header#A9C29A
markup.deleted#F1D683
markup.inserted#E9DE67
markup.changed#5586E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E9DE67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5586E7
string.other.link.title, string.other.link.description#E9DE67
markup.underline.link#A9C29Aunderline
punctuation.definition.list#AFEC79
markup.quote, punctuation.definition.quote#A9C29Aitalic