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#FCFBF8
  • activityBar.border#00000015
  • activityBar.foreground#936325
  • activityBar.inactiveForeground#302F2860
  • activityBarBadge.background#936325
  • activityBarBadge.foreground#FCFBF8
  • button.background#936325
  • button.foreground#FCFBF8
  • button.hoverBackground#936325dd
  • editor.background#FCFBF8
  • editor.foreground#302F28
  • editor.inactiveSelectionBackground#8349212580
  • editor.lineHighlightBackground#EDEAE350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83492125
  • editorCursor.foreground#936325
  • editorGroupHeader.tabsBackground#EDEAE3aa
  • editorLineNumber.activeForeground#936325
  • editorLineNumber.foreground#E9EDF080
  • focusBorder#936325
  • foreground#302F28
  • input.background#EDEAE3
  • input.border#00000015
  • input.foreground#302F28
  • input.placeholderForeground#302F2860
  • list.activeSelectionBackground#93632530
  • list.activeSelectionForeground#302F28
  • list.highlightForeground#936325
  • list.hoverBackground#EDEAE340
  • list.hoverForeground#302F28
  • list.inactiveSelectionBackground#93632515
  • list.inactiveSelectionForeground#302F28
  • selection.background#83492125
  • sideBar.background#EDEAE3
  • sideBar.border#00000015
  • sideBar.foreground#302F28
  • sideBarSectionHeader.background#EDEAE380
  • sideBarSectionHeader.foreground#302F28
  • sideBarTitle.foreground#936325
  • statusBar.background#FCFBF8
  • statusBar.border#00000015
  • statusBar.foreground#302F28
  • statusBar.noFolderBackground#FCFBF8
  • tab.activeBackground#FCFBF8
  • tab.activeBorderTop#936325
  • tab.activeForeground#302F28
  • tab.border#00000015
  • tab.inactiveBackground#FCFBF860
  • tab.inactiveForeground#302F2880
  • terminal.ansiBlack#302F28
  • terminal.ansiBlue#834921
  • terminal.ansiCyan#2993A3
  • terminal.ansiGreen#936325
  • terminal.ansiMagenta#2A7619
  • terminal.ansiRed#2A7619
  • terminal.ansiWhite#302F28
  • terminal.ansiYellow#2993A3
  • terminal.background#FCFBF8
  • terminal.foreground#302F28
  • titleBar.activeBackground#FCFBF8
  • titleBar.activeForeground#302F28
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFBF8
  • titleBar.inactiveForeground#302F2860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E9EDF0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834921bold
storage.type, storage.modifier#834921italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#936325
string, punctuation.definition.string, string.template, meta.template.expression#2993A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2A7619
variable, variable.other.readwrite, variable.other.object#302F28
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#302F28
variable.parameter, meta.parameter#302F28dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#302F2880
keyword.operator#302F28
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2993A3bold
entity.other.inherited-class#936325
entity.name.tag, punctuation.definition.tag#834921
entity.other.attribute-name#936325
meta.diff, meta.diff.header#E9EDF0
markup.deleted#2A7619
markup.inserted#936325
markup.changed#2993A3
markup.heading, markup.heading.setext, punctuation.definition.heading#936325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2993A3
string.other.link.title, string.other.link.description#936325
markup.underline.link#E9EDF0underline
punctuation.definition.list#834921
markup.quote, punctuation.definition.quote#E9EDF0italic