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#FAFBFC
  • activityBar.border#00000015
  • activityBar.foreground#0F8FA3
  • activityBar.inactiveForeground#0D1F2860
  • activityBarBadge.background#0F8FA3
  • activityBarBadge.foreground#FAFBFC
  • button.background#0F8FA3
  • button.foreground#FAFBFC
  • button.hoverBackground#0F8FA3dd
  • editor.background#FAFBFC
  • editor.foreground#0D1F28
  • editor.inactiveSelectionBackground#68737B2580
  • editor.lineHighlightBackground#F1F5F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#68737B25
  • editorCursor.foreground#0F8FA3
  • editorGroupHeader.tabsBackground#F1F5F7aa
  • editorLineNumber.activeForeground#0F8FA3
  • editorLineNumber.foreground#A2A8AE80
  • focusBorder#0F8FA3
  • foreground#0D1F28
  • input.background#F1F5F7
  • input.border#00000015
  • input.foreground#0D1F28
  • input.placeholderForeground#0D1F2860
  • list.activeSelectionBackground#0F8FA330
  • list.activeSelectionForeground#0D1F28
  • list.highlightForeground#0F8FA3
  • list.hoverBackground#F1F5F740
  • list.hoverForeground#0D1F28
  • list.inactiveSelectionBackground#0F8FA315
  • list.inactiveSelectionForeground#0D1F28
  • selection.background#68737B25
  • sideBar.background#F1F5F7
  • sideBar.border#00000015
  • sideBar.foreground#0D1F28
  • sideBarSectionHeader.background#F1F5F780
  • sideBarSectionHeader.foreground#0D1F28
  • sideBarTitle.foreground#0F8FA3
  • statusBar.background#FAFBFC
  • statusBar.border#00000015
  • statusBar.foreground#0D1F28
  • statusBar.noFolderBackground#FAFBFC
  • tab.activeBackground#FAFBFC
  • tab.activeBorderTop#0F8FA3
  • tab.activeForeground#0D1F28
  • tab.border#00000015
  • tab.inactiveBackground#FAFBFC60
  • tab.inactiveForeground#0D1F2880
  • terminal.ansiBlack#0D1F28
  • terminal.ansiBlue#68737B
  • terminal.ansiCyan#7EC8DA
  • terminal.ansiGreen#0F8FA3
  • terminal.ansiMagenta#1E2B24
  • terminal.ansiRed#1E2B24
  • terminal.ansiWhite#0D1F28
  • terminal.ansiYellow#7EC8DA
  • terminal.background#FAFBFC
  • terminal.foreground#0D1F28
  • titleBar.activeBackground#FAFBFC
  • titleBar.activeForeground#0D1F28
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFBFC
  • titleBar.inactiveForeground#0D1F2860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A2A8AEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#68737Bbold
storage.type, storage.modifier#68737Bitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0F8FA3
string, punctuation.definition.string, string.template, meta.template.expression#7EC8DA
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#1E2B24
variable, variable.other.readwrite, variable.other.object#0D1F28
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0D1F28
variable.parameter, meta.parameter#0D1F28dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0D1F2880
keyword.operator#0D1F28
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7EC8DAbold
entity.other.inherited-class#0F8FA3
entity.name.tag, punctuation.definition.tag#68737B
entity.other.attribute-name#0F8FA3
meta.diff, meta.diff.header#A2A8AE
markup.deleted#1E2B24
markup.inserted#0F8FA3
markup.changed#7EC8DA
markup.heading, markup.heading.setext, punctuation.definition.heading#0F8FA3bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7EC8DA
string.other.link.title, string.other.link.description#0F8FA3
markup.underline.link#A2A8AEunderline
punctuation.definition.list#68737B
markup.quote, punctuation.definition.quote#A2A8AEitalic