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#FDFDFB
  • activityBar.border#00000015
  • activityBar.foreground#259393
  • activityBar.inactiveForeground#0E4F5960
  • activityBarBadge.background#259393
  • activityBarBadge.foreground#FDFDFB
  • button.background#259393
  • button.foreground#FDFDFB
  • button.hoverBackground#259393dd
  • editor.background#FDFDFB
  • editor.foreground#0E4F59
  • editor.inactiveSelectionBackground#21837A2580
  • editor.lineHighlightBackground#F7F7F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21837A25
  • editorCursor.foreground#259393
  • editorGroupHeader.tabsBackground#F7F7F7aa
  • editorLineNumber.activeForeground#259393
  • editorLineNumber.foreground#64748B80
  • focusBorder#259393
  • foreground#0E4F59
  • input.background#F7F7F7
  • input.border#00000015
  • input.foreground#0E4F59
  • input.placeholderForeground#0E4F5960
  • list.activeSelectionBackground#25939330
  • list.activeSelectionForeground#0E4F59
  • list.highlightForeground#259393
  • list.hoverBackground#F7F7F740
  • list.hoverForeground#0E4F59
  • list.inactiveSelectionBackground#25939315
  • list.inactiveSelectionForeground#0E4F59
  • selection.background#21837A25
  • sideBar.background#F7F7F7
  • sideBar.border#00000015
  • sideBar.foreground#0E4F59
  • sideBarSectionHeader.background#F7F7F780
  • sideBarSectionHeader.foreground#0E4F59
  • sideBarTitle.foreground#259393
  • statusBar.background#FDFDFB
  • statusBar.border#00000015
  • statusBar.foreground#0E4F59
  • statusBar.noFolderBackground#FDFDFB
  • tab.activeBackground#FDFDFB
  • tab.activeBorderTop#259393
  • tab.activeForeground#0E4F59
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFB60
  • tab.inactiveForeground#0E4F5980
  • terminal.ansiBlack#0E4F59
  • terminal.ansiBlue#21837A
  • terminal.ansiCyan#29A35C
  • terminal.ansiGreen#259393
  • terminal.ansiMagenta#764C19
  • terminal.ansiRed#764C19
  • terminal.ansiWhite#0E4F59
  • terminal.ansiYellow#29A35C
  • terminal.background#FDFDFB
  • terminal.foreground#0E4F59
  • titleBar.activeBackground#FDFDFB
  • titleBar.activeForeground#0E4F59
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFB
  • titleBar.inactiveForeground#0E4F5960
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#64748Bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21837Abold
storage.type, storage.modifier#21837Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259393
string, punctuation.definition.string, string.template, meta.template.expression#29A35C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764C19
variable, variable.other.readwrite, variable.other.object#0E4F59
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0E4F59
variable.parameter, meta.parameter#0E4F59dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0E4F5980
keyword.operator#0E4F59
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A35Cbold
entity.other.inherited-class#259393
entity.name.tag, punctuation.definition.tag#21837A
entity.other.attribute-name#259393
meta.diff, meta.diff.header#64748B
markup.deleted#764C19
markup.inserted#259393
markup.changed#29A35C
markup.heading, markup.heading.setext, punctuation.definition.heading#259393bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A35C
string.other.link.title, string.other.link.description#259393
markup.underline.link#64748Bunderline
punctuation.definition.list#21837A
markup.quote, punctuation.definition.quote#64748Bitalic