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#F7ECDA
  • activityBar.border#00000015
  • activityBar.foreground#934625
  • activityBar.inactiveForeground#1e242360
  • activityBarBadge.background#934625
  • activityBarBadge.foreground#F7ECDA
  • button.background#934625
  • button.foreground#F7ECDA
  • button.hoverBackground#934625dd
  • editor.background#F7ECDA
  • editor.foreground#1e2423
  • editor.inactiveSelectionBackground#832F212580
  • editor.lineHighlightBackground#BCA28550
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#832F2125
  • editorCursor.foreground#934625
  • editorGroupHeader.tabsBackground#BCA285aa
  • editorLineNumber.activeForeground#934625
  • editorLineNumber.foreground#6e715080
  • focusBorder#934625
  • foreground#1e2423
  • input.background#BCA285
  • input.border#00000015
  • input.foreground#1e2423
  • input.placeholderForeground#1e242360
  • list.activeSelectionBackground#93462530
  • list.activeSelectionForeground#1e2423
  • list.highlightForeground#934625
  • list.hoverBackground#BCA28540
  • list.hoverForeground#1e2423
  • list.inactiveSelectionBackground#93462515
  • list.inactiveSelectionForeground#1e2423
  • selection.background#832F2125
  • sideBar.background#BCA285
  • sideBar.border#00000015
  • sideBar.foreground#1e2423
  • sideBarSectionHeader.background#BCA28580
  • sideBarSectionHeader.foreground#1e2423
  • sideBarTitle.foreground#934625
  • statusBar.background#F7ECDA
  • statusBar.border#00000015
  • statusBar.foreground#1e2423
  • statusBar.noFolderBackground#F7ECDA
  • tab.activeBackground#F7ECDA
  • tab.activeBorderTop#934625
  • tab.activeForeground#1e2423
  • tab.border#00000015
  • tab.inactiveBackground#F7ECDA60
  • tab.inactiveForeground#1e242380
  • terminal.ansiBlack#1e2423
  • terminal.ansiBlue#832F21
  • terminal.ansiCyan#A33D29
  • terminal.ansiGreen#934625
  • terminal.ansiMagenta#764919
  • terminal.ansiRed#764919
  • terminal.ansiWhite#1e2423
  • terminal.ansiYellow#A33D29
  • terminal.background#F7ECDA
  • terminal.foreground#1e2423
  • titleBar.activeBackground#F7ECDA
  • titleBar.activeForeground#1e2423
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7ECDA
  • titleBar.inactiveForeground#1e242360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6e7150italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#832F21bold
storage.type, storage.modifier#832F21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934625
string, punctuation.definition.string, string.template, meta.template.expression#A33D29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764919
variable, variable.other.readwrite, variable.other.object#1e2423
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1e2423
variable.parameter, meta.parameter#1e2423dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1e242380
keyword.operator#1e2423
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A33D29bold
entity.other.inherited-class#934625
entity.name.tag, punctuation.definition.tag#832F21
entity.other.attribute-name#934625
meta.diff, meta.diff.header#6e7150
markup.deleted#764919
markup.inserted#934625
markup.changed#A33D29
markup.heading, markup.heading.setext, punctuation.definition.heading#934625bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A33D29
string.other.link.title, string.other.link.description#934625
markup.underline.link#6e7150underline
punctuation.definition.list#832F21
markup.quote, punctuation.definition.quote#6e7150italic
Morphous Theme by Ameyanagi - VS Code Theme