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#071A2B
  • activityBar.border#ffffff15
  • activityBar.foreground#1267D8
  • activityBar.inactiveForeground#F6FBFF60
  • activityBarBadge.background#1267D8
  • activityBarBadge.foreground#071A2B
  • button.background#1267D8
  • button.foreground#071A2B
  • button.hoverBackground#1267D8dd
  • editor.background#071A2B
  • editor.foreground#F6FBFF
  • editor.inactiveSelectionBackground#073B753580
  • editor.lineHighlightBackground#071A2B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#073B7535
  • editorCursor.foreground#1267D8
  • editorGroupHeader.tabsBackground#071A2Bdd
  • editorLineNumber.activeForeground#1267D8
  • editorLineNumber.foreground#E6F0F780
  • focusBorder#1267D8
  • foreground#F6FBFF
  • input.background#071A2B
  • input.border#ffffff15
  • input.foreground#F6FBFF
  • input.placeholderForeground#F6FBFF60
  • list.activeSelectionBackground#1267D830
  • list.activeSelectionForeground#F6FBFF
  • list.highlightForeground#1267D8
  • list.hoverBackground#071A2B40
  • list.hoverForeground#F6FBFF
  • list.inactiveSelectionBackground#1267D815
  • list.inactiveSelectionForeground#F6FBFF
  • selection.background#073B7535
  • sideBar.background#071A2B
  • sideBar.border#ffffff15
  • sideBar.foreground#F6FBFF
  • sideBarSectionHeader.background#071A2B80
  • sideBarSectionHeader.foreground#F6FBFF
  • sideBarTitle.foreground#1267D8
  • statusBar.background#071A2B
  • statusBar.border#ffffff15
  • statusBar.foreground#F6FBFF
  • statusBar.noFolderBackground#071A2B
  • tab.activeBackground#071A2B
  • tab.activeBorderTop#1267D8
  • tab.activeForeground#F6FBFF
  • tab.border#ffffff15
  • tab.inactiveBackground#071A2B60
  • tab.inactiveForeground#F6FBFF80
  • terminal.ansiBlack#071A2B
  • terminal.ansiBlue#073B75
  • terminal.ansiCyan#24D8FF
  • terminal.ansiGreen#1267D8
  • terminal.ansiMagenta#A7F3E4
  • terminal.ansiRed#A7F3E4
  • terminal.ansiWhite#F6FBFF
  • terminal.ansiYellow#24D8FF
  • terminal.background#071A2B
  • terminal.foreground#F6FBFF
  • titleBar.activeBackground#071A2B
  • titleBar.activeForeground#F6FBFF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#071A2B
  • titleBar.inactiveForeground#F6FBFF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6F0F7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#073B75bold
storage.type, storage.modifier#073B75italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1267D8
string, punctuation.definition.string, string.template, meta.template.expression#24D8FF
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A7F3E4
variable, variable.other.readwrite, variable.other.object#F6FBFF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F6FBFF
variable.parameter, meta.parameter#F6FBFFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F6FBFF80
keyword.operator#F6FBFF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#24D8FFbold
entity.other.inherited-class#1267D8
entity.name.tag, punctuation.definition.tag#073B75
entity.other.attribute-name#1267D8
meta.diff, meta.diff.header#E6F0F7
markup.deleted#A7F3E4
markup.inserted#1267D8
markup.changed#24D8FF
markup.heading, markup.heading.setext, punctuation.definition.heading#1267D8bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#24D8FF
string.other.link.title, string.other.link.description#1267D8
markup.underline.link#E6F0F7underline
punctuation.definition.list#073B75
markup.quote, punctuation.definition.quote#E6F0F7italic