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#F7F1E3
  • activityBar.border#00000015
  • activityBar.foreground#749325
  • activityBar.inactiveForeground#251f1760
  • activityBarBadge.background#749325
  • activityBarBadge.foreground#F7F1E3
  • button.background#749325
  • button.foreground#F7F1E3
  • button.hoverBackground#749325dd
  • editor.background#F7F1E3
  • editor.foreground#251f17
  • editor.inactiveSelectionBackground#8364212580
  • editor.lineHighlightBackground#87623B50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83642125
  • editorCursor.foreground#749325
  • editorGroupHeader.tabsBackground#87623Baa
  • editorLineNumber.activeForeground#749325
  • editorLineNumber.foreground#d8bf8a80
  • focusBorder#749325
  • foreground#251f17
  • input.background#87623B
  • input.border#00000015
  • input.foreground#251f17
  • input.placeholderForeground#251f1760
  • list.activeSelectionBackground#74932530
  • list.activeSelectionForeground#251f17
  • list.highlightForeground#749325
  • list.hoverBackground#87623B40
  • list.hoverForeground#251f17
  • list.inactiveSelectionBackground#74932515
  • list.inactiveSelectionForeground#251f17
  • selection.background#83642125
  • sideBar.background#87623B
  • sideBar.border#00000015
  • sideBar.foreground#251f17
  • sideBarSectionHeader.background#87623B80
  • sideBarSectionHeader.foreground#251f17
  • sideBarTitle.foreground#749325
  • statusBar.background#F7F1E3
  • statusBar.border#00000015
  • statusBar.foreground#251f17
  • statusBar.noFolderBackground#F7F1E3
  • tab.activeBackground#F7F1E3
  • tab.activeBorderTop#749325
  • tab.activeForeground#251f17
  • tab.border#00000015
  • tab.inactiveBackground#F7F1E360
  • tab.inactiveForeground#251f1780
  • terminal.ansiBlack#251f17
  • terminal.ansiBlue#836421
  • terminal.ansiCyan#7CA329
  • terminal.ansiGreen#749325
  • terminal.ansiMagenta#657619
  • terminal.ansiRed#657619
  • terminal.ansiWhite#251f17
  • terminal.ansiYellow#7CA329
  • terminal.background#F7F1E3
  • terminal.foreground#251f17
  • titleBar.activeBackground#F7F1E3
  • titleBar.activeForeground#251f17
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F1E3
  • titleBar.inactiveForeground#251f1760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d8bf8aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836421bold
storage.type, storage.modifier#836421italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#749325
string, punctuation.definition.string, string.template, meta.template.expression#7CA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#657619
variable, variable.other.readwrite, variable.other.object#251f17
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#251f17
variable.parameter, meta.parameter#251f17dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#251f1780
keyword.operator#251f17
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7CA329bold
entity.other.inherited-class#749325
entity.name.tag, punctuation.definition.tag#836421
entity.other.attribute-name#749325
meta.diff, meta.diff.header#d8bf8a
markup.deleted#657619
markup.inserted#749325
markup.changed#7CA329
markup.heading, markup.heading.setext, punctuation.definition.heading#749325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7CA329
string.other.link.title, string.other.link.description#749325
markup.underline.link#d8bf8aunderline
punctuation.definition.list#836421
markup.quote, punctuation.definition.quote#d8bf8aitalic
Morphous Theme by Ameyanagi - VS Code Theme