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#FEFDFB
  • activityBar.border#00000015
  • activityBar.foreground#935325
  • activityBar.inactiveForeground#3A2A3660
  • activityBarBadge.background#935325
  • activityBarBadge.foreground#FEFDFB
  • button.background#935325
  • button.foreground#FEFDFB
  • button.hoverBackground#935325dd
  • editor.background#FEFDFB
  • editor.foreground#3A2A36
  • editor.inactiveSelectionBackground#8356212580
  • editor.lineHighlightBackground#F7F8F650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83562125
  • editorCursor.foreground#935325
  • editorGroupHeader.tabsBackground#F7F8F6aa
  • editorLineNumber.activeForeground#935325
  • editorLineNumber.foreground#dde4d880
  • focusBorder#935325
  • foreground#3A2A36
  • input.background#F7F8F6
  • input.border#00000015
  • input.foreground#3A2A36
  • input.placeholderForeground#3A2A3660
  • list.activeSelectionBackground#93532530
  • list.activeSelectionForeground#3A2A36
  • list.highlightForeground#935325
  • list.hoverBackground#F7F8F640
  • list.hoverForeground#3A2A36
  • list.inactiveSelectionBackground#93532515
  • list.inactiveSelectionForeground#3A2A36
  • selection.background#83562125
  • sideBar.background#F7F8F6
  • sideBar.border#00000015
  • sideBar.foreground#3A2A36
  • sideBarSectionHeader.background#F7F8F680
  • sideBarSectionHeader.foreground#3A2A36
  • sideBarTitle.foreground#935325
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#3A2A36
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#935325
  • tab.activeForeground#3A2A36
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#3A2A3680
  • terminal.ansiBlack#3A2A36
  • terminal.ansiBlue#835621
  • terminal.ansiCyan#49A329
  • terminal.ansiGreen#935325
  • terminal.ansiMagenta#197643
  • terminal.ansiRed#197643
  • terminal.ansiWhite#3A2A36
  • terminal.ansiYellow#49A329
  • terminal.background#FEFDFB
  • terminal.foreground#3A2A36
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#3A2A36
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#3A2A3660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#dde4d8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835621bold
storage.type, storage.modifier#835621italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935325
string, punctuation.definition.string, string.template, meta.template.expression#49A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197643
variable, variable.other.readwrite, variable.other.object#3A2A36
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#3A2A36
variable.parameter, meta.parameter#3A2A36dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#3A2A3680
keyword.operator#3A2A36
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#49A329bold
entity.other.inherited-class#935325
entity.name.tag, punctuation.definition.tag#835621
entity.other.attribute-name#935325
meta.diff, meta.diff.header#dde4d8
markup.deleted#197643
markup.inserted#935325
markup.changed#49A329
markup.heading, markup.heading.setext, punctuation.definition.heading#935325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#49A329
string.other.link.title, string.other.link.description#935325
markup.underline.link#dde4d8underline
punctuation.definition.list#835621
markup.quote, punctuation.definition.quote#dde4d8italic