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#f4efe4
  • activityBar.border#00000015
  • activityBar.foreground#19352d
  • activityBar.inactiveForeground#15171960
  • activityBarBadge.background#19352d
  • activityBarBadge.foreground#f4efe4
  • button.background#19352d
  • button.foreground#f4efe4
  • button.hoverBackground#19352ddd
  • editor.background#f4efe4
  • editor.foreground#151719
  • editor.inactiveSelectionBackground#9c978d2580
  • editor.lineHighlightBackground#b9aa9650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9c978d25
  • editorCursor.foreground#19352d
  • editorGroupHeader.tabsBackground#b9aa96aa
  • editorLineNumber.activeForeground#19352d
  • editorLineNumber.foreground#9c978d80
  • focusBorder#19352d
  • foreground#151719
  • input.background#b9aa96
  • input.border#00000015
  • input.foreground#151719
  • input.placeholderForeground#15171960
  • list.activeSelectionBackground#19352d30
  • list.activeSelectionForeground#151719
  • list.highlightForeground#19352d
  • list.hoverBackground#b9aa9640
  • list.hoverForeground#151719
  • list.inactiveSelectionBackground#19352d15
  • list.inactiveSelectionForeground#151719
  • selection.background#9c978d25
  • sideBar.background#b9aa96
  • sideBar.border#00000015
  • sideBar.foreground#151719
  • sideBarSectionHeader.background#b9aa9680
  • sideBarSectionHeader.foreground#151719
  • sideBarTitle.foreground#19352d
  • statusBar.background#f4efe4
  • statusBar.border#00000015
  • statusBar.foreground#151719
  • statusBar.noFolderBackground#f4efe4
  • tab.activeBackground#f4efe4
  • tab.activeBorderTop#19352d
  • tab.activeForeground#151719
  • tab.border#00000015
  • tab.inactiveBackground#f4efe460
  • tab.inactiveForeground#15171980
  • terminal.ansiBlack#151719
  • terminal.ansiBlue#9c978d
  • terminal.ansiCyan#5f7664
  • terminal.ansiGreen#19352d
  • terminal.ansiMagenta#d7a195
  • terminal.ansiRed#d7a195
  • terminal.ansiWhite#151719
  • terminal.ansiYellow#5f7664
  • terminal.background#f4efe4
  • terminal.foreground#151719
  • titleBar.activeBackground#f4efe4
  • titleBar.activeForeground#151719
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f4efe4
  • titleBar.inactiveForeground#15171960
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9c978ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9c978dbold
storage.type, storage.modifier#9c978ditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#19352d
string, punctuation.definition.string, string.template, meta.template.expression#5f7664
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#d7a195
variable, variable.other.readwrite, variable.other.object#151719
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#151719
variable.parameter, meta.parameter#151719dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#15171980
keyword.operator#151719
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5f7664bold
entity.other.inherited-class#19352d
entity.name.tag, punctuation.definition.tag#9c978d
entity.other.attribute-name#19352d
meta.diff, meta.diff.header#9c978d
markup.deleted#d7a195
markup.inserted#19352d
markup.changed#5f7664
markup.heading, markup.heading.setext, punctuation.definition.heading#19352dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5f7664
string.other.link.title, string.other.link.description#19352d
markup.underline.link#9c978dunderline
punctuation.definition.list#9c978d
markup.quote, punctuation.definition.quote#9c978ditalic