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#FAF6EA
  • activityBar.border#00000015
  • activityBar.foreground#B85A12
  • activityBar.inactiveForeground#0B0C0D60
  • activityBarBadge.background#B85A12
  • activityBarBadge.foreground#FAF6EA
  • button.background#B85A12
  • button.foreground#FAF6EA
  • button.hoverBackground#B85A12dd
  • editor.background#FAF6EA
  • editor.foreground#0B0C0D
  • editor.inactiveSelectionBackground#4B7A452580
  • editor.lineHighlightBackground#FFFDF750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#4B7A4525
  • editorCursor.foreground#B85A12
  • editorGroupHeader.tabsBackground#FFFDF7aa
  • editorLineNumber.activeForeground#B85A12
  • editorLineNumber.foreground#9AA1A680
  • focusBorder#B85A12
  • foreground#0B0C0D
  • input.background#FFFDF7
  • input.border#00000015
  • input.foreground#0B0C0D
  • input.placeholderForeground#0B0C0D60
  • list.activeSelectionBackground#B85A1230
  • list.activeSelectionForeground#0B0C0D
  • list.highlightForeground#B85A12
  • list.hoverBackground#FFFDF740
  • list.hoverForeground#0B0C0D
  • list.inactiveSelectionBackground#B85A1215
  • list.inactiveSelectionForeground#0B0C0D
  • selection.background#4B7A4525
  • sideBar.background#FFFDF7
  • sideBar.border#00000015
  • sideBar.foreground#0B0C0D
  • sideBarSectionHeader.background#FFFDF780
  • sideBarSectionHeader.foreground#0B0C0D
  • sideBarTitle.foreground#B85A12
  • statusBar.background#FAF6EA
  • statusBar.border#00000015
  • statusBar.foreground#0B0C0D
  • statusBar.noFolderBackground#FAF6EA
  • tab.activeBackground#FAF6EA
  • tab.activeBorderTop#B85A12
  • tab.activeForeground#0B0C0D
  • tab.border#00000015
  • tab.inactiveBackground#FAF6EA60
  • tab.inactiveForeground#0B0C0D80
  • terminal.ansiBlack#0B0C0D
  • terminal.ansiBlue#4B7A45
  • terminal.ansiCyan#E4B66A
  • terminal.ansiGreen#B85A12
  • terminal.ansiMagenta#FFF1C3
  • terminal.ansiRed#FFF1C3
  • terminal.ansiWhite#0B0C0D
  • terminal.ansiYellow#E4B66A
  • terminal.background#FAF6EA
  • terminal.foreground#0B0C0D
  • titleBar.activeBackground#FAF6EA
  • titleBar.activeForeground#0B0C0D
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF6EA
  • titleBar.inactiveForeground#0B0C0D60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9AA1A6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#4B7A45bold
storage.type, storage.modifier#4B7A45italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B85A12
string, punctuation.definition.string, string.template, meta.template.expression#E4B66A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#FFF1C3
variable, variable.other.readwrite, variable.other.object#0B0C0D
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0B0C0D
variable.parameter, meta.parameter#0B0C0Ddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0B0C0D80
keyword.operator#0B0C0D
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E4B66Abold
entity.other.inherited-class#B85A12
entity.name.tag, punctuation.definition.tag#4B7A45
entity.other.attribute-name#B85A12
meta.diff, meta.diff.header#9AA1A6
markup.deleted#FFF1C3
markup.inserted#B85A12
markup.changed#E4B66A
markup.heading, markup.heading.setext, punctuation.definition.heading#B85A12bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E4B66A
string.other.link.title, string.other.link.description#B85A12
markup.underline.link#9AA1A6underline
punctuation.definition.list#4B7A45
markup.quote, punctuation.definition.quote#9AA1A6italic
Morphous Theme by Ameyanagi - VS Code Theme