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#FDFBF7
  • activityBar.border#00000015
  • activityBar.foreground#3D2593
  • activityBar.inactiveForeground#0A0A0D60
  • activityBarBadge.background#3D2593
  • activityBarBadge.foreground#FDFBF7
  • button.background#3D2593
  • button.foreground#FDFBF7
  • button.hoverBackground#3D2593dd
  • editor.background#FDFBF7
  • editor.foreground#0A0A0D
  • editor.inactiveSelectionBackground#834B212580
  • editor.lineHighlightBackground#F6F4FA50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#834B2125
  • editorCursor.foreground#3D2593
  • editorGroupHeader.tabsBackground#F6F4FAaa
  • editorLineNumber.activeForeground#3D2593
  • editorLineNumber.foreground#2B2B3080
  • focusBorder#3D2593
  • foreground#0A0A0D
  • input.background#F6F4FA
  • input.border#00000015
  • input.foreground#0A0A0D
  • input.placeholderForeground#0A0A0D60
  • list.activeSelectionBackground#3D259330
  • list.activeSelectionForeground#0A0A0D
  • list.highlightForeground#3D2593
  • list.hoverBackground#F6F4FA40
  • list.hoverForeground#0A0A0D
  • list.inactiveSelectionBackground#3D259315
  • list.inactiveSelectionForeground#0A0A0D
  • selection.background#834B2125
  • sideBar.background#F6F4FA
  • sideBar.border#00000015
  • sideBar.foreground#0A0A0D
  • sideBarSectionHeader.background#F6F4FA80
  • sideBarSectionHeader.foreground#0A0A0D
  • sideBarTitle.foreground#3D2593
  • statusBar.background#FDFBF7
  • statusBar.border#00000015
  • statusBar.foreground#0A0A0D
  • statusBar.noFolderBackground#FDFBF7
  • tab.activeBackground#FDFBF7
  • tab.activeBorderTop#3D2593
  • tab.activeForeground#0A0A0D
  • tab.border#00000015
  • tab.inactiveBackground#FDFBF760
  • tab.inactiveForeground#0A0A0D80
  • terminal.ansiBlack#0A0A0D
  • terminal.ansiBlue#834B21
  • terminal.ansiCyan#A36829
  • terminal.ansiGreen#3D2593
  • terminal.ansiMagenta#191976
  • terminal.ansiRed#191976
  • terminal.ansiWhite#0A0A0D
  • terminal.ansiYellow#A36829
  • terminal.background#FDFBF7
  • terminal.foreground#0A0A0D
  • titleBar.activeBackground#FDFBF7
  • titleBar.activeForeground#0A0A0D
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFBF7
  • titleBar.inactiveForeground#0A0A0D60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2B2B30italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834B21bold
storage.type, storage.modifier#834B21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#3D2593
string, punctuation.definition.string, string.template, meta.template.expression#A36829
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#191976
variable, variable.other.readwrite, variable.other.object#0A0A0D
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0A0A0D
variable.parameter, meta.parameter#0A0A0Ddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0A0A0D80
keyword.operator#0A0A0D
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#3D2593
entity.name.tag, punctuation.definition.tag#834B21
entity.other.attribute-name#3D2593
meta.diff, meta.diff.header#2B2B30
markup.deleted#191976
markup.inserted#3D2593
markup.changed#A36829
markup.heading, markup.heading.setext, punctuation.definition.heading#3D2593bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A36829
string.other.link.title, string.other.link.description#3D2593
markup.underline.link#2B2B30underline
punctuation.definition.list#834B21
markup.quote, punctuation.definition.quote#2B2B30italic