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#FBFAF6
  • activityBar.border#00000015
  • activityBar.foreground#F0C97A
  • activityBar.inactiveForeground#1E160E60
  • activityBarBadge.background#F0C97A
  • activityBarBadge.foreground#FBFAF6
  • button.background#F0C97A
  • button.foreground#FBFAF6
  • button.hoverBackground#F0C97Add
  • editor.background#FBFAF6
  • editor.foreground#1E160E
  • editor.inactiveSelectionBackground#E7B84A2580
  • editor.lineHighlightBackground#FFFDF850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#E7B84A25
  • editorCursor.foreground#F0C97A
  • editorGroupHeader.tabsBackground#FFFDF8aa
  • editorLineNumber.activeForeground#F0C97A
  • editorLineNumber.foreground#D9C8A980
  • focusBorder#F0C97A
  • foreground#1E160E
  • input.background#FFFDF8
  • input.border#00000015
  • input.foreground#1E160E
  • input.placeholderForeground#1E160E60
  • list.activeSelectionBackground#F0C97A30
  • list.activeSelectionForeground#1E160E
  • list.highlightForeground#F0C97A
  • list.hoverBackground#FFFDF840
  • list.hoverForeground#1E160E
  • list.inactiveSelectionBackground#F0C97A15
  • list.inactiveSelectionForeground#1E160E
  • selection.background#E7B84A25
  • sideBar.background#FFFDF8
  • sideBar.border#00000015
  • sideBar.foreground#1E160E
  • sideBarSectionHeader.background#FFFDF880
  • sideBarSectionHeader.foreground#1E160E
  • sideBarTitle.foreground#F0C97A
  • statusBar.background#FBFAF6
  • statusBar.border#00000015
  • statusBar.foreground#1E160E
  • statusBar.noFolderBackground#FBFAF6
  • tab.activeBackground#FBFAF6
  • tab.activeBorderTop#F0C97A
  • tab.activeForeground#1E160E
  • tab.border#00000015
  • tab.inactiveBackground#FBFAF660
  • tab.inactiveForeground#1E160E80
  • terminal.ansiBlack#1E160E
  • terminal.ansiBlue#E7B84A
  • terminal.ansiCyan#F6F1E6
  • terminal.ansiGreen#F0C97A
  • terminal.ansiMagenta#9C7346
  • terminal.ansiRed#9C7346
  • terminal.ansiWhite#1E160E
  • terminal.ansiYellow#F6F1E6
  • terminal.background#FBFAF6
  • terminal.foreground#1E160E
  • titleBar.activeBackground#FBFAF6
  • titleBar.activeForeground#1E160E
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBFAF6
  • titleBar.inactiveForeground#1E160E60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D9C8A9italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#E7B84Abold
storage.type, storage.modifier#E7B84Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#F0C97A
string, punctuation.definition.string, string.template, meta.template.expression#F6F1E6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#9C7346
variable, variable.other.readwrite, variable.other.object#1E160E
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1E160E
variable.parameter, meta.parameter#1E160Edditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1E160E80
keyword.operator#1E160E
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#F6F1E6bold
entity.other.inherited-class#F0C97A
entity.name.tag, punctuation.definition.tag#E7B84A
entity.other.attribute-name#F0C97A
meta.diff, meta.diff.header#D9C8A9
markup.deleted#9C7346
markup.inserted#F0C97A
markup.changed#F6F1E6
markup.heading, markup.heading.setext, punctuation.definition.heading#F0C97Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#F6F1E6
string.other.link.title, string.other.link.description#F0C97A
markup.underline.link#D9C8A9underline
punctuation.definition.list#E7B84A
markup.quote, punctuation.definition.quote#D9C8A9italic