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#F9F6F1
  • activityBar.border#00000015
  • activityBar.foreground#259374
  • activityBar.inactiveForeground#15171960
  • activityBarBadge.background#259374
  • activityBarBadge.foreground#F9F6F1
  • button.background#259374
  • button.foreground#F9F6F1
  • button.hoverBackground#259374dd
  • editor.background#F9F6F1
  • editor.foreground#151719
  • editor.inactiveSelectionBackground#8362212580
  • editor.lineHighlightBackground#C0B2A050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83622125
  • editorCursor.foreground#259374
  • editorGroupHeader.tabsBackground#C0B2A0aa
  • editorLineNumber.activeForeground#259374
  • editorLineNumber.foreground#9c978d80
  • focusBorder#259374
  • foreground#151719
  • input.background#C0B2A0
  • input.border#00000015
  • input.foreground#151719
  • input.placeholderForeground#15171960
  • list.activeSelectionBackground#25937430
  • list.activeSelectionForeground#151719
  • list.highlightForeground#259374
  • list.hoverBackground#C0B2A040
  • list.hoverForeground#151719
  • list.inactiveSelectionBackground#25937415
  • list.inactiveSelectionForeground#151719
  • selection.background#83622125
  • sideBar.background#C0B2A0
  • sideBar.border#00000015
  • sideBar.foreground#151719
  • sideBarSectionHeader.background#C0B2A080
  • sideBarSectionHeader.foreground#151719
  • sideBarTitle.foreground#259374
  • statusBar.background#F9F6F1
  • statusBar.border#00000015
  • statusBar.foreground#151719
  • statusBar.noFolderBackground#F9F6F1
  • tab.activeBackground#F9F6F1
  • tab.activeBorderTop#259374
  • tab.activeForeground#151719
  • tab.border#00000015
  • tab.inactiveBackground#F9F6F160
  • tab.inactiveForeground#15171980
  • terminal.ansiBlack#151719
  • terminal.ansiBlue#836221
  • terminal.ansiCyan#29A343
  • terminal.ansiGreen#259374
  • terminal.ansiMagenta#762A19
  • terminal.ansiRed#762A19
  • terminal.ansiWhite#151719
  • terminal.ansiYellow#29A343
  • terminal.background#F9F6F1
  • terminal.foreground#151719
  • titleBar.activeBackground#F9F6F1
  • titleBar.activeForeground#151719
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F9F6F1
  • titleBar.inactiveForeground#15171960
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9c978ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836221bold
storage.type, storage.modifier#836221italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259374
string, punctuation.definition.string, string.template, meta.template.expression#29A343
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#762A19
variable, variable.other.readwrite, variable.other.object#151719
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#151719
variable.parameter, meta.parameter#151719dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#15171980
keyword.operator#151719
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A343bold
entity.other.inherited-class#259374
entity.name.tag, punctuation.definition.tag#836221
entity.other.attribute-name#259374
meta.diff, meta.diff.header#9c978d
markup.deleted#762A19
markup.inserted#259374
markup.changed#29A343
markup.heading, markup.heading.setext, punctuation.definition.heading#259374bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A343
string.other.link.title, string.other.link.description#259374
markup.underline.link#9c978dunderline
punctuation.definition.list#836221
markup.quote, punctuation.definition.quote#9c978ditalic