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#3D2B1F
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A067
  • activityBar.inactiveForeground#F7F4ED60
  • activityBarBadge.background#E9A067
  • activityBarBadge.foreground#3D2B1F
  • button.background#E9A067
  • button.foreground#3D2B1F
  • button.hoverBackground#E9A067dd
  • editor.background#3D2B1F
  • editor.foreground#F7F4ED
  • editor.inactiveSelectionBackground#ECB4793580
  • editor.lineHighlightBackground#090A0B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB47935
  • editorCursor.foreground#E9A067
  • editorGroupHeader.tabsBackground#3D2B1Fdd
  • editorLineNumber.activeForeground#E9A067
  • editorLineNumber.foreground#8B7A6780
  • focusBorder#E9A067
  • foreground#F7F4ED
  • input.background#090A0B
  • input.border#ffffff15
  • input.foreground#F7F4ED
  • input.placeholderForeground#F7F4ED60
  • list.activeSelectionBackground#E9A06730
  • list.activeSelectionForeground#F7F4ED
  • list.highlightForeground#E9A067
  • list.hoverBackground#090A0B40
  • list.hoverForeground#F7F4ED
  • list.inactiveSelectionBackground#E9A06715
  • list.inactiveSelectionForeground#F7F4ED
  • selection.background#ECB47935
  • sideBar.background#090A0B
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F4ED
  • sideBarSectionHeader.background#3D2B1F80
  • sideBarSectionHeader.foreground#F7F4ED
  • sideBarTitle.foreground#E9A067
  • statusBar.background#3D2B1F
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F4ED
  • statusBar.noFolderBackground#3D2B1F
  • tab.activeBackground#3D2B1F
  • tab.activeBorderTop#E9A067
  • tab.activeForeground#F7F4ED
  • tab.border#ffffff15
  • tab.inactiveBackground#090A0B60
  • tab.inactiveForeground#F7F4ED80
  • terminal.ansiBlack#3D2B1F
  • terminal.ansiBlue#ECB479
  • terminal.ansiCyan#55E772
  • terminal.ansiGreen#E9A067
  • terminal.ansiMagenta#ABF183
  • terminal.ansiRed#ABF183
  • terminal.ansiWhite#F7F4ED
  • terminal.ansiYellow#55E772
  • terminal.background#3D2B1F
  • terminal.foreground#F7F4ED
  • titleBar.activeBackground#3D2B1F
  • titleBar.activeForeground#F7F4ED
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3D2B1F
  • titleBar.inactiveForeground#F7F4ED60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8B7A67italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB479bold
storage.type, storage.modifier#ECB479italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A067
string, punctuation.definition.string, string.template, meta.template.expression#55E772
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#ABF183
variable, variable.other.readwrite, variable.other.object#F7F4ED
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F4ED
variable.parameter, meta.parameter#F7F4EDdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F4ED80
keyword.operator#F7F4ED
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E772bold
entity.other.inherited-class#E9A067
entity.name.tag, punctuation.definition.tag#ECB479
entity.other.attribute-name#E9A067
meta.diff, meta.diff.header#8B7A67
markup.deleted#ABF183
markup.inserted#E9A067
markup.changed#55E772
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A067bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E772
string.other.link.title, string.other.link.description#E9A067
markup.underline.link#8B7A67underline
punctuation.definition.list#ECB479
markup.quote, punctuation.definition.quote#8B7A67italic