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#FCFCFD
  • activityBar.border#00000015
  • activityBar.foreground#935125
  • activityBar.inactiveForeground#1a1c2060
  • activityBarBadge.background#935125
  • activityBarBadge.foreground#FCFCFD
  • button.background#935125
  • button.foreground#FCFCFD
  • button.hoverBackground#935125dd
  • editor.background#FCFCFD
  • editor.foreground#1a1c20
  • editor.inactiveSelectionBackground#2148832580
  • editor.lineHighlightBackground#EEEDE750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21488325
  • editorCursor.foreground#935125
  • editorGroupHeader.tabsBackground#EEEDE7aa
  • editorLineNumber.activeForeground#935125
  • editorLineNumber.foreground#8a817480
  • focusBorder#935125
  • foreground#1a1c20
  • input.background#EEEDE7
  • input.border#00000015
  • input.foreground#1a1c20
  • input.placeholderForeground#1a1c2060
  • list.activeSelectionBackground#93512530
  • list.activeSelectionForeground#1a1c20
  • list.highlightForeground#935125
  • list.hoverBackground#EEEDE740
  • list.hoverForeground#1a1c20
  • list.inactiveSelectionBackground#93512515
  • list.inactiveSelectionForeground#1a1c20
  • selection.background#21488325
  • sideBar.background#EEEDE7
  • sideBar.border#00000015
  • sideBar.foreground#1a1c20
  • sideBarSectionHeader.background#EEEDE780
  • sideBarSectionHeader.foreground#1a1c20
  • sideBarTitle.foreground#935125
  • statusBar.background#FCFCFD
  • statusBar.border#00000015
  • statusBar.foreground#1a1c20
  • statusBar.noFolderBackground#FCFCFD
  • tab.activeBackground#FCFCFD
  • tab.activeBorderTop#935125
  • tab.activeForeground#1a1c20
  • tab.border#00000015
  • tab.inactiveBackground#FCFCFD60
  • tab.inactiveForeground#1a1c2080
  • terminal.ansiBlack#1a1c20
  • terminal.ansiBlue#214883
  • terminal.ansiCyan#A37029
  • terminal.ansiGreen#935125
  • terminal.ansiMagenta#764119
  • terminal.ansiRed#764119
  • terminal.ansiWhite#1a1c20
  • terminal.ansiYellow#A37029
  • terminal.background#FCFCFD
  • terminal.foreground#1a1c20
  • titleBar.activeBackground#FCFCFD
  • titleBar.activeForeground#1a1c20
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFCFD
  • titleBar.inactiveForeground#1a1c2060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8a8174italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#214883bold
storage.type, storage.modifier#214883italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935125
string, punctuation.definition.string, string.template, meta.template.expression#A37029
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764119
variable, variable.other.readwrite, variable.other.object#1a1c20
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1a1c20
variable.parameter, meta.parameter#1a1c20dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1a1c2080
keyword.operator#1a1c20
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37029bold
entity.other.inherited-class#935125
entity.name.tag, punctuation.definition.tag#214883
entity.other.attribute-name#935125
meta.diff, meta.diff.header#8a8174
markup.deleted#764119
markup.inserted#935125
markup.changed#A37029
markup.heading, markup.heading.setext, punctuation.definition.heading#935125bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37029
string.other.link.title, string.other.link.description#935125
markup.underline.link#8a8174underline
punctuation.definition.list#214883
markup.quote, punctuation.definition.quote#8a8174italic