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#F6F3EB
  • activityBar.border#00000015
  • activityBar.foreground#182A56
  • activityBar.inactiveForeground#0B0E1360
  • activityBarBadge.background#182A56
  • activityBarBadge.foreground#F6F3EB
  • button.background#182A56
  • button.foreground#F6F3EB
  • button.hoverBackground#182A56dd
  • editor.background#F6F3EB
  • editor.foreground#0B0E13
  • editor.inactiveSelectionBackground#2C4A7A2580
  • editor.lineHighlightBackground#EDEFF250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2C4A7A25
  • editorCursor.foreground#182A56
  • editorGroupHeader.tabsBackground#EDEFF2aa
  • editorLineNumber.activeForeground#182A56
  • editorLineNumber.foreground#555C6680
  • focusBorder#182A56
  • foreground#0B0E13
  • input.background#EDEFF2
  • input.border#00000015
  • input.foreground#0B0E13
  • input.placeholderForeground#0B0E1360
  • list.activeSelectionBackground#182A5630
  • list.activeSelectionForeground#0B0E13
  • list.highlightForeground#182A56
  • list.hoverBackground#EDEFF240
  • list.hoverForeground#0B0E13
  • list.inactiveSelectionBackground#182A5615
  • list.inactiveSelectionForeground#0B0E13
  • selection.background#2C4A7A25
  • sideBar.background#EDEFF2
  • sideBar.border#00000015
  • sideBar.foreground#0B0E13
  • sideBarSectionHeader.background#EDEFF280
  • sideBarSectionHeader.foreground#0B0E13
  • sideBarTitle.foreground#182A56
  • statusBar.background#F6F3EB
  • statusBar.border#00000015
  • statusBar.foreground#0B0E13
  • statusBar.noFolderBackground#F6F3EB
  • tab.activeBackground#F6F3EB
  • tab.activeBorderTop#182A56
  • tab.activeForeground#0B0E13
  • tab.border#00000015
  • tab.inactiveBackground#F6F3EB60
  • tab.inactiveForeground#0B0E1380
  • terminal.ansiBlack#0B0E13
  • terminal.ansiBlue#2C4A7A
  • terminal.ansiCyan#556B2F
  • terminal.ansiGreen#182A56
  • terminal.ansiMagenta#6F7F3A
  • terminal.ansiRed#6F7F3A
  • terminal.ansiWhite#0B0E13
  • terminal.ansiYellow#556B2F
  • terminal.background#F6F3EB
  • terminal.foreground#0B0E13
  • titleBar.activeBackground#F6F3EB
  • titleBar.activeForeground#0B0E13
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F6F3EB
  • titleBar.inactiveForeground#0B0E1360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#555C66italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2C4A7Abold
storage.type, storage.modifier#2C4A7Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#182A56
string, punctuation.definition.string, string.template, meta.template.expression#556B2F
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6F7F3A
variable, variable.other.readwrite, variable.other.object#0B0E13
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0B0E13
variable.parameter, meta.parameter#0B0E13dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0B0E1380
keyword.operator#0B0E13
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#556B2Fbold
entity.other.inherited-class#182A56
entity.name.tag, punctuation.definition.tag#2C4A7A
entity.other.attribute-name#182A56
meta.diff, meta.diff.header#555C66
markup.deleted#6F7F3A
markup.inserted#182A56
markup.changed#556B2F
markup.heading, markup.heading.setext, punctuation.definition.heading#182A56bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#556B2F
string.other.link.title, string.other.link.description#182A56
markup.underline.link#555C66underline
punctuation.definition.list#2C4A7A
markup.quote, punctuation.definition.quote#555C66italic