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#6b4a2c
  • activityBar.border#ffffff15
  • activityBar.foreground#0b8f4b
  • activityBar.inactiveForeground#f4f7ee60
  • activityBarBadge.background#0b8f4b
  • activityBarBadge.foreground#6b4a2c
  • button.background#0b8f4b
  • button.foreground#6b4a2c
  • button.hoverBackground#0b8f4bdd
  • editor.background#6b4a2c
  • editor.foreground#f4f7ee
  • editor.inactiveSelectionBackground#eef6dd3580
  • editor.lineHighlightBackground#0d1d1840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#eef6dd35
  • editorCursor.foreground#0b8f4b
  • editorGroupHeader.tabsBackground#6b4a2cdd
  • editorLineNumber.activeForeground#0b8f4b
  • editorLineNumber.foreground#eef6dd80
  • focusBorder#0b8f4b
  • foreground#f4f7ee
  • input.background#0d1d18
  • input.border#ffffff15
  • input.foreground#f4f7ee
  • input.placeholderForeground#f4f7ee60
  • list.activeSelectionBackground#0b8f4b30
  • list.activeSelectionForeground#f4f7ee
  • list.highlightForeground#0b8f4b
  • list.hoverBackground#0d1d1840
  • list.hoverForeground#f4f7ee
  • list.inactiveSelectionBackground#0b8f4b15
  • list.inactiveSelectionForeground#f4f7ee
  • selection.background#eef6dd35
  • sideBar.background#0d1d18
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f7ee
  • sideBarSectionHeader.background#6b4a2c80
  • sideBarSectionHeader.foreground#f4f7ee
  • sideBarTitle.foreground#0b8f4b
  • statusBar.background#6b4a2c
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f7ee
  • statusBar.noFolderBackground#6b4a2c
  • tab.activeBackground#6b4a2c
  • tab.activeBorderTop#0b8f4b
  • tab.activeForeground#f4f7ee
  • tab.border#ffffff15
  • tab.inactiveBackground#0d1d1860
  • tab.inactiveForeground#f4f7ee80
  • terminal.ansiBlack#6b4a2c
  • terminal.ansiBlue#eef6dd
  • terminal.ansiCyan#19b9bd
  • terminal.ansiGreen#0b8f4b
  • terminal.ansiMagenta#2f88bd
  • terminal.ansiRed#2f88bd
  • terminal.ansiWhite#f4f7ee
  • terminal.ansiYellow#19b9bd
  • terminal.background#6b4a2c
  • terminal.foreground#f4f7ee
  • titleBar.activeBackground#6b4a2c
  • titleBar.activeForeground#f4f7ee
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#6b4a2c
  • titleBar.inactiveForeground#f4f7ee60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#eef6dditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#eef6ddbold
storage.type, storage.modifier#eef6dditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0b8f4b
string, punctuation.definition.string, string.template, meta.template.expression#19b9bd
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2f88bd
variable, variable.other.readwrite, variable.other.object#f4f7ee
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f7ee
variable.parameter, meta.parameter#f4f7eedditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f7ee80
keyword.operator#f4f7ee
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#19b9bdbold
entity.other.inherited-class#0b8f4b
entity.name.tag, punctuation.definition.tag#eef6dd
entity.other.attribute-name#0b8f4b
meta.diff, meta.diff.header#eef6dd
markup.deleted#2f88bd
markup.inserted#0b8f4b
markup.changed#19b9bd
markup.heading, markup.heading.setext, punctuation.definition.heading#0b8f4bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#19b9bd
string.other.link.title, string.other.link.description#0b8f4b
markup.underline.link#eef6ddunderline
punctuation.definition.list#eef6dd
markup.quote, punctuation.definition.quote#eef6dditalic
Morphous Theme by Ameyanagi - VS Code Theme