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#F2F5F3
  • activityBar.border#00000015
  • activityBar.foreground#0F3D3F
  • activityBar.inactiveForeground#D9E7E360
  • activityBarBadge.background#0F3D3F
  • activityBarBadge.foreground#F2F5F3
  • button.background#0F3D3F
  • button.foreground#F2F5F3
  • button.hoverBackground#0F3D3Fdd
  • editor.background#F2F5F3
  • editor.foreground#D9E7E3
  • editor.inactiveSelectionBackground#2A33242580
  • editor.lineHighlightBackground#D9E7E350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2A332425
  • editorCursor.foreground#0F3D3F
  • editorGroupHeader.tabsBackground#D9E7E3aa
  • editorLineNumber.activeForeground#0F3D3F
  • editorLineNumber.foreground#0F3D3F80
  • focusBorder#0F3D3F
  • foreground#D9E7E3
  • input.background#D9E7E3
  • input.border#00000015
  • input.foreground#D9E7E3
  • input.placeholderForeground#D9E7E360
  • list.activeSelectionBackground#0F3D3F30
  • list.activeSelectionForeground#D9E7E3
  • list.highlightForeground#0F3D3F
  • list.hoverBackground#D9E7E340
  • list.hoverForeground#D9E7E3
  • list.inactiveSelectionBackground#0F3D3F15
  • list.inactiveSelectionForeground#D9E7E3
  • selection.background#2A332425
  • sideBar.background#D9E7E3
  • sideBar.border#00000015
  • sideBar.foreground#D9E7E3
  • sideBarSectionHeader.background#D9E7E380
  • sideBarSectionHeader.foreground#D9E7E3
  • sideBarTitle.foreground#0F3D3F
  • statusBar.background#F2F5F3
  • statusBar.border#00000015
  • statusBar.foreground#D9E7E3
  • statusBar.noFolderBackground#F2F5F3
  • tab.activeBackground#F2F5F3
  • tab.activeBorderTop#0F3D3F
  • tab.activeForeground#D9E7E3
  • tab.border#00000015
  • tab.inactiveBackground#F2F5F360
  • tab.inactiveForeground#D9E7E380
  • terminal.ansiBlack#D9E7E3
  • terminal.ansiBlue#2A3324
  • terminal.ansiCyan#2FA6A6
  • terminal.ansiGreen#0F3D3F
  • terminal.ansiMagenta#6F8B43
  • terminal.ansiRed#6F8B43
  • terminal.ansiWhite#D9E7E3
  • terminal.ansiYellow#2FA6A6
  • terminal.background#F2F5F3
  • terminal.foreground#D9E7E3
  • titleBar.activeBackground#F2F5F3
  • titleBar.activeForeground#D9E7E3
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F2F5F3
  • titleBar.inactiveForeground#D9E7E360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#0F3D3Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2A3324bold
storage.type, storage.modifier#2A3324italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0F3D3F
string, punctuation.definition.string, string.template, meta.template.expression#2FA6A6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6F8B43
variable, variable.other.readwrite, variable.other.object#D9E7E3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#D9E7E3
variable.parameter, meta.parameter#D9E7E3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#D9E7E380
keyword.operator#D9E7E3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2FA6A6bold
entity.other.inherited-class#0F3D3F
entity.name.tag, punctuation.definition.tag#2A3324
entity.other.attribute-name#0F3D3F
meta.diff, meta.diff.header#0F3D3F
markup.deleted#6F8B43
markup.inserted#0F3D3F
markup.changed#2FA6A6
markup.heading, markup.heading.setext, punctuation.definition.heading#0F3D3Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2FA6A6
string.other.link.title, string.other.link.description#0F3D3F
markup.underline.link#0F3D3Funderline
punctuation.definition.list#2A3324
markup.quote, punctuation.definition.quote#0F3D3Fitalic
Morphous Theme by Ameyanagi - VS Code Theme