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#F3F3F1
  • activityBar.border#00000015
  • activityBar.foreground#934625
  • activityBar.inactiveForeground#2B2F3360
  • activityBarBadge.background#934625
  • activityBarBadge.foreground#F3F3F1
  • button.background#934625
  • button.foreground#F3F3F1
  • button.hoverBackground#934625dd
  • editor.background#F3F3F1
  • editor.foreground#2B2F33
  • editor.inactiveSelectionBackground#2155832580
  • editor.lineHighlightBackground#C0C4C950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21558325
  • editorCursor.foreground#934625
  • editorGroupHeader.tabsBackground#C0C4C9aa
  • editorLineNumber.activeForeground#934625
  • editorLineNumber.foreground#50565B80
  • focusBorder#934625
  • foreground#2B2F33
  • input.background#C0C4C9
  • input.border#00000015
  • input.foreground#2B2F33
  • input.placeholderForeground#2B2F3360
  • list.activeSelectionBackground#93462530
  • list.activeSelectionForeground#2B2F33
  • list.highlightForeground#934625
  • list.hoverBackground#C0C4C940
  • list.hoverForeground#2B2F33
  • list.inactiveSelectionBackground#93462515
  • list.inactiveSelectionForeground#2B2F33
  • selection.background#21558325
  • sideBar.background#C0C4C9
  • sideBar.border#00000015
  • sideBar.foreground#2B2F33
  • sideBarSectionHeader.background#C0C4C980
  • sideBarSectionHeader.foreground#2B2F33
  • sideBarTitle.foreground#934625
  • statusBar.background#F3F3F1
  • statusBar.border#00000015
  • statusBar.foreground#2B2F33
  • statusBar.noFolderBackground#F3F3F1
  • tab.activeBackground#F3F3F1
  • tab.activeBorderTop#934625
  • tab.activeForeground#2B2F33
  • tab.border#00000015
  • tab.inactiveBackground#F3F3F160
  • tab.inactiveForeground#2B2F3380
  • terminal.ansiBlack#2B2F33
  • terminal.ansiBlue#215583
  • terminal.ansiCyan#8DA329
  • terminal.ansiGreen#934625
  • terminal.ansiMagenta#765419
  • terminal.ansiRed#765419
  • terminal.ansiWhite#2B2F33
  • terminal.ansiYellow#8DA329
  • terminal.background#F3F3F1
  • terminal.foreground#2B2F33
  • titleBar.activeBackground#F3F3F1
  • titleBar.activeForeground#2B2F33
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F3F3F1
  • titleBar.inactiveForeground#2B2F3360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#50565Bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#215583bold
storage.type, storage.modifier#215583italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934625
string, punctuation.definition.string, string.template, meta.template.expression#8DA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765419
variable, variable.other.readwrite, variable.other.object#2B2F33
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2F33
variable.parameter, meta.parameter#2B2F33dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2F3380
keyword.operator#2B2F33
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8DA329bold
entity.other.inherited-class#934625
entity.name.tag, punctuation.definition.tag#215583
entity.other.attribute-name#934625
meta.diff, meta.diff.header#50565B
markup.deleted#765419
markup.inserted#934625
markup.changed#8DA329
markup.heading, markup.heading.setext, punctuation.definition.heading#934625bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8DA329
string.other.link.title, string.other.link.description#934625
markup.underline.link#50565Bunderline
punctuation.definition.list#215583
markup.quote, punctuation.definition.quote#50565Bitalic