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#F7F8FA
  • activityBar.border#00000015
  • activityBar.foreground#1F3B34
  • activityBar.inactiveForeground#242E3460
  • activityBarBadge.background#1F3B34
  • activityBarBadge.foreground#F7F8FA
  • button.background#1F3B34
  • button.foreground#F7F8FA
  • button.hoverBackground#1F3B34dd
  • editor.background#F7F8FA
  • editor.foreground#242E34
  • editor.inactiveSelectionBackground#B8A98F2580
  • editor.lineHighlightBackground#FFFFFF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#B8A98F25
  • editorCursor.foreground#1F3B34
  • editorGroupHeader.tabsBackground#FFFFFFaa
  • editorLineNumber.activeForeground#1F3B34
  • editorLineNumber.foreground#E8EAED80
  • focusBorder#1F3B34
  • foreground#242E34
  • input.background#FFFFFF
  • input.border#00000015
  • input.foreground#242E34
  • input.placeholderForeground#242E3460
  • list.activeSelectionBackground#1F3B3430
  • list.activeSelectionForeground#242E34
  • list.highlightForeground#1F3B34
  • list.hoverBackground#FFFFFF40
  • list.hoverForeground#242E34
  • list.inactiveSelectionBackground#1F3B3415
  • list.inactiveSelectionForeground#242E34
  • selection.background#B8A98F25
  • sideBar.background#FFFFFF
  • sideBar.border#00000015
  • sideBar.foreground#242E34
  • sideBarSectionHeader.background#FFFFFF80
  • sideBarSectionHeader.foreground#242E34
  • sideBarTitle.foreground#1F3B34
  • statusBar.background#F7F8FA
  • statusBar.border#00000015
  • statusBar.foreground#242E34
  • statusBar.noFolderBackground#F7F8FA
  • tab.activeBackground#F7F8FA
  • tab.activeBorderTop#1F3B34
  • tab.activeForeground#242E34
  • tab.border#00000015
  • tab.inactiveBackground#F7F8FA60
  • tab.inactiveForeground#242E3480
  • terminal.ansiBlack#242E34
  • terminal.ansiBlue#B8A98F
  • terminal.ansiCyan#D79A33
  • terminal.ansiGreen#1F3B34
  • terminal.ansiMagenta#C43A34
  • terminal.ansiRed#C43A34
  • terminal.ansiWhite#242E34
  • terminal.ansiYellow#D79A33
  • terminal.background#F7F8FA
  • terminal.foreground#242E34
  • titleBar.activeBackground#F7F8FA
  • titleBar.activeForeground#242E34
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F8FA
  • titleBar.inactiveForeground#242E3460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E8EAEDitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#B8A98Fbold
storage.type, storage.modifier#B8A98Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1F3B34
string, punctuation.definition.string, string.template, meta.template.expression#D79A33
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C43A34
variable, variable.other.readwrite, variable.other.object#242E34
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#242E34
variable.parameter, meta.parameter#242E34dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#242E3480
keyword.operator#242E34
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#D79A33bold
entity.other.inherited-class#1F3B34
entity.name.tag, punctuation.definition.tag#B8A98F
entity.other.attribute-name#1F3B34
meta.diff, meta.diff.header#E8EAED
markup.deleted#C43A34
markup.inserted#1F3B34
markup.changed#D79A33
markup.heading, markup.heading.setext, punctuation.definition.heading#1F3B34bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#D79A33
string.other.link.title, string.other.link.description#1F3B34
markup.underline.link#E8EAEDunderline
punctuation.definition.list#B8A98F
markup.quote, punctuation.definition.quote#E8EAEDitalic