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#F0F2F1
  • activityBar.border#00000015
  • activityBar.foreground#A7C8A5
  • activityBar.inactiveForeground#0F141860
  • activityBarBadge.background#A7C8A5
  • activityBarBadge.foreground#F0F2F1
  • button.background#A7C8A5
  • button.foreground#F0F2F1
  • button.hoverBackground#A7C8A5dd
  • editor.background#F0F2F1
  • editor.foreground#0F1418
  • editor.inactiveSelectionBackground#E5ECE82580
  • editor.lineHighlightBackground#E6E8E850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#E5ECE825
  • editorCursor.foreground#A7C8A5
  • editorGroupHeader.tabsBackground#E6E8E8aa
  • editorLineNumber.activeForeground#A7C8A5
  • editorLineNumber.foreground#8F989680
  • focusBorder#A7C8A5
  • foreground#0F1418
  • input.background#E6E8E8
  • input.border#00000015
  • input.foreground#0F1418
  • input.placeholderForeground#0F141860
  • list.activeSelectionBackground#A7C8A530
  • list.activeSelectionForeground#0F1418
  • list.highlightForeground#A7C8A5
  • list.hoverBackground#E6E8E840
  • list.hoverForeground#0F1418
  • list.inactiveSelectionBackground#A7C8A515
  • list.inactiveSelectionForeground#0F1418
  • selection.background#E5ECE825
  • sideBar.background#E6E8E8
  • sideBar.border#00000015
  • sideBar.foreground#0F1418
  • sideBarSectionHeader.background#E6E8E880
  • sideBarSectionHeader.foreground#0F1418
  • sideBarTitle.foreground#A7C8A5
  • statusBar.background#F0F2F1
  • statusBar.border#00000015
  • statusBar.foreground#0F1418
  • statusBar.noFolderBackground#F0F2F1
  • tab.activeBackground#F0F2F1
  • tab.activeBorderTop#A7C8A5
  • tab.activeForeground#0F1418
  • tab.border#00000015
  • tab.inactiveBackground#F0F2F160
  • tab.inactiveForeground#0F141880
  • terminal.ansiBlack#0F1418
  • terminal.ansiBlue#E5ECE8
  • terminal.ansiCyan#C7D3D8
  • terminal.ansiGreen#A7C8A5
  • terminal.ansiMagenta#D8A23D
  • terminal.ansiRed#D8A23D
  • terminal.ansiWhite#0F1418
  • terminal.ansiYellow#C7D3D8
  • terminal.background#F0F2F1
  • terminal.foreground#0F1418
  • titleBar.activeBackground#F0F2F1
  • titleBar.activeForeground#0F1418
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F0F2F1
  • titleBar.inactiveForeground#0F141860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8F9896italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#E5ECE8bold
storage.type, storage.modifier#E5ECE8italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#A7C8A5
string, punctuation.definition.string, string.template, meta.template.expression#C7D3D8
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D8A23D
variable, variable.other.readwrite, variable.other.object#0F1418
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0F1418
variable.parameter, meta.parameter#0F1418dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0F141880
keyword.operator#0F1418
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C7D3D8bold
entity.other.inherited-class#A7C8A5
entity.name.tag, punctuation.definition.tag#E5ECE8
entity.other.attribute-name#A7C8A5
meta.diff, meta.diff.header#8F9896
markup.deleted#D8A23D
markup.inserted#A7C8A5
markup.changed#C7D3D8
markup.heading, markup.heading.setext, punctuation.definition.heading#A7C8A5bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C7D3D8
string.other.link.title, string.other.link.description#A7C8A5
markup.underline.link#8F9896underline
punctuation.definition.list#E5ECE8
markup.quote, punctuation.definition.quote#8F9896italic
Morphous Theme by Ameyanagi - VS Code Theme