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#F4F2ED
  • activityBar.border#00000015
  • activityBar.foreground#0E2A1F
  • activityBar.inactiveForeground#0F1A1460
  • activityBarBadge.background#0E2A1F
  • activityBarBadge.foreground#F4F2ED
  • button.background#0E2A1F
  • button.foreground#F4F2ED
  • button.hoverBackground#0E2A1Fdd
  • editor.background#F4F2ED
  • editor.foreground#0F1A14
  • editor.inactiveSelectionBackground#5A46342580
  • editor.lineHighlightBackground#FBFCF850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5A463425
  • editorCursor.foreground#0E2A1F
  • editorGroupHeader.tabsBackground#FBFCF8aa
  • editorLineNumber.activeForeground#0E2A1F
  • editorLineNumber.foreground#E6E4DC80
  • focusBorder#0E2A1F
  • foreground#0F1A14
  • input.background#FBFCF8
  • input.border#00000015
  • input.foreground#0F1A14
  • input.placeholderForeground#0F1A1460
  • list.activeSelectionBackground#0E2A1F30
  • list.activeSelectionForeground#0F1A14
  • list.highlightForeground#0E2A1F
  • list.hoverBackground#FBFCF840
  • list.hoverForeground#0F1A14
  • list.inactiveSelectionBackground#0E2A1F15
  • list.inactiveSelectionForeground#0F1A14
  • selection.background#5A463425
  • sideBar.background#FBFCF8
  • sideBar.border#00000015
  • sideBar.foreground#0F1A14
  • sideBarSectionHeader.background#FBFCF880
  • sideBarSectionHeader.foreground#0F1A14
  • sideBarTitle.foreground#0E2A1F
  • statusBar.background#F4F2ED
  • statusBar.border#00000015
  • statusBar.foreground#0F1A14
  • statusBar.noFolderBackground#F4F2ED
  • tab.activeBackground#F4F2ED
  • tab.activeBorderTop#0E2A1F
  • tab.activeForeground#0F1A14
  • tab.border#00000015
  • tab.inactiveBackground#F4F2ED60
  • tab.inactiveForeground#0F1A1480
  • terminal.ansiBlack#0F1A14
  • terminal.ansiBlue#5A4634
  • terminal.ansiCyan#C63228
  • terminal.ansiGreen#0E2A1F
  • terminal.ansiMagenta#E53935
  • terminal.ansiRed#E53935
  • terminal.ansiWhite#0F1A14
  • terminal.ansiYellow#C63228
  • terminal.background#F4F2ED
  • terminal.foreground#0F1A14
  • titleBar.activeBackground#F4F2ED
  • titleBar.activeForeground#0F1A14
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F4F2ED
  • titleBar.inactiveForeground#0F1A1460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6E4DCitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5A4634bold
storage.type, storage.modifier#5A4634italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0E2A1F
string, punctuation.definition.string, string.template, meta.template.expression#C63228
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E53935
variable, variable.other.readwrite, variable.other.object#0F1A14
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0F1A14
variable.parameter, meta.parameter#0F1A14dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0F1A1480
keyword.operator#0F1A14
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C63228bold
entity.other.inherited-class#0E2A1F
entity.name.tag, punctuation.definition.tag#5A4634
entity.other.attribute-name#0E2A1F
meta.diff, meta.diff.header#E6E4DC
markup.deleted#E53935
markup.inserted#0E2A1F
markup.changed#C63228
markup.heading, markup.heading.setext, punctuation.definition.heading#0E2A1Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C63228
string.other.link.title, string.other.link.description#0E2A1F
markup.underline.link#E6E4DCunderline
punctuation.definition.list#5A4634
markup.quote, punctuation.definition.quote#E6E4DCitalic
Morphous Theme by Ameyanagi - VS Code Theme