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#F6F7F3
  • activityBar.border#00000015
  • activityBar.foreground#6A9325
  • activityBar.inactiveForeground#1f252260
  • activityBarBadge.background#6A9325
  • activityBarBadge.foreground#F6F7F3
  • button.background#6A9325
  • button.foreground#F6F7F3
  • button.hoverBackground#6A9325dd
  • editor.background#F6F7F3
  • editor.foreground#1f2522
  • editor.inactiveSelectionBackground#3C83212580
  • editor.lineHighlightBackground#E4E5DC50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#3C832125
  • editorCursor.foreground#6A9325
  • editorGroupHeader.tabsBackground#E4E5DCaa
  • editorLineNumber.activeForeground#6A9325
  • editorLineNumber.foreground#aeb2aa80
  • focusBorder#6A9325
  • foreground#1f2522
  • input.background#E4E5DC
  • input.border#00000015
  • input.foreground#1f2522
  • input.placeholderForeground#1f252260
  • list.activeSelectionBackground#6A932530
  • list.activeSelectionForeground#1f2522
  • list.highlightForeground#6A9325
  • list.hoverBackground#E4E5DC40
  • list.hoverForeground#1f2522
  • list.inactiveSelectionBackground#6A932515
  • list.inactiveSelectionForeground#1f2522
  • selection.background#3C832125
  • sideBar.background#E4E5DC
  • sideBar.border#00000015
  • sideBar.foreground#1f2522
  • sideBarSectionHeader.background#E4E5DC80
  • sideBarSectionHeader.foreground#1f2522
  • sideBarTitle.foreground#6A9325
  • statusBar.background#F6F7F3
  • statusBar.border#00000015
  • statusBar.foreground#1f2522
  • statusBar.noFolderBackground#F6F7F3
  • tab.activeBackground#F6F7F3
  • tab.activeBorderTop#6A9325
  • tab.activeForeground#1f2522
  • tab.border#00000015
  • tab.inactiveBackground#F6F7F360
  • tab.inactiveForeground#1f252280
  • terminal.ansiBlack#1f2522
  • terminal.ansiBlue#3C8321
  • terminal.ansiCyan#A35829
  • terminal.ansiGreen#6A9325
  • terminal.ansiMagenta#5C7619
  • terminal.ansiRed#5C7619
  • terminal.ansiWhite#1f2522
  • terminal.ansiYellow#A35829
  • terminal.background#F6F7F3
  • terminal.foreground#1f2522
  • titleBar.activeBackground#F6F7F3
  • titleBar.activeForeground#1f2522
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F6F7F3
  • titleBar.inactiveForeground#1f252260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#aeb2aaitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#3C8321bold
storage.type, storage.modifier#3C8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6A9325
string, punctuation.definition.string, string.template, meta.template.expression#A35829
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#5C7619
variable, variable.other.readwrite, variable.other.object#1f2522
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1f2522
variable.parameter, meta.parameter#1f2522dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1f252280
keyword.operator#1f2522
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A35829bold
entity.other.inherited-class#6A9325
entity.name.tag, punctuation.definition.tag#3C8321
entity.other.attribute-name#6A9325
meta.diff, meta.diff.header#aeb2aa
markup.deleted#5C7619
markup.inserted#6A9325
markup.changed#A35829
markup.heading, markup.heading.setext, punctuation.definition.heading#6A9325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A35829
string.other.link.title, string.other.link.description#6A9325
markup.underline.link#aeb2aaunderline
punctuation.definition.list#3C8321
markup.quote, punctuation.definition.quote#aeb2aaitalic
Morphous Theme by Ameyanagi - VS Code Theme