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#F5F1E8
  • activityBar.border#00000015
  • activityBar.foreground#2A1F16
  • activityBar.inactiveForeground#4A342A60
  • activityBarBadge.background#2A1F16
  • activityBarBadge.foreground#F5F1E8
  • button.background#2A1F16
  • button.foreground#F5F1E8
  • button.hoverBackground#2A1F16dd
  • editor.background#F5F1E8
  • editor.foreground#4A342A
  • editor.inactiveSelectionBackground#2D4A3F2580
  • editor.lineHighlightBackground#E8E2D650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2D4A3F25
  • editorCursor.foreground#2A1F16
  • editorGroupHeader.tabsBackground#E8E2D6aa
  • editorLineNumber.activeForeground#2A1F16
  • editorLineNumber.foreground#C9CFD380
  • focusBorder#2A1F16
  • foreground#4A342A
  • input.background#E8E2D6
  • input.border#00000015
  • input.foreground#4A342A
  • input.placeholderForeground#4A342A60
  • list.activeSelectionBackground#2A1F1630
  • list.activeSelectionForeground#4A342A
  • list.highlightForeground#2A1F16
  • list.hoverBackground#E8E2D640
  • list.hoverForeground#4A342A
  • list.inactiveSelectionBackground#2A1F1615
  • list.inactiveSelectionForeground#4A342A
  • selection.background#2D4A3F25
  • sideBar.background#E8E2D6
  • sideBar.border#00000015
  • sideBar.foreground#4A342A
  • sideBarSectionHeader.background#E8E2D680
  • sideBarSectionHeader.foreground#4A342A
  • sideBarTitle.foreground#2A1F16
  • statusBar.background#F5F1E8
  • statusBar.border#00000015
  • statusBar.foreground#4A342A
  • statusBar.noFolderBackground#F5F1E8
  • tab.activeBackground#F5F1E8
  • tab.activeBorderTop#2A1F16
  • tab.activeForeground#4A342A
  • tab.border#00000015
  • tab.inactiveBackground#F5F1E860
  • tab.inactiveForeground#4A342A80
  • terminal.ansiBlack#4A342A
  • terminal.ansiBlue#2D4A3F
  • terminal.ansiCyan#A6B39A
  • terminal.ansiGreen#2A1F16
  • terminal.ansiMagenta#A6B39A
  • terminal.ansiRed#A6B39A
  • terminal.ansiWhite#4A342A
  • terminal.ansiYellow#A6B39A
  • terminal.background#F5F1E8
  • terminal.foreground#4A342A
  • titleBar.activeBackground#F5F1E8
  • titleBar.activeForeground#4A342A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F5F1E8
  • titleBar.inactiveForeground#4A342A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C9CFD3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2D4A3Fbold
storage.type, storage.modifier#2D4A3Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#2A1F16
string, punctuation.definition.string, string.template, meta.template.expression#A6B39A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A6B39A
variable, variable.other.readwrite, variable.other.object#4A342A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#4A342A
variable.parameter, meta.parameter#4A342Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#4A342A80
keyword.operator#4A342A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A6B39Abold
entity.other.inherited-class#2A1F16
entity.name.tag, punctuation.definition.tag#2D4A3F
entity.other.attribute-name#2A1F16
meta.diff, meta.diff.header#C9CFD3
markup.deleted#A6B39A
markup.inserted#2A1F16
markup.changed#A6B39A
markup.heading, markup.heading.setext, punctuation.definition.heading#2A1F16bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A6B39A
string.other.link.title, string.other.link.description#2A1F16
markup.underline.link#C9CFD3underline
punctuation.definition.list#2D4A3F
markup.quote, punctuation.definition.quote#C9CFD3italic
Morphous Theme by Ameyanagi - VS Code Theme