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#f7f9fc
  • activityBar.border#00000015
  • activityBar.foreground#d8b14a
  • activityBar.inactiveForeground#0e1a2460
  • activityBarBadge.background#d8b14a
  • activityBarBadge.foreground#f7f9fc
  • button.background#d8b14a
  • button.foreground#f7f9fc
  • button.hoverBackground#d8b14add
  • editor.background#f7f9fc
  • editor.foreground#0e1a24
  • editor.inactiveSelectionBackground#f0c97a2580
  • editor.lineHighlightBackground#f2f5f950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#f0c97a25
  • editorCursor.foreground#d8b14a
  • editorGroupHeader.tabsBackground#f2f5f9aa
  • editorLineNumber.activeForeground#d8b14a
  • editorLineNumber.foreground#a6b1b780
  • focusBorder#d8b14a
  • foreground#0e1a24
  • input.background#f2f5f9
  • input.border#00000015
  • input.foreground#0e1a24
  • input.placeholderForeground#0e1a2460
  • list.activeSelectionBackground#d8b14a30
  • list.activeSelectionForeground#0e1a24
  • list.highlightForeground#d8b14a
  • list.hoverBackground#f2f5f940
  • list.hoverForeground#0e1a24
  • list.inactiveSelectionBackground#d8b14a15
  • list.inactiveSelectionForeground#0e1a24
  • selection.background#f0c97a25
  • sideBar.background#f2f5f9
  • sideBar.border#00000015
  • sideBar.foreground#0e1a24
  • sideBarSectionHeader.background#f2f5f980
  • sideBarSectionHeader.foreground#0e1a24
  • sideBarTitle.foreground#d8b14a
  • statusBar.background#f7f9fc
  • statusBar.border#00000015
  • statusBar.foreground#0e1a24
  • statusBar.noFolderBackground#f7f9fc
  • tab.activeBackground#f7f9fc
  • tab.activeBorderTop#d8b14a
  • tab.activeForeground#0e1a24
  • tab.border#00000015
  • tab.inactiveBackground#f7f9fc60
  • tab.inactiveForeground#0e1a2480
  • terminal.ansiBlack#0e1a24
  • terminal.ansiBlue#f0c97a
  • terminal.ansiCyan#5f86a8
  • terminal.ansiGreen#d8b14a
  • terminal.ansiMagenta#7fa0a8
  • terminal.ansiRed#7fa0a8
  • terminal.ansiWhite#0e1a24
  • terminal.ansiYellow#5f86a8
  • terminal.background#f7f9fc
  • terminal.foreground#0e1a24
  • titleBar.activeBackground#f7f9fc
  • titleBar.activeForeground#0e1a24
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f7f9fc
  • titleBar.inactiveForeground#0e1a2460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a6b1b7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#f0c97abold
storage.type, storage.modifier#f0c97aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#d8b14a
string, punctuation.definition.string, string.template, meta.template.expression#5f86a8
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#7fa0a8
variable, variable.other.readwrite, variable.other.object#0e1a24
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0e1a24
variable.parameter, meta.parameter#0e1a24dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0e1a2480
keyword.operator#0e1a24
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5f86a8bold
entity.other.inherited-class#d8b14a
entity.name.tag, punctuation.definition.tag#f0c97a
entity.other.attribute-name#d8b14a
meta.diff, meta.diff.header#a6b1b7
markup.deleted#7fa0a8
markup.inserted#d8b14a
markup.changed#5f86a8
markup.heading, markup.heading.setext, punctuation.definition.heading#d8b14abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5f86a8
string.other.link.title, string.other.link.description#d8b14a
markup.underline.link#a6b1b7underline
punctuation.definition.list#f0c97a
markup.quote, punctuation.definition.quote#a6b1b7italic