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#FCFCFC
  • activityBar.border#00000015
  • activityBar.foreground#259361
  • activityBar.inactiveForeground#33415560
  • activityBarBadge.background#259361
  • activityBarBadge.foreground#FCFCFC
  • button.background#259361
  • button.foreground#FCFCFC
  • button.hoverBackground#259361dd
  • editor.background#FCFCFC
  • editor.foreground#334155
  • editor.inactiveSelectionBackground#8365212580
  • editor.lineHighlightBackground#F5F7FA50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83652125
  • editorCursor.foreground#259361
  • editorGroupHeader.tabsBackground#F5F7FAaa
  • editorLineNumber.activeForeground#259361
  • editorLineNumber.foreground#6A7F4A80
  • focusBorder#259361
  • foreground#334155
  • input.background#F5F7FA
  • input.border#00000015
  • input.foreground#334155
  • input.placeholderForeground#33415560
  • list.activeSelectionBackground#25936130
  • list.activeSelectionForeground#334155
  • list.highlightForeground#259361
  • list.hoverBackground#F5F7FA40
  • list.hoverForeground#334155
  • list.inactiveSelectionBackground#25936115
  • list.inactiveSelectionForeground#334155
  • selection.background#83652125
  • sideBar.background#F5F7FA
  • sideBar.border#00000015
  • sideBar.foreground#334155
  • sideBarSectionHeader.background#F5F7FA80
  • sideBarSectionHeader.foreground#334155
  • sideBarTitle.foreground#259361
  • statusBar.background#FCFCFC
  • statusBar.border#00000015
  • statusBar.foreground#334155
  • statusBar.noFolderBackground#FCFCFC
  • tab.activeBackground#FCFCFC
  • tab.activeBorderTop#259361
  • tab.activeForeground#334155
  • tab.border#00000015
  • tab.inactiveBackground#FCFCFC60
  • tab.inactiveForeground#33415580
  • terminal.ansiBlack#334155
  • terminal.ansiBlue#836521
  • terminal.ansiCyan#29A35E
  • terminal.ansiGreen#259361
  • terminal.ansiMagenta#765F19
  • terminal.ansiRed#765F19
  • terminal.ansiWhite#334155
  • terminal.ansiYellow#29A35E
  • terminal.background#FCFCFC
  • terminal.foreground#334155
  • titleBar.activeBackground#FCFCFC
  • titleBar.activeForeground#334155
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFCFC
  • titleBar.inactiveForeground#33415560
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6A7F4Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836521bold
storage.type, storage.modifier#836521italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259361
string, punctuation.definition.string, string.template, meta.template.expression#29A35E
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765F19
variable, variable.other.readwrite, variable.other.object#334155
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#334155
variable.parameter, meta.parameter#334155dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#33415580
keyword.operator#334155
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A35Ebold
entity.other.inherited-class#259361
entity.name.tag, punctuation.definition.tag#836521
entity.other.attribute-name#259361
meta.diff, meta.diff.header#6A7F4A
markup.deleted#765F19
markup.inserted#259361
markup.changed#29A35E
markup.heading, markup.heading.setext, punctuation.definition.heading#259361bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A35E
string.other.link.title, string.other.link.description#259361
markup.underline.link#6A7F4Aunderline
punctuation.definition.list#836521
markup.quote, punctuation.definition.quote#6A7F4Aitalic