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#FFFDFA
  • activityBar.border#00000015
  • activityBar.foreground#932C25
  • activityBar.inactiveForeground#1d232060
  • activityBarBadge.background#932C25
  • activityBarBadge.foreground#FFFDFA
  • button.background#932C25
  • button.foreground#FFFDFA
  • button.hoverBackground#932C25dd
  • editor.background#FFFDFA
  • editor.foreground#1d2320
  • editor.inactiveSelectionBackground#21832C2580
  • editor.lineHighlightBackground#EBF3FF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21832C25
  • editorCursor.foreground#932C25
  • editorGroupHeader.tabsBackground#EBF3FFaa
  • editorLineNumber.activeForeground#932C25
  • editorLineNumber.foreground#dceecf80
  • focusBorder#932C25
  • foreground#1d2320
  • input.background#EBF3FF
  • input.border#00000015
  • input.foreground#1d2320
  • input.placeholderForeground#1d232060
  • list.activeSelectionBackground#932C2530
  • list.activeSelectionForeground#1d2320
  • list.highlightForeground#932C25
  • list.hoverBackground#EBF3FF40
  • list.hoverForeground#1d2320
  • list.inactiveSelectionBackground#932C2515
  • list.inactiveSelectionForeground#1d2320
  • selection.background#21832C25
  • sideBar.background#EBF3FF
  • sideBar.border#00000015
  • sideBar.foreground#1d2320
  • sideBarSectionHeader.background#EBF3FF80
  • sideBarSectionHeader.foreground#1d2320
  • sideBarTitle.foreground#932C25
  • statusBar.background#FFFDFA
  • statusBar.border#00000015
  • statusBar.foreground#1d2320
  • statusBar.noFolderBackground#FFFDFA
  • tab.activeBackground#FFFDFA
  • tab.activeBorderTop#932C25
  • tab.activeForeground#1d2320
  • tab.border#00000015
  • tab.inactiveBackground#FFFDFA60
  • tab.inactiveForeground#1d232080
  • terminal.ansiBlack#1d2320
  • terminal.ansiBlue#21832C
  • terminal.ansiCyan#2954A3
  • terminal.ansiGreen#932C25
  • terminal.ansiMagenta#196676
  • terminal.ansiRed#196676
  • terminal.ansiWhite#1d2320
  • terminal.ansiYellow#2954A3
  • terminal.background#FFFDFA
  • terminal.foreground#1d2320
  • titleBar.activeBackground#FFFDFA
  • titleBar.activeForeground#1d2320
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFDFA
  • titleBar.inactiveForeground#1d232060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#dceecfitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21832Cbold
storage.type, storage.modifier#21832Citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932C25
string, punctuation.definition.string, string.template, meta.template.expression#2954A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#196676
variable, variable.other.readwrite, variable.other.object#1d2320
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1d2320
variable.parameter, meta.parameter#1d2320dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1d232080
keyword.operator#1d2320
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2954A3bold
entity.other.inherited-class#932C25
entity.name.tag, punctuation.definition.tag#21832C
entity.other.attribute-name#932C25
meta.diff, meta.diff.header#dceecf
markup.deleted#196676
markup.inserted#932C25
markup.changed#2954A3
markup.heading, markup.heading.setext, punctuation.definition.heading#932C25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2954A3
string.other.link.title, string.other.link.description#932C25
markup.underline.link#dceecfunderline
punctuation.definition.list#21832C
markup.quote, punctuation.definition.quote#dceecfitalic
Morphous Theme by Ameyanagi - VS Code Theme