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#3A3835
  • activityBar.border#ffffff15
  • activityBar.foreground#B85C28
  • activityBar.inactiveForeground#F7F4EE60
  • activityBarBadge.background#B85C28
  • activityBarBadge.foreground#3A3835
  • button.background#B85C28
  • button.foreground#3A3835
  • button.hoverBackground#B85C28dd
  • editor.background#3A3835
  • editor.foreground#F7F4EE
  • editor.inactiveSelectionBackground#C777443580
  • editor.lineHighlightBackground#1F1E1B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C7774435
  • editorCursor.foreground#B85C28
  • editorGroupHeader.tabsBackground#3A3835dd
  • editorLineNumber.activeForeground#B85C28
  • editorLineNumber.foreground#E6E1D680
  • focusBorder#B85C28
  • foreground#F7F4EE
  • input.background#1F1E1B
  • input.border#ffffff15
  • input.foreground#F7F4EE
  • input.placeholderForeground#F7F4EE60
  • list.activeSelectionBackground#B85C2830
  • list.activeSelectionForeground#F7F4EE
  • list.highlightForeground#B85C28
  • list.hoverBackground#1F1E1B40
  • list.hoverForeground#F7F4EE
  • list.inactiveSelectionBackground#B85C2815
  • list.inactiveSelectionForeground#F7F4EE
  • selection.background#C7774435
  • sideBar.background#1F1E1B
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F4EE
  • sideBarSectionHeader.background#3A383580
  • sideBarSectionHeader.foreground#F7F4EE
  • sideBarTitle.foreground#B85C28
  • statusBar.background#3A3835
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F4EE
  • statusBar.noFolderBackground#3A3835
  • tab.activeBackground#3A3835
  • tab.activeBorderTop#B85C28
  • tab.activeForeground#F7F4EE
  • tab.border#ffffff15
  • tab.inactiveBackground#1F1E1B60
  • tab.inactiveForeground#F7F4EE80
  • terminal.ansiBlack#3A3835
  • terminal.ansiBlue#C77744
  • terminal.ansiCyan#6F8F68
  • terminal.ansiGreen#B85C28
  • terminal.ansiMagenta#A94122
  • terminal.ansiRed#A94122
  • terminal.ansiWhite#F7F4EE
  • terminal.ansiYellow#6F8F68
  • terminal.background#3A3835
  • terminal.foreground#F7F4EE
  • titleBar.activeBackground#3A3835
  • titleBar.activeForeground#F7F4EE
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3A3835
  • titleBar.inactiveForeground#F7F4EE60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6E1D6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C77744bold
storage.type, storage.modifier#C77744italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B85C28
string, punctuation.definition.string, string.template, meta.template.expression#6F8F68
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A94122
variable, variable.other.readwrite, variable.other.object#F7F4EE
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F4EE
variable.parameter, meta.parameter#F7F4EEdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F4EE80
keyword.operator#F7F4EE
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6F8F68bold
entity.other.inherited-class#B85C28
entity.name.tag, punctuation.definition.tag#C77744
entity.other.attribute-name#B85C28
meta.diff, meta.diff.header#E6E1D6
markup.deleted#A94122
markup.inserted#B85C28
markup.changed#6F8F68
markup.heading, markup.heading.setext, punctuation.definition.heading#B85C28bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6F8F68
string.other.link.title, string.other.link.description#B85C28
markup.underline.link#E6E1D6underline
punctuation.definition.list#C77744
markup.quote, punctuation.definition.quote#E6E1D6italic
Morphous Theme by Ameyanagi - VS Code Theme