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#FFFBF5
  • activityBar.border#00000015
  • activityBar.foreground#932725
  • activityBar.inactiveForeground#1B1F2360
  • activityBarBadge.background#932725
  • activityBarBadge.foreground#FFFBF5
  • button.background#932725
  • button.foreground#FFFBF5
  • button.hoverBackground#932725dd
  • editor.background#FFFBF5
  • editor.foreground#1B1F23
  • editor.inactiveSelectionBackground#217C832580
  • editor.lineHighlightBackground#F9EFE150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#217C8325
  • editorCursor.foreground#932725
  • editorGroupHeader.tabsBackground#F9EFE1aa
  • editorLineNumber.activeForeground#932725
  • editorLineNumber.foreground#E6ECEC80
  • focusBorder#932725
  • foreground#1B1F23
  • input.background#F9EFE1
  • input.border#00000015
  • input.foreground#1B1F23
  • input.placeholderForeground#1B1F2360
  • list.activeSelectionBackground#93272530
  • list.activeSelectionForeground#1B1F23
  • list.highlightForeground#932725
  • list.hoverBackground#F9EFE140
  • list.hoverForeground#1B1F23
  • list.inactiveSelectionBackground#93272515
  • list.inactiveSelectionForeground#1B1F23
  • selection.background#217C8325
  • sideBar.background#F9EFE1
  • sideBar.border#00000015
  • sideBar.foreground#1B1F23
  • sideBarSectionHeader.background#F9EFE180
  • sideBarSectionHeader.foreground#1B1F23
  • sideBarTitle.foreground#932725
  • statusBar.background#FFFBF5
  • statusBar.border#00000015
  • statusBar.foreground#1B1F23
  • statusBar.noFolderBackground#FFFBF5
  • tab.activeBackground#FFFBF5
  • tab.activeBorderTop#932725
  • tab.activeForeground#1B1F23
  • tab.border#00000015
  • tab.inactiveBackground#FFFBF560
  • tab.inactiveForeground#1B1F2380
  • terminal.ansiBlack#1B1F23
  • terminal.ansiBlue#217C83
  • terminal.ansiCyan#299BA3
  • terminal.ansiGreen#932725
  • terminal.ansiMagenta#762219
  • terminal.ansiRed#762219
  • terminal.ansiWhite#1B1F23
  • terminal.ansiYellow#299BA3
  • terminal.background#FFFBF5
  • terminal.foreground#1B1F23
  • titleBar.activeBackground#FFFBF5
  • titleBar.activeForeground#1B1F23
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFBF5
  • titleBar.inactiveForeground#1B1F2360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6ECECitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#217C83bold
storage.type, storage.modifier#217C83italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932725
string, punctuation.definition.string, string.template, meta.template.expression#299BA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#762219
variable, variable.other.readwrite, variable.other.object#1B1F23
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1B1F23
variable.parameter, meta.parameter#1B1F23dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1B1F2380
keyword.operator#1B1F23
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#299BA3bold
entity.other.inherited-class#932725
entity.name.tag, punctuation.definition.tag#217C83
entity.other.attribute-name#932725
meta.diff, meta.diff.header#E6ECEC
markup.deleted#762219
markup.inserted#932725
markup.changed#299BA3
markup.heading, markup.heading.setext, punctuation.definition.heading#932725bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#299BA3
string.other.link.title, string.other.link.description#932725
markup.underline.link#E6ECECunderline
punctuation.definition.list#217C83
markup.quote, punctuation.definition.quote#E6ECECitalic
Morphous Theme by Ameyanagi - VS Code Theme