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#F6FBFF
  • activityBar.border#00000015
  • activityBar.foreground#8FD8F7
  • activityBar.inactiveForeground#07101660
  • activityBarBadge.background#8FD8F7
  • activityBarBadge.foreground#F6FBFF
  • button.background#8FD8F7
  • button.foreground#F6FBFF
  • button.hoverBackground#8FD8F7dd
  • editor.background#F6FBFF
  • editor.foreground#071016
  • editor.inactiveSelectionBackground#007EA72580
  • editor.lineHighlightBackground#DCEAF250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#007EA725
  • editorCursor.foreground#8FD8F7
  • editorGroupHeader.tabsBackground#DCEAF2aa
  • editorLineNumber.activeForeground#8FD8F7
  • editorLineNumber.foreground#EAF4FA80
  • focusBorder#8FD8F7
  • foreground#071016
  • input.background#DCEAF2
  • input.border#00000015
  • input.foreground#071016
  • input.placeholderForeground#07101660
  • list.activeSelectionBackground#8FD8F730
  • list.activeSelectionForeground#071016
  • list.highlightForeground#8FD8F7
  • list.hoverBackground#DCEAF240
  • list.hoverForeground#071016
  • list.inactiveSelectionBackground#8FD8F715
  • list.inactiveSelectionForeground#071016
  • selection.background#007EA725
  • sideBar.background#DCEAF2
  • sideBar.border#00000015
  • sideBar.foreground#071016
  • sideBarSectionHeader.background#DCEAF280
  • sideBarSectionHeader.foreground#071016
  • sideBarTitle.foreground#8FD8F7
  • statusBar.background#F6FBFF
  • statusBar.border#00000015
  • statusBar.foreground#071016
  • statusBar.noFolderBackground#F6FBFF
  • tab.activeBackground#F6FBFF
  • tab.activeBorderTop#8FD8F7
  • tab.activeForeground#071016
  • tab.border#00000015
  • tab.inactiveBackground#F6FBFF60
  • tab.inactiveForeground#07101680
  • terminal.ansiBlack#071016
  • terminal.ansiBlue#007EA7
  • terminal.ansiCyan#2BBFD9
  • terminal.ansiGreen#8FD8F7
  • terminal.ansiMagenta#E6B84A
  • terminal.ansiRed#E6B84A
  • terminal.ansiWhite#071016
  • terminal.ansiYellow#2BBFD9
  • terminal.background#F6FBFF
  • terminal.foreground#071016
  • titleBar.activeBackground#F6FBFF
  • titleBar.activeForeground#071016
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F6FBFF
  • titleBar.inactiveForeground#07101660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EAF4FAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#007EA7bold
storage.type, storage.modifier#007EA7italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8FD8F7
string, punctuation.definition.string, string.template, meta.template.expression#2BBFD9
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E6B84A
variable, variable.other.readwrite, variable.other.object#071016
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#071016
variable.parameter, meta.parameter#071016dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#07101680
keyword.operator#071016
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2BBFD9bold
entity.other.inherited-class#8FD8F7
entity.name.tag, punctuation.definition.tag#007EA7
entity.other.attribute-name#8FD8F7
meta.diff, meta.diff.header#EAF4FA
markup.deleted#E6B84A
markup.inserted#8FD8F7
markup.changed#2BBFD9
markup.heading, markup.heading.setext, punctuation.definition.heading#8FD8F7bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2BBFD9
string.other.link.title, string.other.link.description#8FD8F7
markup.underline.link#EAF4FAunderline
punctuation.definition.list#007EA7
markup.quote, punctuation.definition.quote#EAF4FAitalic