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#FDFDFC
  • activityBar.border#00000015
  • activityBar.foreground#539325
  • activityBar.inactiveForeground#1F2A2260
  • activityBarBadge.background#539325
  • activityBarBadge.foreground#FDFDFC
  • button.background#539325
  • button.foreground#FDFDFC
  • button.hoverBackground#539325dd
  • editor.background#FDFDFC
  • editor.foreground#1F2A22
  • editor.inactiveSelectionBackground#2183452580
  • editor.lineHighlightBackground#EFF3EC50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21834525
  • editorCursor.foreground#539325
  • editorGroupHeader.tabsBackground#EFF3ECaa
  • editorLineNumber.activeForeground#539325
  • editorLineNumber.foreground#B9C3BA80
  • focusBorder#539325
  • foreground#1F2A22
  • input.background#EFF3EC
  • input.border#00000015
  • input.foreground#1F2A22
  • input.placeholderForeground#1F2A2260
  • list.activeSelectionBackground#53932530
  • list.activeSelectionForeground#1F2A22
  • list.highlightForeground#539325
  • list.hoverBackground#EFF3EC40
  • list.hoverForeground#1F2A22
  • list.inactiveSelectionBackground#53932515
  • list.inactiveSelectionForeground#1F2A22
  • selection.background#21834525
  • sideBar.background#EFF3EC
  • sideBar.border#00000015
  • sideBar.foreground#1F2A22
  • sideBarSectionHeader.background#EFF3EC80
  • sideBarSectionHeader.foreground#1F2A22
  • sideBarTitle.foreground#539325
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#1F2A22
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#539325
  • tab.activeForeground#1F2A22
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#1F2A2280
  • terminal.ansiBlack#1F2A22
  • terminal.ansiBlue#218345
  • terminal.ansiCyan#A36829
  • terminal.ansiGreen#539325
  • terminal.ansiMagenta#467619
  • terminal.ansiRed#467619
  • terminal.ansiWhite#1F2A22
  • terminal.ansiYellow#A36829
  • terminal.background#FDFDFC
  • terminal.foreground#1F2A22
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#1F2A22
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#1F2A2260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B9C3BAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#218345bold
storage.type, storage.modifier#218345italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#539325
string, punctuation.definition.string, string.template, meta.template.expression#A36829
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#467619
variable, variable.other.readwrite, variable.other.object#1F2A22
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1F2A22
variable.parameter, meta.parameter#1F2A22dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1F2A2280
keyword.operator#1F2A22
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A36829bold
entity.other.inherited-class#539325
entity.name.tag, punctuation.definition.tag#218345
entity.other.attribute-name#539325
meta.diff, meta.diff.header#B9C3BA
markup.deleted#467619
markup.inserted#539325
markup.changed#A36829
markup.heading, markup.heading.setext, punctuation.definition.heading#539325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A36829
string.other.link.title, string.other.link.description#539325
markup.underline.link#B9C3BAunderline
punctuation.definition.list#218345
markup.quote, punctuation.definition.quote#B9C3BAitalic