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#F5F6F4
  • activityBar.border#00000015
  • activityBar.foreground#8FAF9F
  • activityBar.inactiveForeground#1F3D4760
  • activityBarBadge.background#8FAF9F
  • activityBarBadge.foreground#F5F6F4
  • button.background#8FAF9F
  • button.foreground#F5F6F4
  • button.hoverBackground#8FAF9Fdd
  • editor.background#F5F6F4
  • editor.foreground#1F3D47
  • editor.inactiveSelectionBackground#B0BEC72580
  • editor.lineHighlightBackground#FFFFFF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#B0BEC725
  • editorCursor.foreground#8FAF9F
  • editorGroupHeader.tabsBackground#FFFFFFaa
  • editorLineNumber.activeForeground#8FAF9F
  • editorLineNumber.foreground#E7ECEF80
  • focusBorder#8FAF9F
  • foreground#1F3D47
  • input.background#FFFFFF
  • input.border#00000015
  • input.foreground#1F3D47
  • input.placeholderForeground#1F3D4760
  • list.activeSelectionBackground#8FAF9F30
  • list.activeSelectionForeground#1F3D47
  • list.highlightForeground#8FAF9F
  • list.hoverBackground#FFFFFF40
  • list.hoverForeground#1F3D47
  • list.inactiveSelectionBackground#8FAF9F15
  • list.inactiveSelectionForeground#1F3D47
  • selection.background#B0BEC725
  • sideBar.background#FFFFFF
  • sideBar.border#00000015
  • sideBar.foreground#1F3D47
  • sideBarSectionHeader.background#FFFFFF80
  • sideBarSectionHeader.foreground#1F3D47
  • sideBarTitle.foreground#8FAF9F
  • statusBar.background#F5F6F4
  • statusBar.border#00000015
  • statusBar.foreground#1F3D47
  • statusBar.noFolderBackground#F5F6F4
  • tab.activeBackground#F5F6F4
  • tab.activeBorderTop#8FAF9F
  • tab.activeForeground#1F3D47
  • tab.border#00000015
  • tab.inactiveBackground#F5F6F460
  • tab.inactiveForeground#1F3D4780
  • terminal.ansiBlack#1F3D47
  • terminal.ansiBlue#B0BEC7
  • terminal.ansiCyan#CBA37E
  • terminal.ansiGreen#8FAF9F
  • terminal.ansiMagenta#a7c7b2
  • terminal.ansiRed#a7c7b2
  • terminal.ansiWhite#1F3D47
  • terminal.ansiYellow#CBA37E
  • terminal.background#F5F6F4
  • terminal.foreground#1F3D47
  • titleBar.activeBackground#F5F6F4
  • titleBar.activeForeground#1F3D47
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F5F6F4
  • titleBar.inactiveForeground#1F3D4760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E7ECEFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#B0BEC7bold
storage.type, storage.modifier#B0BEC7italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8FAF9F
string, punctuation.definition.string, string.template, meta.template.expression#CBA37E
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#a7c7b2
variable, variable.other.readwrite, variable.other.object#1F3D47
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1F3D47
variable.parameter, meta.parameter#1F3D47dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1F3D4780
keyword.operator#1F3D47
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#CBA37Ebold
entity.other.inherited-class#8FAF9F
entity.name.tag, punctuation.definition.tag#B0BEC7
entity.other.attribute-name#8FAF9F
meta.diff, meta.diff.header#E7ECEF
markup.deleted#a7c7b2
markup.inserted#8FAF9F
markup.changed#CBA37E
markup.heading, markup.heading.setext, punctuation.definition.heading#8FAF9Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#CBA37E
string.other.link.title, string.other.link.description#8FAF9F
markup.underline.link#E7ECEFunderline
punctuation.definition.list#B0BEC7
markup.quote, punctuation.definition.quote#E7ECEFitalic