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#FCFCFD
  • activityBar.border#00000015
  • activityBar.foreground#93252A
  • activityBar.inactiveForeground#0D0F1460
  • activityBarBadge.background#93252A
  • activityBarBadge.foreground#FCFCFD
  • button.background#93252A
  • button.foreground#FCFCFD
  • button.hoverBackground#93252Add
  • editor.background#FCFCFD
  • editor.foreground#0D0F14
  • editor.inactiveSelectionBackground#2141832580
  • editor.lineHighlightBackground#B6BDC850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21418325
  • editorCursor.foreground#93252A
  • editorGroupHeader.tabsBackground#B6BDC8aa
  • editorLineNumber.activeForeground#93252A
  • editorLineNumber.foreground#18243080
  • focusBorder#93252A
  • foreground#0D0F14
  • input.background#B6BDC8
  • input.border#00000015
  • input.foreground#0D0F14
  • input.placeholderForeground#0D0F1460
  • list.activeSelectionBackground#93252A30
  • list.activeSelectionForeground#0D0F14
  • list.highlightForeground#93252A
  • list.hoverBackground#B6BDC840
  • list.hoverForeground#0D0F14
  • list.inactiveSelectionBackground#93252A15
  • list.inactiveSelectionForeground#0D0F14
  • selection.background#21418325
  • sideBar.background#B6BDC8
  • sideBar.border#00000015
  • sideBar.foreground#0D0F14
  • sideBarSectionHeader.background#B6BDC880
  • sideBarSectionHeader.foreground#0D0F14
  • sideBarTitle.foreground#93252A
  • statusBar.background#FCFCFD
  • statusBar.border#00000015
  • statusBar.foreground#0D0F14
  • statusBar.noFolderBackground#FCFCFD
  • tab.activeBackground#FCFCFD
  • tab.activeBorderTop#93252A
  • tab.activeForeground#0D0F14
  • tab.border#00000015
  • tab.inactiveBackground#FCFCFD60
  • tab.inactiveForeground#0D0F1480
  • terminal.ansiBlack#0D0F14
  • terminal.ansiBlue#214183
  • terminal.ansiCyan#A3293F
  • terminal.ansiGreen#93252A
  • terminal.ansiMagenta#196876
  • terminal.ansiRed#196876
  • terminal.ansiWhite#0D0F14
  • terminal.ansiYellow#A3293F
  • terminal.background#FCFCFD
  • terminal.foreground#0D0F14
  • titleBar.activeBackground#FCFCFD
  • titleBar.activeForeground#0D0F14
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFCFD
  • titleBar.inactiveForeground#0D0F1460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#182430italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#214183bold
storage.type, storage.modifier#214183italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93252A
string, punctuation.definition.string, string.template, meta.template.expression#A3293F
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#196876
variable, variable.other.readwrite, variable.other.object#0D0F14
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0D0F14
variable.parameter, meta.parameter#0D0F14dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0D0F1480
keyword.operator#0D0F14
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A3293Fbold
entity.other.inherited-class#93252A
entity.name.tag, punctuation.definition.tag#214183
entity.other.attribute-name#93252A
meta.diff, meta.diff.header#182430
markup.deleted#196876
markup.inserted#93252A
markup.changed#A3293F
markup.heading, markup.heading.setext, punctuation.definition.heading#93252Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A3293F
string.other.link.title, string.other.link.description#93252A
markup.underline.link#182430underline
punctuation.definition.list#214183
markup.quote, punctuation.definition.quote#182430italic
Morphous Theme by Ameyanagi - VS Code Theme