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#FDFDFC
  • activityBar.border#00000015
  • activityBar.foreground#938A25
  • activityBar.inactiveForeground#1a1a1a60
  • activityBarBadge.background#938A25
  • activityBarBadge.foreground#FDFDFC
  • button.background#938A25
  • button.foreground#FDFDFC
  • button.hoverBackground#938A25dd
  • editor.background#FDFDFC
  • editor.foreground#1a1a1a
  • editor.inactiveSelectionBackground#837A212580
  • editor.lineHighlightBackground#F0F2F450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#837A2125
  • editorCursor.foreground#938A25
  • editorGroupHeader.tabsBackground#F0F2F4aa
  • editorLineNumber.activeForeground#938A25
  • editorLineNumber.foreground#b8b8bc80
  • focusBorder#938A25
  • foreground#1a1a1a
  • input.background#F0F2F4
  • input.border#00000015
  • input.foreground#1a1a1a
  • input.placeholderForeground#1a1a1a60
  • list.activeSelectionBackground#938A2530
  • list.activeSelectionForeground#1a1a1a
  • list.highlightForeground#938A25
  • list.hoverBackground#F0F2F440
  • list.hoverForeground#1a1a1a
  • list.inactiveSelectionBackground#938A2515
  • list.inactiveSelectionForeground#1a1a1a
  • selection.background#837A2125
  • sideBar.background#F0F2F4
  • sideBar.border#00000015
  • sideBar.foreground#1a1a1a
  • sideBarSectionHeader.background#F0F2F480
  • sideBarSectionHeader.foreground#1a1a1a
  • sideBarTitle.foreground#938A25
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#1a1a1a
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#938A25
  • tab.activeForeground#1a1a1a
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#1a1a1a80
  • terminal.ansiBlack#1a1a1a
  • terminal.ansiBlue#837A21
  • terminal.ansiCyan#2929A3
  • terminal.ansiGreen#938A25
  • terminal.ansiMagenta#765A19
  • terminal.ansiRed#765A19
  • terminal.ansiWhite#1a1a1a
  • terminal.ansiYellow#2929A3
  • terminal.background#FDFDFC
  • terminal.foreground#1a1a1a
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#1a1a1a
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#1a1a1a60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b8b8bcitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#837A21bold
storage.type, storage.modifier#837A21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#938A25
string, punctuation.definition.string, string.template, meta.template.expression#2929A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765A19
variable, variable.other.readwrite, variable.other.object#1a1a1a
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1a1a1a
variable.parameter, meta.parameter#1a1a1additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1a1a1a80
keyword.operator#1a1a1a
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2929A3bold
entity.other.inherited-class#938A25
entity.name.tag, punctuation.definition.tag#837A21
entity.other.attribute-name#938A25
meta.diff, meta.diff.header#b8b8bc
markup.deleted#765A19
markup.inserted#938A25
markup.changed#2929A3
markup.heading, markup.heading.setext, punctuation.definition.heading#938A25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2929A3
string.other.link.title, string.other.link.description#938A25
markup.underline.link#b8b8bcunderline
punctuation.definition.list#837A21
markup.quote, punctuation.definition.quote#b8b8bcitalic