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#fffbea
  • activityBar.border#00000015
  • activityBar.foreground#ffd11a
  • activityBar.inactiveForeground#1a241660
  • activityBarBadge.background#ffd11a
  • activityBarBadge.foreground#fffbea
  • button.background#ffd11a
  • button.foreground#fffbea
  • button.hoverBackground#ffd11add
  • editor.background#fffbea
  • editor.foreground#1a2416
  • editor.inactiveSelectionBackground#ffc84d2580
  • editor.lineHighlightBackground#fbf8ee50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ffc84d25
  • editorCursor.foreground#ffd11a
  • editorGroupHeader.tabsBackground#fbf8eeaa
  • editorLineNumber.activeForeground#ffd11a
  • editorLineNumber.foreground#fff8e680
  • focusBorder#ffd11a
  • foreground#1a2416
  • input.background#fbf8ee
  • input.border#00000015
  • input.foreground#1a2416
  • input.placeholderForeground#1a241660
  • list.activeSelectionBackground#ffd11a30
  • list.activeSelectionForeground#1a2416
  • list.highlightForeground#ffd11a
  • list.hoverBackground#fbf8ee40
  • list.hoverForeground#1a2416
  • list.inactiveSelectionBackground#ffd11a15
  • list.inactiveSelectionForeground#1a2416
  • selection.background#ffc84d25
  • sideBar.background#fbf8ee
  • sideBar.border#00000015
  • sideBar.foreground#1a2416
  • sideBarSectionHeader.background#fbf8ee80
  • sideBarSectionHeader.foreground#1a2416
  • sideBarTitle.foreground#ffd11a
  • statusBar.background#fffbea
  • statusBar.border#00000015
  • statusBar.foreground#1a2416
  • statusBar.noFolderBackground#fffbea
  • tab.activeBackground#fffbea
  • tab.activeBorderTop#ffd11a
  • tab.activeForeground#1a2416
  • tab.border#00000015
  • tab.inactiveBackground#fffbea60
  • tab.inactiveForeground#1a241680
  • terminal.ansiBlack#1a2416
  • terminal.ansiBlue#ffc84d
  • terminal.ansiCyan#6fae4a
  • terminal.ansiGreen#ffd11a
  • terminal.ansiMagenta#fff8e6
  • terminal.ansiRed#fff8e6
  • terminal.ansiWhite#1a2416
  • terminal.ansiYellow#6fae4a
  • terminal.background#fffbea
  • terminal.foreground#1a2416
  • titleBar.activeBackground#fffbea
  • titleBar.activeForeground#1a2416
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fffbea
  • titleBar.inactiveForeground#1a241660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#fff8e6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ffc84dbold
storage.type, storage.modifier#ffc84ditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#ffd11a
string, punctuation.definition.string, string.template, meta.template.expression#6fae4a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#fff8e6
variable, variable.other.readwrite, variable.other.object#1a2416
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1a2416
variable.parameter, meta.parameter#1a2416dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1a241680
keyword.operator#1a2416
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6fae4abold
entity.other.inherited-class#ffd11a
entity.name.tag, punctuation.definition.tag#ffc84d
entity.other.attribute-name#ffd11a
meta.diff, meta.diff.header#fff8e6
markup.deleted#fff8e6
markup.inserted#ffd11a
markup.changed#6fae4a
markup.heading, markup.heading.setext, punctuation.definition.heading#ffd11abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6fae4a
string.other.link.title, string.other.link.description#ffd11a
markup.underline.link#fff8e6underline
punctuation.definition.list#ffc84d
markup.quote, punctuation.definition.quote#fff8e6italic
Morphous Theme by Ameyanagi - VS Code Theme