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#F0E9E1
  • activityBar.border#00000015
  • activityBar.foreground#8B5E34
  • activityBar.inactiveForeground#24181160
  • activityBarBadge.background#8B5E34
  • activityBarBadge.foreground#F0E9E1
  • button.background#8B5E34
  • button.foreground#F0E9E1
  • button.hoverBackground#8B5E34dd
  • editor.background#F0E9E1
  • editor.foreground#241811
  • editor.inactiveSelectionBackground#c79a682580
  • editor.lineHighlightBackground#FFFFFF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#c79a6825
  • editorCursor.foreground#8B5E34
  • editorGroupHeader.tabsBackground#FFFFFFaa
  • editorLineNumber.activeForeground#8B5E34
  • editorLineNumber.foreground#d8c4a680
  • focusBorder#8B5E34
  • foreground#241811
  • input.background#FFFFFF
  • input.border#00000015
  • input.foreground#241811
  • input.placeholderForeground#24181160
  • list.activeSelectionBackground#8B5E3430
  • list.activeSelectionForeground#241811
  • list.highlightForeground#8B5E34
  • list.hoverBackground#FFFFFF40
  • list.hoverForeground#241811
  • list.inactiveSelectionBackground#8B5E3415
  • list.inactiveSelectionForeground#241811
  • selection.background#c79a6825
  • sideBar.background#FFFFFF
  • sideBar.border#00000015
  • sideBar.foreground#241811
  • sideBarSectionHeader.background#FFFFFF80
  • sideBarSectionHeader.foreground#241811
  • sideBarTitle.foreground#8B5E34
  • statusBar.background#F0E9E1
  • statusBar.border#00000015
  • statusBar.foreground#241811
  • statusBar.noFolderBackground#F0E9E1
  • tab.activeBackground#F0E9E1
  • tab.activeBorderTop#8B5E34
  • tab.activeForeground#241811
  • tab.border#00000015
  • tab.inactiveBackground#F0E9E160
  • tab.inactiveForeground#24181180
  • terminal.ansiBlack#241811
  • terminal.ansiBlue#c79a68
  • terminal.ansiCyan#2E7D32
  • terminal.ansiGreen#8B5E34
  • terminal.ansiMagenta#43A047
  • terminal.ansiRed#43A047
  • terminal.ansiWhite#241811
  • terminal.ansiYellow#2E7D32
  • terminal.background#F0E9E1
  • terminal.foreground#241811
  • titleBar.activeBackground#F0E9E1
  • titleBar.activeForeground#241811
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F0E9E1
  • titleBar.inactiveForeground#24181160
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d8c4a6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#c79a68bold
storage.type, storage.modifier#c79a68italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8B5E34
string, punctuation.definition.string, string.template, meta.template.expression#2E7D32
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#43A047
variable, variable.other.readwrite, variable.other.object#241811
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#241811
variable.parameter, meta.parameter#241811dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#24181180
keyword.operator#241811
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2E7D32bold
entity.other.inherited-class#8B5E34
entity.name.tag, punctuation.definition.tag#c79a68
entity.other.attribute-name#8B5E34
meta.diff, meta.diff.header#d8c4a6
markup.deleted#43A047
markup.inserted#8B5E34
markup.changed#2E7D32
markup.heading, markup.heading.setext, punctuation.definition.heading#8B5E34bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2E7D32
string.other.link.title, string.other.link.description#8B5E34
markup.underline.link#d8c4a6underline
punctuation.definition.list#c79a68
markup.quote, punctuation.definition.quote#d8c4a6italic