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#1D2C1B
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C767
  • activityBar.inactiveForeground#F4F0DA60
  • activityBarBadge.background#E9C767
  • activityBarBadge.foreground#1D2C1B
  • button.background#E9C767
  • button.foreground#1D2C1B
  • button.hoverBackground#E9C767dd
  • editor.background#1D2C1B
  • editor.foreground#F4F0DA
  • editor.inactiveSelectionBackground#E4EC793580
  • editor.lineHighlightBackground#14191040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#E4EC7935
  • editorCursor.foreground#E9C767
  • editorGroupHeader.tabsBackground#1D2C1Bdd
  • editorLineNumber.activeForeground#E9C767
  • editorLineNumber.foreground#7B812A80
  • focusBorder#E9C767
  • foreground#F4F0DA
  • input.background#141910
  • input.border#ffffff15
  • input.foreground#F4F0DA
  • input.placeholderForeground#F4F0DA60
  • list.activeSelectionBackground#E9C76730
  • list.activeSelectionForeground#F4F0DA
  • list.highlightForeground#E9C767
  • list.hoverBackground#14191040
  • list.hoverForeground#F4F0DA
  • list.inactiveSelectionBackground#E9C76715
  • list.inactiveSelectionForeground#F4F0DA
  • selection.background#E4EC7935
  • sideBar.background#141910
  • sideBar.border#ffffff15
  • sideBar.foreground#F4F0DA
  • sideBarSectionHeader.background#1D2C1B80
  • sideBarSectionHeader.foreground#F4F0DA
  • sideBarTitle.foreground#E9C767
  • statusBar.background#1D2C1B
  • statusBar.border#ffffff15
  • statusBar.foreground#F4F0DA
  • statusBar.noFolderBackground#1D2C1B
  • tab.activeBackground#1D2C1B
  • tab.activeBorderTop#E9C767
  • tab.activeForeground#F4F0DA
  • tab.border#ffffff15
  • tab.inactiveBackground#14191060
  • tab.inactiveForeground#F4F0DA80
  • terminal.ansiBlack#1D2C1B
  • terminal.ansiBlue#E4EC79
  • terminal.ansiCyan#55E7DD
  • terminal.ansiGreen#E9C767
  • terminal.ansiMagenta#F1EE83
  • terminal.ansiRed#F1EE83
  • terminal.ansiWhite#F4F0DA
  • terminal.ansiYellow#55E7DD
  • terminal.background#1D2C1B
  • terminal.foreground#F4F0DA
  • titleBar.activeBackground#1D2C1B
  • titleBar.activeForeground#F4F0DA
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1D2C1B
  • titleBar.inactiveForeground#F4F0DA60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7B812Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#E4EC79bold
storage.type, storage.modifier#E4EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C767
string, punctuation.definition.string, string.template, meta.template.expression#55E7DD
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1EE83
variable, variable.other.readwrite, variable.other.object#F4F0DA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F4F0DA
variable.parameter, meta.parameter#F4F0DAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F4F0DA80
keyword.operator#F4F0DA
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7DDbold
entity.other.inherited-class#E9C767
entity.name.tag, punctuation.definition.tag#E4EC79
entity.other.attribute-name#E9C767
meta.diff, meta.diff.header#7B812A
markup.deleted#F1EE83
markup.inserted#E9C767
markup.changed#55E7DD
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C767bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7DD
string.other.link.title, string.other.link.description#E9C767
markup.underline.link#7B812Aunderline
punctuation.definition.list#E4EC79
markup.quote, punctuation.definition.quote#7B812Aitalic
Morphous Theme by Ameyanagi - VS Code Theme