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#F7F0E3
  • activityBar.border#00000015
  • activityBar.foreground#6B4E3D
  • activityBar.inactiveForeground#3A2A2060
  • activityBarBadge.background#6B4E3D
  • activityBarBadge.foreground#F7F0E3
  • button.background#6B4E3D
  • button.foreground#F7F0E3
  • button.hoverBackground#6B4E3Ddd
  • editor.background#F7F0E3
  • editor.foreground#3A2A20
  • editor.inactiveSelectionBackground#51392C2580
  • editor.lineHighlightBackground#D7B58A50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#51392C25
  • editorCursor.foreground#6B4E3D
  • editorGroupHeader.tabsBackground#D7B58Aaa
  • editorLineNumber.activeForeground#6B4E3D
  • editorLineNumber.foreground#E7D2B480
  • focusBorder#6B4E3D
  • foreground#3A2A20
  • input.background#D7B58A
  • input.border#00000015
  • input.foreground#3A2A20
  • input.placeholderForeground#3A2A2060
  • list.activeSelectionBackground#6B4E3D30
  • list.activeSelectionForeground#3A2A20
  • list.highlightForeground#6B4E3D
  • list.hoverBackground#D7B58A40
  • list.hoverForeground#3A2A20
  • list.inactiveSelectionBackground#6B4E3D15
  • list.inactiveSelectionForeground#3A2A20
  • selection.background#51392C25
  • sideBar.background#D7B58A
  • sideBar.border#00000015
  • sideBar.foreground#3A2A20
  • sideBarSectionHeader.background#D7B58A80
  • sideBarSectionHeader.foreground#3A2A20
  • sideBarTitle.foreground#6B4E3D
  • statusBar.background#F7F0E3
  • statusBar.border#00000015
  • statusBar.foreground#3A2A20
  • statusBar.noFolderBackground#F7F0E3
  • tab.activeBackground#F7F0E3
  • tab.activeBorderTop#6B4E3D
  • tab.activeForeground#3A2A20
  • tab.border#00000015
  • tab.inactiveBackground#F7F0E360
  • tab.inactiveForeground#3A2A2080
  • terminal.ansiBlack#3A2A20
  • terminal.ansiBlue#51392C
  • terminal.ansiCyan#4A7DA3
  • terminal.ansiGreen#6B4E3D
  • terminal.ansiMagenta#6A7F4E
  • terminal.ansiRed#6A7F4E
  • terminal.ansiWhite#3A2A20
  • terminal.ansiYellow#4A7DA3
  • terminal.background#F7F0E3
  • terminal.foreground#3A2A20
  • titleBar.activeBackground#F7F0E3
  • titleBar.activeForeground#3A2A20
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F0E3
  • titleBar.inactiveForeground#3A2A2060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E7D2B4italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#51392Cbold
storage.type, storage.modifier#51392Citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6B4E3D
string, punctuation.definition.string, string.template, meta.template.expression#4A7DA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6A7F4E
variable, variable.other.readwrite, variable.other.object#3A2A20
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#3A2A20
variable.parameter, meta.parameter#3A2A20dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#3A2A2080
keyword.operator#3A2A20
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#4A7DA3bold
entity.other.inherited-class#6B4E3D
entity.name.tag, punctuation.definition.tag#51392C
entity.other.attribute-name#6B4E3D
meta.diff, meta.diff.header#E7D2B4
markup.deleted#6A7F4E
markup.inserted#6B4E3D
markup.changed#4A7DA3
markup.heading, markup.heading.setext, punctuation.definition.heading#6B4E3Dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#4A7DA3
string.other.link.title, string.other.link.description#6B4E3D
markup.underline.link#E7D2B4underline
punctuation.definition.list#51392C
markup.quote, punctuation.definition.quote#E7D2B4italic