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#FBFDFD
  • activityBar.border#00000015
  • activityBar.foreground#256393
  • activityBar.inactiveForeground#0D1B2A60
  • activityBarBadge.background#256393
  • activityBarBadge.foreground#FBFDFD
  • button.background#256393
  • button.foreground#FBFDFD
  • button.hoverBackground#256393dd
  • editor.background#FBFDFD
  • editor.foreground#0D1B2A
  • editor.inactiveSelectionBackground#835B212580
  • editor.lineHighlightBackground#F7F7F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835B2125
  • editorCursor.foreground#256393
  • editorGroupHeader.tabsBackground#F7F7F7aa
  • editorLineNumber.activeForeground#256393
  • editorLineNumber.foreground#6C728080
  • focusBorder#256393
  • foreground#0D1B2A
  • input.background#F7F7F7
  • input.border#00000015
  • input.foreground#0D1B2A
  • input.placeholderForeground#0D1B2A60
  • list.activeSelectionBackground#25639330
  • list.activeSelectionForeground#0D1B2A
  • list.highlightForeground#256393
  • list.hoverBackground#F7F7F740
  • list.hoverForeground#0D1B2A
  • list.inactiveSelectionBackground#25639315
  • list.inactiveSelectionForeground#0D1B2A
  • selection.background#835B2125
  • sideBar.background#F7F7F7
  • sideBar.border#00000015
  • sideBar.foreground#0D1B2A
  • sideBarSectionHeader.background#F7F7F780
  • sideBarSectionHeader.foreground#0D1B2A
  • sideBarTitle.foreground#256393
  • statusBar.background#FBFDFD
  • statusBar.border#00000015
  • statusBar.foreground#0D1B2A
  • statusBar.noFolderBackground#FBFDFD
  • tab.activeBackground#FBFDFD
  • tab.activeBorderTop#256393
  • tab.activeForeground#0D1B2A
  • tab.border#00000015
  • tab.inactiveBackground#FBFDFD60
  • tab.inactiveForeground#0D1B2A80
  • terminal.ansiBlack#0D1B2A
  • terminal.ansiBlue#835B21
  • terminal.ansiCyan#2989A3
  • terminal.ansiGreen#256393
  • terminal.ansiMagenta#193576
  • terminal.ansiRed#193576
  • terminal.ansiWhite#0D1B2A
  • terminal.ansiYellow#2989A3
  • terminal.background#FBFDFD
  • terminal.foreground#0D1B2A
  • titleBar.activeBackground#FBFDFD
  • titleBar.activeForeground#0D1B2A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBFDFD
  • titleBar.inactiveForeground#0D1B2A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6C7280italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835B21bold
storage.type, storage.modifier#835B21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#256393
string, punctuation.definition.string, string.template, meta.template.expression#2989A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#193576
variable, variable.other.readwrite, variable.other.object#0D1B2A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0D1B2A
variable.parameter, meta.parameter#0D1B2Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0D1B2A80
keyword.operator#0D1B2A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2989A3bold
entity.other.inherited-class#256393
entity.name.tag, punctuation.definition.tag#835B21
entity.other.attribute-name#256393
meta.diff, meta.diff.header#6C7280
markup.deleted#193576
markup.inserted#256393
markup.changed#2989A3
markup.heading, markup.heading.setext, punctuation.definition.heading#256393bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2989A3
string.other.link.title, string.other.link.description#256393
markup.underline.link#6C7280underline
punctuation.definition.list#835B21
markup.quote, punctuation.definition.quote#6C7280italic