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#FBFAF8
  • activityBar.border#00000015
  • activityBar.foreground#932530
  • activityBar.inactiveForeground#12183560
  • activityBarBadge.background#932530
  • activityBarBadge.foreground#FBFAF8
  • button.background#932530
  • button.foreground#FBFAF8
  • button.hoverBackground#932530dd
  • editor.background#FBFAF8
  • editor.foreground#121835
  • editor.inactiveSelectionBackground#8321312580
  • editor.lineHighlightBackground#DED9D350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83213125
  • editorCursor.foreground#932530
  • editorGroupHeader.tabsBackground#DED9D3aa
  • editorLineNumber.activeForeground#932530
  • editorLineNumber.foreground#DCE4EA80
  • focusBorder#932530
  • foreground#121835
  • input.background#DED9D3
  • input.border#00000015
  • input.foreground#121835
  • input.placeholderForeground#12183560
  • list.activeSelectionBackground#93253030
  • list.activeSelectionForeground#121835
  • list.highlightForeground#932530
  • list.hoverBackground#DED9D340
  • list.hoverForeground#121835
  • list.inactiveSelectionBackground#93253015
  • list.inactiveSelectionForeground#121835
  • selection.background#83213125
  • sideBar.background#DED9D3
  • sideBar.border#00000015
  • sideBar.foreground#121835
  • sideBarSectionHeader.background#DED9D380
  • sideBarSectionHeader.foreground#121835
  • sideBarTitle.foreground#932530
  • statusBar.background#FBFAF8
  • statusBar.border#00000015
  • statusBar.foreground#121835
  • statusBar.noFolderBackground#FBFAF8
  • tab.activeBackground#FBFAF8
  • tab.activeBorderTop#932530
  • tab.activeForeground#121835
  • tab.border#00000015
  • tab.inactiveBackground#FBFAF860
  • tab.inactiveForeground#12183580
  • terminal.ansiBlack#121835
  • terminal.ansiBlue#832131
  • terminal.ansiCyan#2993A3
  • terminal.ansiGreen#932530
  • terminal.ansiMagenta#761924
  • terminal.ansiRed#761924
  • terminal.ansiWhite#121835
  • terminal.ansiYellow#2993A3
  • terminal.background#FBFAF8
  • terminal.foreground#121835
  • titleBar.activeBackground#FBFAF8
  • titleBar.activeForeground#121835
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBFAF8
  • titleBar.inactiveForeground#12183560
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DCE4EAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#832131bold
storage.type, storage.modifier#832131italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932530
string, punctuation.definition.string, string.template, meta.template.expression#2993A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761924
variable, variable.other.readwrite, variable.other.object#121835
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#121835
variable.parameter, meta.parameter#121835dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#12183580
keyword.operator#121835
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2993A3bold
entity.other.inherited-class#932530
entity.name.tag, punctuation.definition.tag#832131
entity.other.attribute-name#932530
meta.diff, meta.diff.header#DCE4EA
markup.deleted#761924
markup.inserted#932530
markup.changed#2993A3
markup.heading, markup.heading.setext, punctuation.definition.heading#932530bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2993A3
string.other.link.title, string.other.link.description#932530
markup.underline.link#DCE4EAunderline
punctuation.definition.list#832131
markup.quote, punctuation.definition.quote#DCE4EAitalic