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#12100D
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A267
  • activityBar.inactiveForeground#F5F1E860
  • activityBarBadge.background#E9A267
  • activityBarBadge.foreground#12100D
  • button.background#E9A267
  • button.foreground#12100D
  • button.hoverBackground#E9A267dd
  • editor.background#12100D
  • editor.foreground#F5F1E8
  • editor.inactiveSelectionBackground#79ECC03580
  • editor.lineHighlightBackground#3E2B2340
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECC035
  • editorCursor.foreground#E9A267
  • editorGroupHeader.tabsBackground#12100Ddd
  • editorLineNumber.activeForeground#E9A267
  • editorLineNumber.foreground#C9CFD380
  • focusBorder#E9A267
  • foreground#F5F1E8
  • input.background#3E2B23
  • input.border#ffffff15
  • input.foreground#F5F1E8
  • input.placeholderForeground#F5F1E860
  • list.activeSelectionBackground#E9A26730
  • list.activeSelectionForeground#F5F1E8
  • list.highlightForeground#E9A267
  • list.hoverBackground#3E2B2340
  • list.hoverForeground#F5F1E8
  • list.inactiveSelectionBackground#E9A26715
  • list.inactiveSelectionForeground#F5F1E8
  • selection.background#79ECC035
  • sideBar.background#3E2B23
  • sideBar.border#ffffff15
  • sideBar.foreground#F5F1E8
  • sideBarSectionHeader.background#12100D80
  • sideBarSectionHeader.foreground#F5F1E8
  • sideBarTitle.foreground#E9A267
  • statusBar.background#12100D
  • statusBar.border#ffffff15
  • statusBar.foreground#F5F1E8
  • statusBar.noFolderBackground#12100D
  • tab.activeBackground#12100D
  • tab.activeBorderTop#E9A267
  • tab.activeForeground#F5F1E8
  • tab.border#ffffff15
  • tab.inactiveBackground#3E2B2360
  • tab.inactiveForeground#F5F1E880
  • terminal.ansiBlack#12100D
  • terminal.ansiBlue#79ECC0
  • terminal.ansiCyan#9CE755
  • terminal.ansiGreen#E9A267
  • terminal.ansiMagenta#B8F183
  • terminal.ansiRed#B8F183
  • terminal.ansiWhite#F5F1E8
  • terminal.ansiYellow#9CE755
  • terminal.background#12100D
  • terminal.foreground#F5F1E8
  • titleBar.activeBackground#12100D
  • titleBar.activeForeground#F5F1E8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#12100D
  • titleBar.inactiveForeground#F5F1E860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C9CFD3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECC0bold
storage.type, storage.modifier#79ECC0italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A267
string, punctuation.definition.string, string.template, meta.template.expression#9CE755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B8F183
variable, variable.other.readwrite, variable.other.object#F5F1E8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F5F1E8
variable.parameter, meta.parameter#F5F1E8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F5F1E880
keyword.operator#F5F1E8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#9CE755bold
entity.other.inherited-class#E9A267
entity.name.tag, punctuation.definition.tag#79ECC0
entity.other.attribute-name#E9A267
meta.diff, meta.diff.header#C9CFD3
markup.deleted#B8F183
markup.inserted#E9A267
markup.changed#9CE755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A267bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#9CE755
string.other.link.title, string.other.link.description#E9A267
markup.underline.link#C9CFD3underline
punctuation.definition.list#79ECC0
markup.quote, punctuation.definition.quote#C9CFD3italic