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#283126
  • activityBar.border#ffffff15
  • activityBar.foreground#AFE967
  • activityBar.inactiveForeground#F7F5E860
  • activityBarBadge.background#AFE967
  • activityBarBadge.foreground#283126
  • button.background#AFE967
  • button.foreground#283126
  • button.hoverBackground#AFE967dd
  • editor.background#283126
  • editor.foreground#F7F5E8
  • editor.inactiveSelectionBackground#B1EC793580
  • editor.lineHighlightBackground#1A231C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#B1EC7935
  • editorCursor.foreground#AFE967
  • editorGroupHeader.tabsBackground#283126dd
  • editorLineNumber.activeForeground#AFE967
  • editorLineNumber.foreground#C9D6AF80
  • focusBorder#AFE967
  • foreground#F7F5E8
  • input.background#1A231C
  • input.border#ffffff15
  • input.foreground#F7F5E8
  • input.placeholderForeground#F7F5E860
  • list.activeSelectionBackground#AFE96730
  • list.activeSelectionForeground#F7F5E8
  • list.highlightForeground#AFE967
  • list.hoverBackground#1A231C40
  • list.hoverForeground#F7F5E8
  • list.inactiveSelectionBackground#AFE96715
  • list.inactiveSelectionForeground#F7F5E8
  • selection.background#B1EC7935
  • sideBar.background#1A231C
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F5E8
  • sideBarSectionHeader.background#28312680
  • sideBarSectionHeader.foreground#F7F5E8
  • sideBarTitle.foreground#AFE967
  • statusBar.background#283126
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F5E8
  • statusBar.noFolderBackground#283126
  • tab.activeBackground#283126
  • tab.activeBorderTop#AFE967
  • tab.activeForeground#F7F5E8
  • tab.border#ffffff15
  • tab.inactiveBackground#1A231C60
  • tab.inactiveForeground#F7F5E880
  • terminal.ansiBlack#283126
  • terminal.ansiBlue#B1EC79
  • terminal.ansiCyan#E7C755
  • terminal.ansiGreen#AFE967
  • terminal.ansiMagenta#F1D083
  • terminal.ansiRed#F1D083
  • terminal.ansiWhite#F7F5E8
  • terminal.ansiYellow#E7C755
  • terminal.background#283126
  • terminal.foreground#F7F5E8
  • titleBar.activeBackground#283126
  • titleBar.activeForeground#F7F5E8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#283126
  • titleBar.inactiveForeground#F7F5E860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C9D6AFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#B1EC79bold
storage.type, storage.modifier#B1EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#AFE967
string, punctuation.definition.string, string.template, meta.template.expression#E7C755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D083
variable, variable.other.readwrite, variable.other.object#F7F5E8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F5E8
variable.parameter, meta.parameter#F7F5E8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F5E880
keyword.operator#F7F5E8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7C755bold
entity.other.inherited-class#AFE967
entity.name.tag, punctuation.definition.tag#B1EC79
entity.other.attribute-name#AFE967
meta.diff, meta.diff.header#C9D6AF
markup.deleted#F1D083
markup.inserted#AFE967
markup.changed#E7C755
markup.heading, markup.heading.setext, punctuation.definition.heading#AFE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7C755
string.other.link.title, string.other.link.description#AFE967
markup.underline.link#C9D6AFunderline
punctuation.definition.list#B1EC79
markup.quote, punctuation.definition.quote#C9D6AFitalic