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#FCFCFD
  • activityBar.border#00000015
  • activityBar.foreground#255493
  • activityBar.inactiveForeground#0d0f1260
  • activityBarBadge.background#255493
  • activityBarBadge.foreground#FCFCFD
  • button.background#255493
  • button.foreground#FCFCFD
  • button.hoverBackground#255493dd
  • editor.background#FCFCFD
  • editor.foreground#0d0f12
  • editor.inactiveSelectionBackground#2149832580
  • editor.lineHighlightBackground#F7F7F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21498325
  • editorCursor.foreground#255493
  • editorGroupHeader.tabsBackground#F7F7F7aa
  • editorLineNumber.activeForeground#255493
  • editorLineNumber.foreground#6b717880
  • focusBorder#255493
  • foreground#0d0f12
  • input.background#F7F7F7
  • input.border#00000015
  • input.foreground#0d0f12
  • input.placeholderForeground#0d0f1260
  • list.activeSelectionBackground#25549330
  • list.activeSelectionForeground#0d0f12
  • list.highlightForeground#255493
  • list.hoverBackground#F7F7F740
  • list.hoverForeground#0d0f12
  • list.inactiveSelectionBackground#25549315
  • list.inactiveSelectionForeground#0d0f12
  • selection.background#21498325
  • sideBar.background#F7F7F7
  • sideBar.border#00000015
  • sideBar.foreground#0d0f12
  • sideBarSectionHeader.background#F7F7F780
  • sideBarSectionHeader.foreground#0d0f12
  • sideBarTitle.foreground#255493
  • statusBar.background#FCFCFD
  • statusBar.border#00000015
  • statusBar.foreground#0d0f12
  • statusBar.noFolderBackground#FCFCFD
  • tab.activeBackground#FCFCFD
  • tab.activeBorderTop#255493
  • tab.activeForeground#0d0f12
  • tab.border#00000015
  • tab.inactiveBackground#FCFCFD60
  • tab.inactiveForeground#0d0f1280
  • terminal.ansiBlack#0d0f12
  • terminal.ansiBlue#214983
  • terminal.ansiCyan#2968A3
  • terminal.ansiGreen#255493
  • terminal.ansiMagenta#764A19
  • terminal.ansiRed#764A19
  • terminal.ansiWhite#0d0f12
  • terminal.ansiYellow#2968A3
  • terminal.background#FCFCFD
  • terminal.foreground#0d0f12
  • titleBar.activeBackground#FCFCFD
  • titleBar.activeForeground#0d0f12
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFCFD
  • titleBar.inactiveForeground#0d0f1260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6b7178italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#214983bold
storage.type, storage.modifier#214983italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#255493
string, punctuation.definition.string, string.template, meta.template.expression#2968A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764A19
variable, variable.other.readwrite, variable.other.object#0d0f12
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0d0f12
variable.parameter, meta.parameter#0d0f12dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0d0f1280
keyword.operator#0d0f12
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2968A3bold
entity.other.inherited-class#255493
entity.name.tag, punctuation.definition.tag#214983
entity.other.attribute-name#255493
meta.diff, meta.diff.header#6b7178
markup.deleted#764A19
markup.inserted#255493
markup.changed#2968A3
markup.heading, markup.heading.setext, punctuation.definition.heading#255493bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2968A3
string.other.link.title, string.other.link.description#255493
markup.underline.link#6b7178underline
punctuation.definition.list#214983
markup.quote, punctuation.definition.quote#6b7178italic