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#f6efe3
  • activityBar.border#00000015
  • activityBar.foreground#c99a6a
  • activityBar.inactiveForeground#2f261f60
  • activityBarBadge.background#c99a6a
  • activityBarBadge.foreground#f6efe3
  • button.background#c99a6a
  • button.foreground#f6efe3
  • button.hoverBackground#c99a6add
  • editor.background#f6efe3
  • editor.foreground#2f261f
  • editor.inactiveSelectionBackground#ead8bd2580
  • editor.lineHighlightBackground#d8c8b250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ead8bd25
  • editorCursor.foreground#c99a6a
  • editorGroupHeader.tabsBackground#d8c8b2aa
  • editorLineNumber.activeForeground#c99a6a
  • editorLineNumber.foreground#ead8bd80
  • focusBorder#c99a6a
  • foreground#2f261f
  • input.background#d8c8b2
  • input.border#00000015
  • input.foreground#2f261f
  • input.placeholderForeground#2f261f60
  • list.activeSelectionBackground#c99a6a30
  • list.activeSelectionForeground#2f261f
  • list.highlightForeground#c99a6a
  • list.hoverBackground#d8c8b240
  • list.hoverForeground#2f261f
  • list.inactiveSelectionBackground#c99a6a15
  • list.inactiveSelectionForeground#2f261f
  • selection.background#ead8bd25
  • sideBar.background#d8c8b2
  • sideBar.border#00000015
  • sideBar.foreground#2f261f
  • sideBarSectionHeader.background#d8c8b280
  • sideBarSectionHeader.foreground#2f261f
  • sideBarTitle.foreground#c99a6a
  • statusBar.background#f6efe3
  • statusBar.border#00000015
  • statusBar.foreground#2f261f
  • statusBar.noFolderBackground#f6efe3
  • tab.activeBackground#f6efe3
  • tab.activeBorderTop#c99a6a
  • tab.activeForeground#2f261f
  • tab.border#00000015
  • tab.inactiveBackground#f6efe360
  • tab.inactiveForeground#2f261f80
  • terminal.ansiBlack#2f261f
  • terminal.ansiBlue#ead8bd
  • terminal.ansiCyan#b98272
  • terminal.ansiGreen#c99a6a
  • terminal.ansiMagenta#766052
  • terminal.ansiRed#766052
  • terminal.ansiWhite#2f261f
  • terminal.ansiYellow#b98272
  • terminal.background#f6efe3
  • terminal.foreground#2f261f
  • titleBar.activeBackground#f6efe3
  • titleBar.activeForeground#2f261f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f6efe3
  • 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#ead8bdbold
storage.type, storage.modifier#ead8bditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#c99a6a
string, punctuation.definition.string, string.template, meta.template.expression#b98272
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#766052
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#b98272bold
entity.other.inherited-class#c99a6a
entity.name.tag, punctuation.definition.tag#ead8bd
entity.other.attribute-name#c99a6a
meta.diff, meta.diff.header#ead8bd
markup.deleted#766052
markup.inserted#c99a6a
markup.changed#b98272
markup.heading, markup.heading.setext, punctuation.definition.heading#c99a6abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#b98272
string.other.link.title, string.other.link.description#c99a6a
markup.underline.link#ead8bdunderline
punctuation.definition.list#ead8bd
markup.quote, punctuation.definition.quote#ead8bditalic