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#F3F1E7
  • activityBar.border#00000015
  • activityBar.foreground#6FAF5D
  • activityBar.inactiveForeground#1F241C60
  • activityBarBadge.background#6FAF5D
  • activityBarBadge.foreground#F3F1E7
  • button.background#6FAF5D
  • button.foreground#F3F1E7
  • button.hoverBackground#6FAF5Ddd
  • editor.background#F3F1E7
  • editor.foreground#1F241C
  • editor.inactiveSelectionBackground#D9B3862580
  • editor.lineHighlightBackground#E7E0C650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D9B38625
  • editorCursor.foreground#6FAF5D
  • editorGroupHeader.tabsBackground#E7E0C6aa
  • editorLineNumber.activeForeground#6FAF5D
  • editorLineNumber.foreground#8A946A80
  • focusBorder#6FAF5D
  • foreground#1F241C
  • input.background#E7E0C6
  • input.border#00000015
  • input.foreground#1F241C
  • input.placeholderForeground#1F241C60
  • list.activeSelectionBackground#6FAF5D30
  • list.activeSelectionForeground#1F241C
  • list.highlightForeground#6FAF5D
  • list.hoverBackground#E7E0C640
  • list.hoverForeground#1F241C
  • list.inactiveSelectionBackground#6FAF5D15
  • list.inactiveSelectionForeground#1F241C
  • selection.background#D9B38625
  • sideBar.background#E7E0C6
  • sideBar.border#00000015
  • sideBar.foreground#1F241C
  • sideBarSectionHeader.background#E7E0C680
  • sideBarSectionHeader.foreground#1F241C
  • sideBarTitle.foreground#6FAF5D
  • statusBar.background#F3F1E7
  • statusBar.border#00000015
  • statusBar.foreground#1F241C
  • statusBar.noFolderBackground#F3F1E7
  • tab.activeBackground#F3F1E7
  • tab.activeBorderTop#6FAF5D
  • tab.activeForeground#1F241C
  • tab.border#00000015
  • tab.inactiveBackground#F3F1E760
  • tab.inactiveForeground#1F241C80
  • terminal.ansiBlack#1F241C
  • terminal.ansiBlue#D9B386
  • terminal.ansiCyan#B7E188
  • terminal.ansiGreen#6FAF5D
  • terminal.ansiMagenta#D9A75A
  • terminal.ansiRed#D9A75A
  • terminal.ansiWhite#1F241C
  • terminal.ansiYellow#B7E188
  • terminal.background#F3F1E7
  • terminal.foreground#1F241C
  • titleBar.activeBackground#F3F1E7
  • titleBar.activeForeground#1F241C
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F3F1E7
  • titleBar.inactiveForeground#1F241C60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8A946Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D9B386bold
storage.type, storage.modifier#D9B386italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6FAF5D
string, punctuation.definition.string, string.template, meta.template.expression#B7E188
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D9A75A
variable, variable.other.readwrite, variable.other.object#1F241C
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1F241C
variable.parameter, meta.parameter#1F241Cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1F241C80
keyword.operator#1F241C
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#B7E188bold
entity.other.inherited-class#6FAF5D
entity.name.tag, punctuation.definition.tag#D9B386
entity.other.attribute-name#6FAF5D
meta.diff, meta.diff.header#8A946A
markup.deleted#D9A75A
markup.inserted#6FAF5D
markup.changed#B7E188
markup.heading, markup.heading.setext, punctuation.definition.heading#6FAF5Dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#B7E188
string.other.link.title, string.other.link.description#6FAF5D
markup.underline.link#8A946Aunderline
punctuation.definition.list#D9B386
markup.quote, punctuation.definition.quote#8A946Aitalic
Morphous Theme by Ameyanagi - VS Code Theme