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

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