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#3E2F23
  • activityBar.border#ffffff15
  • activityBar.foreground#8B5E34
  • activityBar.inactiveForeground#F0E9E160
  • activityBarBadge.background#8B5E34
  • activityBarBadge.foreground#3E2F23
  • button.background#8B5E34
  • button.foreground#3E2F23
  • button.hoverBackground#8B5E34dd
  • editor.background#3E2F23
  • editor.foreground#F0E9E1
  • editor.inactiveSelectionBackground#c79a683580
  • editor.lineHighlightBackground#24181140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#c79a6835
  • editorCursor.foreground#8B5E34
  • editorGroupHeader.tabsBackground#3E2F23dd
  • editorLineNumber.activeForeground#8B5E34
  • editorLineNumber.foreground#d8c4a680
  • focusBorder#8B5E34
  • foreground#F0E9E1
  • input.background#241811
  • input.border#ffffff15
  • input.foreground#F0E9E1
  • input.placeholderForeground#F0E9E160
  • list.activeSelectionBackground#8B5E3430
  • list.activeSelectionForeground#F0E9E1
  • list.highlightForeground#8B5E34
  • list.hoverBackground#24181140
  • list.hoverForeground#F0E9E1
  • list.inactiveSelectionBackground#8B5E3415
  • list.inactiveSelectionForeground#F0E9E1
  • selection.background#c79a6835
  • sideBar.background#241811
  • sideBar.border#ffffff15
  • sideBar.foreground#F0E9E1
  • sideBarSectionHeader.background#3E2F2380
  • sideBarSectionHeader.foreground#F0E9E1
  • sideBarTitle.foreground#8B5E34
  • statusBar.background#3E2F23
  • statusBar.border#ffffff15
  • statusBar.foreground#F0E9E1
  • statusBar.noFolderBackground#3E2F23
  • tab.activeBackground#3E2F23
  • tab.activeBorderTop#8B5E34
  • tab.activeForeground#F0E9E1
  • tab.border#ffffff15
  • tab.inactiveBackground#24181160
  • tab.inactiveForeground#F0E9E180
  • terminal.ansiBlack#3E2F23
  • terminal.ansiBlue#c79a68
  • terminal.ansiCyan#2E7D32
  • terminal.ansiGreen#8B5E34
  • terminal.ansiMagenta#43A047
  • terminal.ansiRed#43A047
  • terminal.ansiWhite#F0E9E1
  • terminal.ansiYellow#2E7D32
  • terminal.background#3E2F23
  • terminal.foreground#F0E9E1
  • titleBar.activeBackground#3E2F23
  • titleBar.activeForeground#F0E9E1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3E2F23
  • titleBar.inactiveForeground#F0E9E160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d8c4a6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#c79a68bold
storage.type, storage.modifier#c79a68italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8B5E34
string, punctuation.definition.string, string.template, meta.template.expression#2E7D32
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#43A047
variable, variable.other.readwrite, variable.other.object#F0E9E1
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F0E9E1
variable.parameter, meta.parameter#F0E9E1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F0E9E180
keyword.operator#F0E9E1
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2E7D32bold
entity.other.inherited-class#8B5E34
entity.name.tag, punctuation.definition.tag#c79a68
entity.other.attribute-name#8B5E34
meta.diff, meta.diff.header#d8c4a6
markup.deleted#43A047
markup.inserted#8B5E34
markup.changed#2E7D32
markup.heading, markup.heading.setext, punctuation.definition.heading#8B5E34bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2E7D32
string.other.link.title, string.other.link.description#8B5E34
markup.underline.link#d8c4a6underline
punctuation.definition.list#c79a68
markup.quote, punctuation.definition.quote#d8c4a6italic
Morphous Theme by Ameyanagi - VS Code Theme