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#FEFDFB
  • activityBar.border#00000015
  • activityBar.foreground#937725
  • activityBar.inactiveForeground#1E1C1960
  • activityBarBadge.background#937725
  • activityBarBadge.foreground#FEFDFB
  • button.background#937725
  • button.foreground#FEFDFB
  • button.hoverBackground#937725dd
  • editor.background#FEFDFB
  • editor.foreground#1E1C19
  • editor.inactiveSelectionBackground#214B832580
  • editor.lineHighlightBackground#E2E6E950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#214B8325
  • editorCursor.foreground#937725
  • editorGroupHeader.tabsBackground#E2E6E9aa
  • editorLineNumber.activeForeground#937725
  • editorLineNumber.foreground#7A4A1E80
  • focusBorder#937725
  • foreground#1E1C19
  • input.background#E2E6E9
  • input.border#00000015
  • input.foreground#1E1C19
  • input.placeholderForeground#1E1C1960
  • list.activeSelectionBackground#93772530
  • list.activeSelectionForeground#1E1C19
  • list.highlightForeground#937725
  • list.hoverBackground#E2E6E940
  • list.hoverForeground#1E1C19
  • list.inactiveSelectionBackground#93772515
  • list.inactiveSelectionForeground#1E1C19
  • selection.background#214B8325
  • sideBar.background#E2E6E9
  • sideBar.border#00000015
  • sideBar.foreground#1E1C19
  • sideBarSectionHeader.background#E2E6E980
  • sideBarSectionHeader.foreground#1E1C19
  • sideBarTitle.foreground#937725
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#1E1C19
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#937725
  • tab.activeForeground#1E1C19
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#1E1C1980
  • terminal.ansiBlack#1E1C19
  • terminal.ansiBlue#214B83
  • terminal.ansiCyan#A38729
  • terminal.ansiGreen#937725
  • terminal.ansiMagenta#763219
  • terminal.ansiRed#763219
  • terminal.ansiWhite#1E1C19
  • terminal.ansiYellow#A38729
  • terminal.background#FEFDFB
  • terminal.foreground#1E1C19
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#1E1C19
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#1E1C1960
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7A4A1Eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#214B83bold
storage.type, storage.modifier#214B83italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#937725
string, punctuation.definition.string, string.template, meta.template.expression#A38729
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763219
variable, variable.other.readwrite, variable.other.object#1E1C19
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1E1C19
variable.parameter, meta.parameter#1E1C19dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1E1C1980
keyword.operator#1E1C19
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A38729bold
entity.other.inherited-class#937725
entity.name.tag, punctuation.definition.tag#214B83
entity.other.attribute-name#937725
meta.diff, meta.diff.header#7A4A1E
markup.deleted#763219
markup.inserted#937725
markup.changed#A38729
markup.heading, markup.heading.setext, punctuation.definition.heading#937725bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A38729
string.other.link.title, string.other.link.description#937725
markup.underline.link#7A4A1Eunderline
punctuation.definition.list#214B83
markup.quote, punctuation.definition.quote#7A4A1Eitalic