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#F7F8FD
  • activityBar.border#00000015
  • activityBar.foreground#00A9B4
  • activityBar.inactiveForeground#0A1F3360
  • activityBarBadge.background#00A9B4
  • activityBarBadge.foreground#F7F8FD
  • button.background#00A9B4
  • button.foreground#F7F8FD
  • button.hoverBackground#00A9B4dd
  • editor.background#F7F8FD
  • editor.foreground#0A1F33
  • editor.inactiveSelectionBackground#FFD23C2580
  • editor.lineHighlightBackground#FFF7A350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#FFD23C25
  • editorCursor.foreground#00A9B4
  • editorGroupHeader.tabsBackground#FFF7A3aa
  • editorLineNumber.activeForeground#00A9B4
  • editorLineNumber.foreground#E6F1F780
  • focusBorder#00A9B4
  • foreground#0A1F33
  • input.background#FFF7A3
  • input.border#00000015
  • input.foreground#0A1F33
  • input.placeholderForeground#0A1F3360
  • list.activeSelectionBackground#00A9B430
  • list.activeSelectionForeground#0A1F33
  • list.highlightForeground#00A9B4
  • list.hoverBackground#FFF7A340
  • list.hoverForeground#0A1F33
  • list.inactiveSelectionBackground#00A9B415
  • list.inactiveSelectionForeground#0A1F33
  • selection.background#FFD23C25
  • sideBar.background#FFF7A3
  • sideBar.border#00000015
  • sideBar.foreground#0A1F33
  • sideBarSectionHeader.background#FFF7A380
  • sideBarSectionHeader.foreground#0A1F33
  • sideBarTitle.foreground#00A9B4
  • statusBar.background#F7F8FD
  • statusBar.border#00000015
  • statusBar.foreground#0A1F33
  • statusBar.noFolderBackground#F7F8FD
  • tab.activeBackground#F7F8FD
  • tab.activeBorderTop#00A9B4
  • tab.activeForeground#0A1F33
  • tab.border#00000015
  • tab.inactiveBackground#F7F8FD60
  • tab.inactiveForeground#0A1F3380
  • terminal.ansiBlack#0A1F33
  • terminal.ansiBlue#FFD23C
  • terminal.ansiCyan#8CE22A
  • terminal.ansiGreen#00A9B4
  • terminal.ansiMagenta#0057FF
  • terminal.ansiRed#0057FF
  • terminal.ansiWhite#0A1F33
  • terminal.ansiYellow#8CE22A
  • terminal.background#F7F8FD
  • terminal.foreground#0A1F33
  • titleBar.activeBackground#F7F8FD
  • titleBar.activeForeground#0A1F33
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F8FD
  • titleBar.inactiveForeground#0A1F3360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6F1F7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#FFD23Cbold
storage.type, storage.modifier#FFD23Citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#00A9B4
string, punctuation.definition.string, string.template, meta.template.expression#8CE22A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#0057FF
variable, variable.other.readwrite, variable.other.object#0A1F33
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0A1F33
variable.parameter, meta.parameter#0A1F33dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0A1F3380
keyword.operator#0A1F33
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8CE22Abold
entity.other.inherited-class#00A9B4
entity.name.tag, punctuation.definition.tag#FFD23C
entity.other.attribute-name#00A9B4
meta.diff, meta.diff.header#E6F1F7
markup.deleted#0057FF
markup.inserted#00A9B4
markup.changed#8CE22A
markup.heading, markup.heading.setext, punctuation.definition.heading#00A9B4bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8CE22A
string.other.link.title, string.other.link.description#00A9B4
markup.underline.link#E6F1F7underline
punctuation.definition.list#FFD23C
markup.quote, punctuation.definition.quote#E6F1F7italic