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#053039
  • activityBar.border#ffffff15
  • activityBar.foreground#679DE9
  • activityBar.inactiveForeground#F8FBF760
  • activityBarBadge.background#679DE9
  • activityBarBadge.foreground#053039
  • button.background#679DE9
  • button.foreground#053039
  • button.hoverBackground#679DE9dd
  • editor.background#053039
  • editor.foreground#F8FBF7
  • editor.inactiveSelectionBackground#79ECBE3580
  • editor.lineHighlightBackground#10161840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECBE35
  • editorCursor.foreground#679DE9
  • editorGroupHeader.tabsBackground#053039dd
  • editorLineNumber.activeForeground#679DE9
  • editorLineNumber.foreground#B7793E80
  • focusBorder#679DE9
  • foreground#F8FBF7
  • input.background#101618
  • input.border#ffffff15
  • input.foreground#F8FBF7
  • input.placeholderForeground#F8FBF760
  • list.activeSelectionBackground#679DE930
  • list.activeSelectionForeground#F8FBF7
  • list.highlightForeground#679DE9
  • list.hoverBackground#10161840
  • list.hoverForeground#F8FBF7
  • list.inactiveSelectionBackground#679DE915
  • list.inactiveSelectionForeground#F8FBF7
  • selection.background#79ECBE35
  • sideBar.background#101618
  • sideBar.border#ffffff15
  • sideBar.foreground#F8FBF7
  • sideBarSectionHeader.background#05303980
  • sideBarSectionHeader.foreground#F8FBF7
  • sideBarTitle.foreground#679DE9
  • statusBar.background#053039
  • statusBar.border#ffffff15
  • statusBar.foreground#F8FBF7
  • statusBar.noFolderBackground#053039
  • tab.activeBackground#053039
  • tab.activeBorderTop#679DE9
  • tab.activeForeground#F8FBF7
  • tab.border#ffffff15
  • tab.inactiveBackground#10161860
  • tab.inactiveForeground#F8FBF780
  • terminal.ansiBlack#053039
  • terminal.ansiBlue#79ECBE
  • terminal.ansiCyan#E79055
  • terminal.ansiGreen#679DE9
  • terminal.ansiMagenta#83E8F1
  • terminal.ansiRed#83E8F1
  • terminal.ansiWhite#F8FBF7
  • terminal.ansiYellow#E79055
  • terminal.background#053039
  • terminal.foreground#F8FBF7
  • titleBar.activeBackground#053039
  • titleBar.activeForeground#F8FBF7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#053039
  • titleBar.inactiveForeground#F8FBF760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7793Eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECBEbold
storage.type, storage.modifier#79ECBEitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#679DE9
string, punctuation.definition.string, string.template, meta.template.expression#E79055
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83E8F1
variable, variable.other.readwrite, variable.other.object#F8FBF7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F8FBF7
variable.parameter, meta.parameter#F8FBF7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F8FBF780
keyword.operator#F8FBF7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E79055bold
entity.other.inherited-class#679DE9
entity.name.tag, punctuation.definition.tag#79ECBE
entity.other.attribute-name#679DE9
meta.diff, meta.diff.header#B7793E
markup.deleted#83E8F1
markup.inserted#679DE9
markup.changed#E79055
markup.heading, markup.heading.setext, punctuation.definition.heading#679DE9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E79055
string.other.link.title, string.other.link.description#679DE9
markup.underline.link#B7793Eunderline
punctuation.definition.list#79ECBE
markup.quote, punctuation.definition.quote#B7793Eitalic