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#FDFDFC
  • activityBar.border#00000015
  • activityBar.foreground#939325
  • activityBar.inactiveForeground#0F0F0E60
  • activityBarBadge.background#939325
  • activityBarBadge.foreground#FDFDFC
  • button.background#939325
  • button.foreground#FDFDFC
  • button.hoverBackground#939325dd
  • editor.background#FDFDFC
  • editor.foreground#0F0F0E
  • editor.inactiveSelectionBackground#8362212580
  • editor.lineHighlightBackground#ECE8DF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83622125
  • editorCursor.foreground#939325
  • editorGroupHeader.tabsBackground#ECE8DFaa
  • editorLineNumber.activeForeground#939325
  • editorLineNumber.foreground#C9C6BE80
  • focusBorder#939325
  • foreground#0F0F0E
  • input.background#ECE8DF
  • input.border#00000015
  • input.foreground#0F0F0E
  • input.placeholderForeground#0F0F0E60
  • list.activeSelectionBackground#93932530
  • list.activeSelectionForeground#0F0F0E
  • list.highlightForeground#939325
  • list.hoverBackground#ECE8DF40
  • list.hoverForeground#0F0F0E
  • list.inactiveSelectionBackground#93932515
  • list.inactiveSelectionForeground#0F0F0E
  • selection.background#83622125
  • sideBar.background#ECE8DF
  • sideBar.border#00000015
  • sideBar.foreground#0F0F0E
  • sideBarSectionHeader.background#ECE8DF80
  • sideBarSectionHeader.foreground#0F0F0E
  • sideBarTitle.foreground#939325
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#0F0F0E
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#939325
  • tab.activeForeground#0F0F0E
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#0F0F0E80
  • terminal.ansiBlack#0F0F0E
  • terminal.ansiBlue#836221
  • terminal.ansiCyan#6CA329
  • terminal.ansiGreen#939325
  • terminal.ansiMagenta#767619
  • terminal.ansiRed#767619
  • terminal.ansiWhite#0F0F0E
  • terminal.ansiYellow#6CA329
  • terminal.background#FDFDFC
  • terminal.foreground#0F0F0E
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#0F0F0E
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#0F0F0E60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C9C6BEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836221bold
storage.type, storage.modifier#836221italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#939325
string, punctuation.definition.string, string.template, meta.template.expression#6CA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#767619
variable, variable.other.readwrite, variable.other.object#0F0F0E
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0F0F0E
variable.parameter, meta.parameter#0F0F0Edditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0F0F0E80
keyword.operator#0F0F0E
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6CA329bold
entity.other.inherited-class#939325
entity.name.tag, punctuation.definition.tag#836221
entity.other.attribute-name#939325
meta.diff, meta.diff.header#C9C6BE
markup.deleted#767619
markup.inserted#939325
markup.changed#6CA329
markup.heading, markup.heading.setext, punctuation.definition.heading#939325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6CA329
string.other.link.title, string.other.link.description#939325
markup.underline.link#C9C6BEunderline
punctuation.definition.list#836221
markup.quote, punctuation.definition.quote#C9C6BEitalic