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#FAF7F1
  • activityBar.border#00000015
  • activityBar.foreground#FFC107
  • activityBar.inactiveForeground#1E1C1960
  • activityBarBadge.background#FFC107
  • activityBarBadge.foreground#FAF7F1
  • button.background#FFC107
  • button.foreground#FAF7F1
  • button.hoverBackground#FFC107dd
  • editor.background#FAF7F1
  • editor.foreground#1E1C19
  • editor.inactiveSelectionBackground#6A70782580
  • editor.lineHighlightBackground#D9DDE150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6A707825
  • editorCursor.foreground#FFC107
  • editorGroupHeader.tabsBackground#D9DDE1aa
  • editorLineNumber.activeForeground#FFC107
  • editorLineNumber.foreground#7A4A1E80
  • focusBorder#FFC107
  • foreground#1E1C19
  • input.background#D9DDE1
  • input.border#00000015
  • input.foreground#1E1C19
  • input.placeholderForeground#1E1C1960
  • list.activeSelectionBackground#FFC10730
  • list.activeSelectionForeground#1E1C19
  • list.highlightForeground#FFC107
  • list.hoverBackground#D9DDE140
  • list.hoverForeground#1E1C19
  • list.inactiveSelectionBackground#FFC10715
  • list.inactiveSelectionForeground#1E1C19
  • selection.background#6A707825
  • sideBar.background#D9DDE1
  • sideBar.border#00000015
  • sideBar.foreground#1E1C19
  • sideBarSectionHeader.background#D9DDE180
  • sideBarSectionHeader.foreground#1E1C19
  • sideBarTitle.foreground#FFC107
  • statusBar.background#FAF7F1
  • statusBar.border#00000015
  • statusBar.foreground#1E1C19
  • statusBar.noFolderBackground#FAF7F1
  • tab.activeBackground#FAF7F1
  • tab.activeBorderTop#FFC107
  • tab.activeForeground#1E1C19
  • tab.border#00000015
  • tab.inactiveBackground#FAF7F160
  • tab.inactiveForeground#1E1C1980
  • terminal.ansiBlack#1E1C19
  • terminal.ansiBlue#6A7078
  • terminal.ansiCyan#FFD95A
  • terminal.ansiGreen#FFC107
  • terminal.ansiMagenta#B44A22
  • terminal.ansiRed#B44A22
  • terminal.ansiWhite#1E1C19
  • terminal.ansiYellow#FFD95A
  • terminal.background#FAF7F1
  • terminal.foreground#1E1C19
  • titleBar.activeBackground#FAF7F1
  • titleBar.activeForeground#1E1C19
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF7F1
  • 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#6A7078bold
storage.type, storage.modifier#6A7078italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#FFC107
string, punctuation.definition.string, string.template, meta.template.expression#FFD95A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B44A22
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#FFD95Abold
entity.other.inherited-class#FFC107
entity.name.tag, punctuation.definition.tag#6A7078
entity.other.attribute-name#FFC107
meta.diff, meta.diff.header#7A4A1E
markup.deleted#B44A22
markup.inserted#FFC107
markup.changed#FFD95A
markup.heading, markup.heading.setext, punctuation.definition.heading#FFC107bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#FFD95A
string.other.link.title, string.other.link.description#FFC107
markup.underline.link#7A4A1Eunderline
punctuation.definition.list#6A7078
markup.quote, punctuation.definition.quote#7A4A1Eitalic