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

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#FBF9F3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FBF9F3
variable.parameter, meta.parameter#FBF9F3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FBF9F380
keyword.operator#FBF9F3
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