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#F7F0DD
  • activityBar.border#00000015
  • activityBar.foreground#A9472F
  • activityBar.inactiveForeground#1F2A1C60
  • activityBarBadge.background#A9472F
  • activityBarBadge.foreground#F7F0DD
  • button.background#A9472F
  • button.foreground#F7F0DD
  • button.hoverBackground#A9472Fdd
  • editor.background#F7F0DD
  • editor.foreground#1F2A1C
  • editor.inactiveSelectionBackground#7F2F262580
  • editor.lineHighlightBackground#FFF9EA50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#7F2F2625
  • editorCursor.foreground#A9472F
  • editorGroupHeader.tabsBackground#FFF9EAaa
  • editorLineNumber.activeForeground#A9472F
  • editorLineNumber.foreground#CDBB9B80
  • focusBorder#A9472F
  • foreground#1F2A1C
  • input.background#FFF9EA
  • input.border#00000015
  • input.foreground#1F2A1C
  • input.placeholderForeground#1F2A1C60
  • list.activeSelectionBackground#A9472F30
  • list.activeSelectionForeground#1F2A1C
  • list.highlightForeground#A9472F
  • list.hoverBackground#FFF9EA40
  • list.hoverForeground#1F2A1C
  • list.inactiveSelectionBackground#A9472F15
  • list.inactiveSelectionForeground#1F2A1C
  • selection.background#7F2F2625
  • sideBar.background#FFF9EA
  • sideBar.border#00000015
  • sideBar.foreground#1F2A1C
  • sideBarSectionHeader.background#FFF9EA80
  • sideBarSectionHeader.foreground#1F2A1C
  • sideBarTitle.foreground#A9472F
  • statusBar.background#F7F0DD
  • statusBar.border#00000015
  • statusBar.foreground#1F2A1C
  • statusBar.noFolderBackground#F7F0DD
  • tab.activeBackground#F7F0DD
  • tab.activeBorderTop#A9472F
  • tab.activeForeground#1F2A1C
  • tab.border#00000015
  • tab.inactiveBackground#F7F0DD60
  • tab.inactiveForeground#1F2A1C80
  • terminal.ansiBlack#1F2A1C
  • terminal.ansiBlue#7F2F26
  • terminal.ansiCyan#5E7D35
  • terminal.ansiGreen#A9472F
  • terminal.ansiMagenta#2F5C35
  • terminal.ansiRed#2F5C35
  • terminal.ansiWhite#1F2A1C
  • terminal.ansiYellow#5E7D35
  • terminal.background#F7F0DD
  • terminal.foreground#1F2A1C
  • titleBar.activeBackground#F7F0DD
  • titleBar.activeForeground#1F2A1C
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F0DD
  • titleBar.inactiveForeground#1F2A1C60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#CDBB9Bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#7F2F26bold
storage.type, storage.modifier#7F2F26italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#A9472F
string, punctuation.definition.string, string.template, meta.template.expression#5E7D35
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2F5C35
variable, variable.other.readwrite, variable.other.object#1F2A1C
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1F2A1C
variable.parameter, meta.parameter#1F2A1Cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1F2A1C80
keyword.operator#1F2A1C
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5E7D35bold
entity.other.inherited-class#A9472F
entity.name.tag, punctuation.definition.tag#7F2F26
entity.other.attribute-name#A9472F
meta.diff, meta.diff.header#CDBB9B
markup.deleted#2F5C35
markup.inserted#A9472F
markup.changed#5E7D35
markup.heading, markup.heading.setext, punctuation.definition.heading#A9472Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5E7D35
string.other.link.title, string.other.link.description#A9472F
markup.underline.link#CDBB9Bunderline
punctuation.definition.list#7F2F26
markup.quote, punctuation.definition.quote#CDBB9Bitalic