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#3F3127
  • activityBar.border#ffffff15
  • activityBar.foreground#E9BC67
  • activityBar.inactiveForeground#fbf4df60
  • activityBarBadge.background#E9BC67
  • activityBarBadge.foreground#3F3127
  • button.background#E9BC67
  • button.foreground#3F3127
  • button.hoverBackground#E9BC67dd
  • editor.background#3F3127
  • editor.foreground#fbf4df
  • editor.inactiveSelectionBackground#ECC0793580
  • editor.lineHighlightBackground#18100C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC07935
  • editorCursor.foreground#E9BC67
  • editorGroupHeader.tabsBackground#3F3127dd
  • editorLineNumber.activeForeground#E9BC67
  • editorLineNumber.foreground#b89a6580
  • focusBorder#E9BC67
  • foreground#fbf4df
  • input.background#18100C
  • input.border#ffffff15
  • input.foreground#fbf4df
  • input.placeholderForeground#fbf4df60
  • list.activeSelectionBackground#E9BC6730
  • list.activeSelectionForeground#fbf4df
  • list.highlightForeground#E9BC67
  • list.hoverBackground#18100C40
  • list.hoverForeground#fbf4df
  • list.inactiveSelectionBackground#E9BC6715
  • list.inactiveSelectionForeground#fbf4df
  • selection.background#ECC07935
  • sideBar.background#18100C
  • sideBar.border#ffffff15
  • sideBar.foreground#fbf4df
  • sideBarSectionHeader.background#3F312780
  • sideBarSectionHeader.foreground#fbf4df
  • sideBarTitle.foreground#E9BC67
  • statusBar.background#3F3127
  • statusBar.border#ffffff15
  • statusBar.foreground#fbf4df
  • statusBar.noFolderBackground#3F3127
  • tab.activeBackground#3F3127
  • tab.activeBorderTop#E9BC67
  • tab.activeForeground#fbf4df
  • tab.border#ffffff15
  • tab.inactiveBackground#18100C60
  • tab.inactiveForeground#fbf4df80
  • terminal.ansiBlack#3F3127
  • terminal.ansiBlue#ECC079
  • terminal.ansiCyan#81E755
  • terminal.ansiGreen#E9BC67
  • terminal.ansiMagenta#BAF183
  • terminal.ansiRed#BAF183
  • terminal.ansiWhite#fbf4df
  • terminal.ansiYellow#81E755
  • terminal.background#3F3127
  • terminal.foreground#fbf4df
  • titleBar.activeBackground#3F3127
  • titleBar.activeForeground#fbf4df
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3F3127
  • titleBar.inactiveForeground#fbf4df60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b89a65italic
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#E9BC67
string, punctuation.definition.string, string.template, meta.template.expression#81E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#BAF183
variable, variable.other.readwrite, variable.other.object#fbf4df
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fbf4df
variable.parameter, meta.parameter#fbf4dfdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fbf4df80
keyword.operator#fbf4df
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#81E755bold
entity.other.inherited-class#E9BC67
entity.name.tag, punctuation.definition.tag#ECC079
entity.other.attribute-name#E9BC67
meta.diff, meta.diff.header#b89a65
markup.deleted#BAF183
markup.inserted#E9BC67
markup.changed#81E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9BC67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#81E755
string.other.link.title, string.other.link.description#E9BC67
markup.underline.link#b89a65underline
punctuation.definition.list#ECC079
markup.quote, punctuation.definition.quote#b89a65italic