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#5E3D2C
  • activityBar.border#ffffff15
  • activityBar.foreground#E98867
  • activityBar.inactiveForeground#fbf3e860
  • activityBarBadge.background#E98867
  • activityBarBadge.foreground#5E3D2C
  • button.background#E98867
  • button.foreground#5E3D2C
  • button.hoverBackground#E98867dd
  • editor.background#5E3D2C
  • editor.foreground#fbf3e8
  • editor.inactiveSelectionBackground#ECC0793580
  • editor.lineHighlightBackground#20181340
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC07935
  • editorCursor.foreground#E98867
  • editorGroupHeader.tabsBackground#5E3D2Cdd
  • editorLineNumber.activeForeground#E98867
  • editorLineNumber.foreground#a8846d80
  • focusBorder#E98867
  • foreground#fbf3e8
  • input.background#201813
  • input.border#ffffff15
  • input.foreground#fbf3e8
  • input.placeholderForeground#fbf3e860
  • list.activeSelectionBackground#E9886730
  • list.activeSelectionForeground#fbf3e8
  • list.highlightForeground#E98867
  • list.hoverBackground#20181340
  • list.hoverForeground#fbf3e8
  • list.inactiveSelectionBackground#E9886715
  • list.inactiveSelectionForeground#fbf3e8
  • selection.background#ECC07935
  • sideBar.background#201813
  • sideBar.border#ffffff15
  • sideBar.foreground#fbf3e8
  • sideBarSectionHeader.background#5E3D2C80
  • sideBarSectionHeader.foreground#fbf3e8
  • sideBarTitle.foreground#E98867
  • statusBar.background#5E3D2C
  • statusBar.border#ffffff15
  • statusBar.foreground#fbf3e8
  • statusBar.noFolderBackground#5E3D2C
  • tab.activeBackground#5E3D2C
  • tab.activeBorderTop#E98867
  • tab.activeForeground#fbf3e8
  • tab.border#ffffff15
  • tab.inactiveBackground#20181360
  • tab.inactiveForeground#fbf3e880
  • terminal.ansiBlack#5E3D2C
  • terminal.ansiBlue#ECC079
  • terminal.ansiCyan#E79455
  • terminal.ansiGreen#E98867
  • terminal.ansiMagenta#F1C983
  • terminal.ansiRed#F1C983
  • terminal.ansiWhite#fbf3e8
  • terminal.ansiYellow#E79455
  • terminal.background#5E3D2C
  • terminal.foreground#fbf3e8
  • titleBar.activeBackground#5E3D2C
  • titleBar.activeForeground#fbf3e8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5E3D2C
  • titleBar.inactiveForeground#fbf3e860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a8846ditalic
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#E98867
string, punctuation.definition.string, string.template, meta.template.expression#E79455
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C983
variable, variable.other.readwrite, variable.other.object#fbf3e8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fbf3e8
variable.parameter, meta.parameter#fbf3e8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fbf3e880
keyword.operator#fbf3e8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E79455bold
entity.other.inherited-class#E98867
entity.name.tag, punctuation.definition.tag#ECC079
entity.other.attribute-name#E98867
meta.diff, meta.diff.header#a8846d
markup.deleted#F1C983
markup.inserted#E98867
markup.changed#E79455
markup.heading, markup.heading.setext, punctuation.definition.heading#E98867bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E79455
string.other.link.title, string.other.link.description#E98867
markup.underline.link#a8846dunderline
punctuation.definition.list#ECC079
markup.quote, punctuation.definition.quote#a8846ditalic