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#935325
  • activityBar.inactiveForeground#0D0D0D60
  • activityBarBadge.background#935325
  • activityBarBadge.foreground#FDFDFC
  • button.background#935325
  • button.foreground#FDFDFC
  • button.hoverBackground#935325dd
  • editor.background#FDFDFC
  • editor.foreground#0D0D0D
  • editor.inactiveSelectionBackground#2183742580
  • editor.lineHighlightBackground#F2F8F650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21837425
  • editorCursor.foreground#935325
  • editorGroupHeader.tabsBackground#F2F8F6aa
  • editorLineNumber.activeForeground#935325
  • editorLineNumber.foreground#8b9a9280
  • focusBorder#935325
  • foreground#0D0D0D
  • input.background#F2F8F6
  • input.border#00000015
  • input.foreground#0D0D0D
  • input.placeholderForeground#0D0D0D60
  • list.activeSelectionBackground#93532530
  • list.activeSelectionForeground#0D0D0D
  • list.highlightForeground#935325
  • list.hoverBackground#F2F8F640
  • list.hoverForeground#0D0D0D
  • list.inactiveSelectionBackground#93532515
  • list.inactiveSelectionForeground#0D0D0D
  • selection.background#21837425
  • sideBar.background#F2F8F6
  • sideBar.border#00000015
  • sideBar.foreground#0D0D0D
  • sideBarSectionHeader.background#F2F8F680
  • sideBarSectionHeader.foreground#0D0D0D
  • sideBarTitle.foreground#935325
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#0D0D0D
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#935325
  • tab.activeForeground#0D0D0D
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#0D0D0D80
  • terminal.ansiBlack#0D0D0D
  • terminal.ansiBlue#218374
  • terminal.ansiCyan#A34129
  • terminal.ansiGreen#935325
  • terminal.ansiMagenta#767619
  • terminal.ansiRed#767619
  • terminal.ansiWhite#0D0D0D
  • terminal.ansiYellow#A34129
  • terminal.background#FDFDFC
  • terminal.foreground#0D0D0D
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#0D0D0D
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#0D0D0D60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8b9a92italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#218374bold
storage.type, storage.modifier#218374italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935325
string, punctuation.definition.string, string.template, meta.template.expression#A34129
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#767619
variable, variable.other.readwrite, variable.other.object#0D0D0D
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0D0D0D
variable.parameter, meta.parameter#0D0D0Ddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0D0D0D80
keyword.operator#0D0D0D
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A34129bold
entity.other.inherited-class#935325
entity.name.tag, punctuation.definition.tag#218374
entity.other.attribute-name#935325
meta.diff, meta.diff.header#8b9a92
markup.deleted#767619
markup.inserted#935325
markup.changed#A34129
markup.heading, markup.heading.setext, punctuation.definition.heading#935325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A34129
string.other.link.title, string.other.link.description#935325
markup.underline.link#8b9a92underline
punctuation.definition.list#218374
markup.quote, punctuation.definition.quote#8b9a92italic