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#F8F3E8
  • activityBar.border#00000015
  • activityBar.foreground#25935C
  • activityBar.inactiveForeground#0E241860
  • activityBarBadge.background#25935C
  • activityBarBadge.foreground#F8F3E8
  • button.background#25935C
  • button.foreground#F8F3E8
  • button.hoverBackground#25935Cdd
  • editor.background#F8F3E8
  • editor.foreground#0E2418
  • editor.inactiveSelectionBackground#2183502580
  • editor.lineHighlightBackground#E1D0B250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21835025
  • editorCursor.foreground#25935C
  • editorGroupHeader.tabsBackground#E1D0B2aa
  • editorLineNumber.activeForeground#25935C
  • editorLineNumber.foreground#2E5A4380
  • focusBorder#25935C
  • foreground#0E2418
  • input.background#E1D0B2
  • input.border#00000015
  • input.foreground#0E2418
  • input.placeholderForeground#0E241860
  • list.activeSelectionBackground#25935C30
  • list.activeSelectionForeground#0E2418
  • list.highlightForeground#25935C
  • list.hoverBackground#E1D0B240
  • list.hoverForeground#0E2418
  • list.inactiveSelectionBackground#25935C15
  • list.inactiveSelectionForeground#0E2418
  • selection.background#21835025
  • sideBar.background#E1D0B2
  • sideBar.border#00000015
  • sideBar.foreground#0E2418
  • sideBarSectionHeader.background#E1D0B280
  • sideBarSectionHeader.foreground#0E2418
  • sideBarTitle.foreground#25935C
  • statusBar.background#F8F3E8
  • statusBar.border#00000015
  • statusBar.foreground#0E2418
  • statusBar.noFolderBackground#F8F3E8
  • tab.activeBackground#F8F3E8
  • tab.activeBorderTop#25935C
  • tab.activeForeground#0E2418
  • tab.border#00000015
  • tab.inactiveBackground#F8F3E860
  • tab.inactiveForeground#0E241880
  • terminal.ansiBlack#0E2418
  • terminal.ansiBlue#218350
  • terminal.ansiCyan#A35C29
  • terminal.ansiGreen#25935C
  • terminal.ansiMagenta#764119
  • terminal.ansiRed#764119
  • terminal.ansiWhite#0E2418
  • terminal.ansiYellow#A35C29
  • terminal.background#F8F3E8
  • terminal.foreground#0E2418
  • titleBar.activeBackground#F8F3E8
  • titleBar.activeForeground#0E2418
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F8F3E8
  • titleBar.inactiveForeground#0E241860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2E5A43italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#218350bold
storage.type, storage.modifier#218350italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#25935C
string, punctuation.definition.string, string.template, meta.template.expression#A35C29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764119
variable, variable.other.readwrite, variable.other.object#0E2418
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0E2418
variable.parameter, meta.parameter#0E2418dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0E241880
keyword.operator#0E2418
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A35C29bold
entity.other.inherited-class#25935C
entity.name.tag, punctuation.definition.tag#218350
entity.other.attribute-name#25935C
meta.diff, meta.diff.header#2E5A43
markup.deleted#764119
markup.inserted#25935C
markup.changed#A35C29
markup.heading, markup.heading.setext, punctuation.definition.heading#25935Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A35C29
string.other.link.title, string.other.link.description#25935C
markup.underline.link#2E5A43underline
punctuation.definition.list#218350
markup.quote, punctuation.definition.quote#2E5A43italic
Morphous Theme by Ameyanagi - VS Code Theme