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#FCFBF8
  • activityBar.border#00000015
  • activityBar.foreground#937025
  • activityBar.inactiveForeground#2E2A2560
  • activityBarBadge.background#937025
  • activityBarBadge.foreground#FCFBF8
  • button.background#937025
  • button.foreground#FCFBF8
  • button.hoverBackground#937025dd
  • editor.background#FCFBF8
  • editor.foreground#2E2A25
  • editor.inactiveSelectionBackground#215A832580
  • editor.lineHighlightBackground#EBDCC250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#215A8325
  • editorCursor.foreground#937025
  • editorGroupHeader.tabsBackground#EBDCC2aa
  • editorLineNumber.activeForeground#937025
  • editorLineNumber.foreground#B8AA9280
  • focusBorder#937025
  • foreground#2E2A25
  • input.background#EBDCC2
  • input.border#00000015
  • input.foreground#2E2A25
  • input.placeholderForeground#2E2A2560
  • list.activeSelectionBackground#93702530
  • list.activeSelectionForeground#2E2A25
  • list.highlightForeground#937025
  • list.hoverBackground#EBDCC240
  • list.hoverForeground#2E2A25
  • list.inactiveSelectionBackground#93702515
  • list.inactiveSelectionForeground#2E2A25
  • selection.background#215A8325
  • sideBar.background#EBDCC2
  • sideBar.border#00000015
  • sideBar.foreground#2E2A25
  • sideBarSectionHeader.background#EBDCC280
  • sideBarSectionHeader.foreground#2E2A25
  • sideBarTitle.foreground#937025
  • statusBar.background#FCFBF8
  • statusBar.border#00000015
  • statusBar.foreground#2E2A25
  • statusBar.noFolderBackground#FCFBF8
  • tab.activeBackground#FCFBF8
  • tab.activeBorderTop#937025
  • tab.activeForeground#2E2A25
  • tab.border#00000015
  • tab.inactiveBackground#FCFBF860
  • tab.inactiveForeground#2E2A2580
  • terminal.ansiBlack#2E2A25
  • terminal.ansiBlue#215A83
  • terminal.ansiCyan#A37A29
  • terminal.ansiGreen#937025
  • terminal.ansiMagenta#764F19
  • terminal.ansiRed#764F19
  • terminal.ansiWhite#2E2A25
  • terminal.ansiYellow#A37A29
  • terminal.background#FCFBF8
  • terminal.foreground#2E2A25
  • titleBar.activeBackground#FCFBF8
  • titleBar.activeForeground#2E2A25
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFBF8
  • titleBar.inactiveForeground#2E2A2560
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B8AA92italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#215A83bold
storage.type, storage.modifier#215A83italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#937025
string, punctuation.definition.string, string.template, meta.template.expression#A37A29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764F19
variable, variable.other.readwrite, variable.other.object#2E2A25
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2E2A25
variable.parameter, meta.parameter#2E2A25dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2E2A2580
keyword.operator#2E2A25
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37A29bold
entity.other.inherited-class#937025
entity.name.tag, punctuation.definition.tag#215A83
entity.other.attribute-name#937025
meta.diff, meta.diff.header#B8AA92
markup.deleted#764F19
markup.inserted#937025
markup.changed#A37A29
markup.heading, markup.heading.setext, punctuation.definition.heading#937025bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37A29
string.other.link.title, string.other.link.description#937025
markup.underline.link#B8AA92underline
punctuation.definition.list#215A83
markup.quote, punctuation.definition.quote#B8AA92italic
Morphous Theme by Ameyanagi - VS Code Theme