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#F8FAF4
  • activityBar.border#00000015
  • activityBar.foreground#5C8A3A
  • activityBar.inactiveForeground#1F2A2260
  • activityBarBadge.background#5C8A3A
  • activityBarBadge.foreground#F8FAF4
  • button.background#5C8A3A
  • button.foreground#F8FAF4
  • button.hoverBackground#5C8A3Add
  • editor.background#F8FAF4
  • editor.foreground#1F2A22
  • editor.inactiveSelectionBackground#2F6B452580
  • editor.lineHighlightBackground#E6ECE250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2F6B4525
  • editorCursor.foreground#5C8A3A
  • editorGroupHeader.tabsBackground#E6ECE2aa
  • editorLineNumber.activeForeground#5C8A3A
  • editorLineNumber.foreground#B9C3BA80
  • focusBorder#5C8A3A
  • foreground#1F2A22
  • input.background#E6ECE2
  • input.border#00000015
  • input.foreground#1F2A22
  • input.placeholderForeground#1F2A2260
  • list.activeSelectionBackground#5C8A3A30
  • list.activeSelectionForeground#1F2A22
  • list.highlightForeground#5C8A3A
  • list.hoverBackground#E6ECE240
  • list.hoverForeground#1F2A22
  • list.inactiveSelectionBackground#5C8A3A15
  • list.inactiveSelectionForeground#1F2A22
  • selection.background#2F6B4525
  • sideBar.background#E6ECE2
  • sideBar.border#00000015
  • sideBar.foreground#1F2A22
  • sideBarSectionHeader.background#E6ECE280
  • sideBarSectionHeader.foreground#1F2A22
  • sideBarTitle.foreground#5C8A3A
  • statusBar.background#F8FAF4
  • statusBar.border#00000015
  • statusBar.foreground#1F2A22
  • statusBar.noFolderBackground#F8FAF4
  • tab.activeBackground#F8FAF4
  • tab.activeBorderTop#5C8A3A
  • tab.activeForeground#1F2A22
  • tab.border#00000015
  • tab.inactiveBackground#F8FAF460
  • tab.inactiveForeground#1F2A2280
  • terminal.ansiBlack#1F2A22
  • terminal.ansiBlue#2F6B45
  • terminal.ansiCyan#8A6A48
  • terminal.ansiGreen#5C8A3A
  • terminal.ansiMagenta#6E9B43
  • terminal.ansiRed#6E9B43
  • terminal.ansiWhite#1F2A22
  • terminal.ansiYellow#8A6A48
  • terminal.background#F8FAF4
  • terminal.foreground#1F2A22
  • titleBar.activeBackground#F8FAF4
  • titleBar.activeForeground#1F2A22
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F8FAF4
  • titleBar.inactiveForeground#1F2A2260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B9C3BAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2F6B45bold
storage.type, storage.modifier#2F6B45italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#5C8A3A
string, punctuation.definition.string, string.template, meta.template.expression#8A6A48
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6E9B43
variable, variable.other.readwrite, variable.other.object#1F2A22
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1F2A22
variable.parameter, meta.parameter#1F2A22dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1F2A2280
keyword.operator#1F2A22
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8A6A48bold
entity.other.inherited-class#5C8A3A
entity.name.tag, punctuation.definition.tag#2F6B45
entity.other.attribute-name#5C8A3A
meta.diff, meta.diff.header#B9C3BA
markup.deleted#6E9B43
markup.inserted#5C8A3A
markup.changed#8A6A48
markup.heading, markup.heading.setext, punctuation.definition.heading#5C8A3Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8A6A48
string.other.link.title, string.other.link.description#5C8A3A
markup.underline.link#B9C3BAunderline
punctuation.definition.list#2F6B45
markup.quote, punctuation.definition.quote#B9C3BAitalic
Morphous Theme by Ameyanagi - VS Code Theme