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#FBF9F3
  • activityBar.border#00000015
  • activityBar.foreground#D9B880
  • activityBar.inactiveForeground#2B2B2660
  • activityBarBadge.background#D9B880
  • activityBarBadge.foreground#FBF9F3
  • button.background#D9B880
  • button.foreground#FBF9F3
  • button.hoverBackground#D9B880dd
  • editor.background#FBF9F3
  • editor.foreground#2B2B26
  • editor.inactiveSelectionBackground#B47B502580
  • editor.lineHighlightBackground#F3E7C850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#B47B5025
  • editorCursor.foreground#D9B880
  • editorGroupHeader.tabsBackground#F3E7C8aa
  • editorLineNumber.activeForeground#D9B880
  • editorLineNumber.foreground#E7DCC080
  • focusBorder#D9B880
  • foreground#2B2B26
  • input.background#F3E7C8
  • input.border#00000015
  • input.foreground#2B2B26
  • input.placeholderForeground#2B2B2660
  • list.activeSelectionBackground#D9B88030
  • list.activeSelectionForeground#2B2B26
  • list.highlightForeground#D9B880
  • list.hoverBackground#F3E7C840
  • list.hoverForeground#2B2B26
  • list.inactiveSelectionBackground#D9B88015
  • list.inactiveSelectionForeground#2B2B26
  • selection.background#B47B5025
  • sideBar.background#F3E7C8
  • sideBar.border#00000015
  • sideBar.foreground#2B2B26
  • sideBarSectionHeader.background#F3E7C880
  • sideBarSectionHeader.foreground#2B2B26
  • sideBarTitle.foreground#D9B880
  • statusBar.background#FBF9F3
  • statusBar.border#00000015
  • statusBar.foreground#2B2B26
  • statusBar.noFolderBackground#FBF9F3
  • tab.activeBackground#FBF9F3
  • tab.activeBorderTop#D9B880
  • tab.activeForeground#2B2B26
  • tab.border#00000015
  • tab.inactiveBackground#FBF9F360
  • tab.inactiveForeground#2B2B2680
  • terminal.ansiBlack#2B2B26
  • terminal.ansiBlue#B47B50
  • terminal.ansiCyan#7BAA3A
  • terminal.ansiGreen#D9B880
  • terminal.ansiMagenta#E88A9C
  • terminal.ansiRed#E88A9C
  • terminal.ansiWhite#2B2B26
  • terminal.ansiYellow#7BAA3A
  • terminal.background#FBF9F3
  • terminal.foreground#2B2B26
  • titleBar.activeBackground#FBF9F3
  • titleBar.activeForeground#2B2B26
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBF9F3
  • titleBar.inactiveForeground#2B2B2660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E7DCC0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#B47B50bold
storage.type, storage.modifier#B47B50italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D9B880
string, punctuation.definition.string, string.template, meta.template.expression#7BAA3A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E88A9C
variable, variable.other.readwrite, variable.other.object#2B2B26
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2B26
variable.parameter, meta.parameter#2B2B26dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2B2680
keyword.operator#2B2B26
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7BAA3Abold
entity.other.inherited-class#D9B880
entity.name.tag, punctuation.definition.tag#B47B50
entity.other.attribute-name#D9B880
meta.diff, meta.diff.header#E7DCC0
markup.deleted#E88A9C
markup.inserted#D9B880
markup.changed#7BAA3A
markup.heading, markup.heading.setext, punctuation.definition.heading#D9B880bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7BAA3A
string.other.link.title, string.other.link.description#D9B880
markup.underline.link#E7DCC0underline
punctuation.definition.list#B47B50
markup.quote, punctuation.definition.quote#E7DCC0italic