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#F7FAF8
  • activityBar.border#00000015
  • activityBar.foreground#6B7A29
  • activityBar.inactiveForeground#0F1B1E60
  • activityBarBadge.background#6B7A29
  • activityBarBadge.foreground#F7FAF8
  • button.background#6B7A29
  • button.foreground#F7FAF8
  • button.hoverBackground#6B7A29dd
  • editor.background#F7FAF8
  • editor.foreground#0F1B1E
  • editor.inactiveSelectionBackground#2C5F632580
  • editor.lineHighlightBackground#E6ECE950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2C5F6325
  • editorCursor.foreground#6B7A29
  • editorGroupHeader.tabsBackground#E6ECE9aa
  • editorLineNumber.activeForeground#6B7A29
  • editorLineNumber.foreground#47523A80
  • focusBorder#6B7A29
  • foreground#0F1B1E
  • input.background#E6ECE9
  • input.border#00000015
  • input.foreground#0F1B1E
  • input.placeholderForeground#0F1B1E60
  • list.activeSelectionBackground#6B7A2930
  • list.activeSelectionForeground#0F1B1E
  • list.highlightForeground#6B7A29
  • list.hoverBackground#E6ECE940
  • list.hoverForeground#0F1B1E
  • list.inactiveSelectionBackground#6B7A2915
  • list.inactiveSelectionForeground#0F1B1E
  • selection.background#2C5F6325
  • sideBar.background#E6ECE9
  • sideBar.border#00000015
  • sideBar.foreground#0F1B1E
  • sideBarSectionHeader.background#E6ECE980
  • sideBarSectionHeader.foreground#0F1B1E
  • sideBarTitle.foreground#6B7A29
  • statusBar.background#F7FAF8
  • statusBar.border#00000015
  • statusBar.foreground#0F1B1E
  • statusBar.noFolderBackground#F7FAF8
  • tab.activeBackground#F7FAF8
  • tab.activeBorderTop#6B7A29
  • tab.activeForeground#0F1B1E
  • tab.border#00000015
  • tab.inactiveBackground#F7FAF860
  • tab.inactiveForeground#0F1B1E80
  • terminal.ansiBlack#0F1B1E
  • terminal.ansiBlue#2C5F63
  • terminal.ansiCyan#A7D6D3
  • terminal.ansiGreen#6B7A29
  • terminal.ansiMagenta#C8B24C
  • terminal.ansiRed#C8B24C
  • terminal.ansiWhite#0F1B1E
  • terminal.ansiYellow#A7D6D3
  • terminal.background#F7FAF8
  • terminal.foreground#0F1B1E
  • titleBar.activeBackground#F7FAF8
  • titleBar.activeForeground#0F1B1E
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7FAF8
  • titleBar.inactiveForeground#0F1B1E60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#47523Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2C5F63bold
storage.type, storage.modifier#2C5F63italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6B7A29
string, punctuation.definition.string, string.template, meta.template.expression#A7D6D3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C8B24C
variable, variable.other.readwrite, variable.other.object#0F1B1E
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0F1B1E
variable.parameter, meta.parameter#0F1B1Edditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0F1B1E80
keyword.operator#0F1B1E
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A7D6D3bold
entity.other.inherited-class#6B7A29
entity.name.tag, punctuation.definition.tag#2C5F63
entity.other.attribute-name#6B7A29
meta.diff, meta.diff.header#47523A
markup.deleted#C8B24C
markup.inserted#6B7A29
markup.changed#A7D6D3
markup.heading, markup.heading.setext, punctuation.definition.heading#6B7A29bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A7D6D3
string.other.link.title, string.other.link.description#6B7A29
markup.underline.link#47523Aunderline
punctuation.definition.list#2C5F63
markup.quote, punctuation.definition.quote#47523Aitalic
Morphous Theme by Ameyanagi - VS Code Theme