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#FAF6F0
  • activityBar.border#00000015
  • activityBar.foreground#935C25
  • activityBar.inactiveForeground#2f261f60
  • activityBarBadge.background#935C25
  • activityBarBadge.foreground#FAF6F0
  • button.background#935C25
  • button.foreground#FAF6F0
  • button.hoverBackground#935C25dd
  • editor.background#FAF6F0
  • editor.foreground#2f261f
  • editor.inactiveSelectionBackground#835B212580
  • editor.lineHighlightBackground#DDCFBB50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835B2125
  • editorCursor.foreground#935C25
  • editorGroupHeader.tabsBackground#DDCFBBaa
  • editorLineNumber.activeForeground#935C25
  • editorLineNumber.foreground#ead8bd80
  • focusBorder#935C25
  • foreground#2f261f
  • input.background#DDCFBB
  • input.border#00000015
  • input.foreground#2f261f
  • input.placeholderForeground#2f261f60
  • list.activeSelectionBackground#935C2530
  • list.activeSelectionForeground#2f261f
  • list.highlightForeground#935C25
  • list.hoverBackground#DDCFBB40
  • list.hoverForeground#2f261f
  • list.inactiveSelectionBackground#935C2515
  • list.inactiveSelectionForeground#2f261f
  • selection.background#835B2125
  • sideBar.background#DDCFBB
  • sideBar.border#00000015
  • sideBar.foreground#2f261f
  • sideBarSectionHeader.background#DDCFBB80
  • sideBarSectionHeader.foreground#2f261f
  • sideBarTitle.foreground#935C25
  • statusBar.background#FAF6F0
  • statusBar.border#00000015
  • statusBar.foreground#2f261f
  • statusBar.noFolderBackground#FAF6F0
  • tab.activeBackground#FAF6F0
  • tab.activeBorderTop#935C25
  • tab.activeForeground#2f261f
  • tab.border#00000015
  • tab.inactiveBackground#FAF6F060
  • tab.inactiveForeground#2f261f80
  • terminal.ansiBlack#2f261f
  • terminal.ansiBlue#835B21
  • terminal.ansiCyan#A34529
  • terminal.ansiGreen#935C25
  • terminal.ansiMagenta#763D19
  • terminal.ansiRed#763D19
  • terminal.ansiWhite#2f261f
  • terminal.ansiYellow#A34529
  • terminal.background#FAF6F0
  • terminal.foreground#2f261f
  • titleBar.activeBackground#FAF6F0
  • titleBar.activeForeground#2f261f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF6F0
  • titleBar.inactiveForeground#2f261f60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#ead8bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835B21bold
storage.type, storage.modifier#835B21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935C25
string, punctuation.definition.string, string.template, meta.template.expression#A34529
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763D19
variable, variable.other.readwrite, variable.other.object#2f261f
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2f261f
variable.parameter, meta.parameter#2f261fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2f261f80
keyword.operator#2f261f
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A34529bold
entity.other.inherited-class#935C25
entity.name.tag, punctuation.definition.tag#835B21
entity.other.attribute-name#935C25
meta.diff, meta.diff.header#ead8bd
markup.deleted#763D19
markup.inserted#935C25
markup.changed#A34529
markup.heading, markup.heading.setext, punctuation.definition.heading#935C25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A34529
string.other.link.title, string.other.link.description#935C25
markup.underline.link#ead8bdunderline
punctuation.definition.list#835B21
markup.quote, punctuation.definition.quote#ead8bditalic