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#FCFDFC
  • activityBar.border#00000015
  • activityBar.foreground#935C25
  • activityBar.inactiveForeground#1F232860
  • activityBarBadge.background#935C25
  • activityBarBadge.foreground#FCFDFC
  • button.background#935C25
  • button.foreground#FCFDFC
  • button.hoverBackground#935C25dd
  • editor.background#FCFDFC
  • editor.foreground#1F2328
  • editor.inactiveSelectionBackground#8336212580
  • editor.lineHighlightBackground#ECE0C550
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83362125
  • editorCursor.foreground#935C25
  • editorGroupHeader.tabsBackground#ECE0C5aa
  • editorLineNumber.activeForeground#935C25
  • editorLineNumber.foreground#F4E9E680
  • focusBorder#935C25
  • foreground#1F2328
  • input.background#ECE0C5
  • input.border#00000015
  • input.foreground#1F2328
  • input.placeholderForeground#1F232860
  • list.activeSelectionBackground#935C2530
  • list.activeSelectionForeground#1F2328
  • list.highlightForeground#935C25
  • list.hoverBackground#ECE0C540
  • list.hoverForeground#1F2328
  • list.inactiveSelectionBackground#935C2515
  • list.inactiveSelectionForeground#1F2328
  • selection.background#83362125
  • sideBar.background#ECE0C5
  • sideBar.border#00000015
  • sideBar.foreground#1F2328
  • sideBarSectionHeader.background#ECE0C580
  • sideBarSectionHeader.foreground#1F2328
  • sideBarTitle.foreground#935C25
  • statusBar.background#FCFDFC
  • statusBar.border#00000015
  • statusBar.foreground#1F2328
  • statusBar.noFolderBackground#FCFDFC
  • tab.activeBackground#FCFDFC
  • tab.activeBorderTop#935C25
  • tab.activeForeground#1F2328
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFC60
  • tab.inactiveForeground#1F232880
  • terminal.ansiBlack#1F2328
  • terminal.ansiBlue#833621
  • terminal.ansiCyan#2997A3
  • terminal.ansiGreen#935C25
  • terminal.ansiMagenta#764719
  • terminal.ansiRed#764719
  • terminal.ansiWhite#1F2328
  • terminal.ansiYellow#2997A3
  • terminal.background#FCFDFC
  • terminal.foreground#1F2328
  • titleBar.activeBackground#FCFDFC
  • titleBar.activeForeground#1F2328
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFC
  • titleBar.inactiveForeground#1F232860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F4E9E6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#833621bold
storage.type, storage.modifier#833621italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935C25
string, punctuation.definition.string, string.template, meta.template.expression#2997A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764719
variable, variable.other.readwrite, variable.other.object#1F2328
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1F2328
variable.parameter, meta.parameter#1F2328dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1F232880
keyword.operator#1F2328
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2997A3bold
entity.other.inherited-class#935C25
entity.name.tag, punctuation.definition.tag#833621
entity.other.attribute-name#935C25
meta.diff, meta.diff.header#F4E9E6
markup.deleted#764719
markup.inserted#935C25
markup.changed#2997A3
markup.heading, markup.heading.setext, punctuation.definition.heading#935C25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2997A3
string.other.link.title, string.other.link.description#935C25
markup.underline.link#F4E9E6underline
punctuation.definition.list#833621
markup.quote, punctuation.definition.quote#F4E9E6italic