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#2C3849
  • activityBar.border#ffffff15
  • activityBar.foreground#67C0E9
  • activityBar.inactiveForeground#f6f8f760
  • activityBarBadge.background#67C0E9
  • activityBarBadge.foreground#2C3849
  • button.background#67C0E9
  • button.foreground#2C3849
  • button.hoverBackground#67C0E9dd
  • editor.background#2C3849
  • editor.foreground#f6f8f7
  • editor.inactiveSelectionBackground#79AFEC3580
  • editor.lineHighlightBackground#090E1A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79AFEC35
  • editorCursor.foreground#67C0E9
  • editorGroupHeader.tabsBackground#2C3849dd
  • editorLineNumber.activeForeground#67C0E9
  • editorLineNumber.foreground#9aa3ab80
  • focusBorder#67C0E9
  • foreground#f6f8f7
  • input.background#090E1A
  • input.border#ffffff15
  • input.foreground#f6f8f7
  • input.placeholderForeground#f6f8f760
  • list.activeSelectionBackground#67C0E930
  • list.activeSelectionForeground#f6f8f7
  • list.highlightForeground#67C0E9
  • list.hoverBackground#090E1A40
  • list.hoverForeground#f6f8f7
  • list.inactiveSelectionBackground#67C0E915
  • list.inactiveSelectionForeground#f6f8f7
  • selection.background#79AFEC35
  • sideBar.background#090E1A
  • sideBar.border#ffffff15
  • sideBar.foreground#f6f8f7
  • sideBarSectionHeader.background#2C384980
  • sideBarSectionHeader.foreground#f6f8f7
  • sideBarTitle.foreground#67C0E9
  • statusBar.background#2C3849
  • statusBar.border#ffffff15
  • statusBar.foreground#f6f8f7
  • statusBar.noFolderBackground#2C3849
  • tab.activeBackground#2C3849
  • tab.activeBorderTop#67C0E9
  • tab.activeForeground#f6f8f7
  • tab.border#ffffff15
  • tab.inactiveBackground#090E1A60
  • tab.inactiveForeground#f6f8f780
  • terminal.ansiBlack#2C3849
  • terminal.ansiBlue#79AFEC
  • terminal.ansiCyan#55B6E7
  • terminal.ansiGreen#67C0E9
  • terminal.ansiMagenta#83E4F1
  • terminal.ansiRed#83E4F1
  • terminal.ansiWhite#f6f8f7
  • terminal.ansiYellow#55B6E7
  • terminal.background#2C3849
  • terminal.foreground#f6f8f7
  • titleBar.activeBackground#2C3849
  • titleBar.activeForeground#f6f8f7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2C3849
  • titleBar.inactiveForeground#f6f8f760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9aa3abitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79AFECbold
storage.type, storage.modifier#79AFECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67C0E9
string, punctuation.definition.string, string.template, meta.template.expression#55B6E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83E4F1
variable, variable.other.readwrite, variable.other.object#f6f8f7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f6f8f7
variable.parameter, meta.parameter#f6f8f7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f6f8f780
keyword.operator#f6f8f7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55B6E7bold
entity.other.inherited-class#67C0E9
entity.name.tag, punctuation.definition.tag#79AFEC
entity.other.attribute-name#67C0E9
meta.diff, meta.diff.header#9aa3ab
markup.deleted#83E4F1
markup.inserted#67C0E9
markup.changed#55B6E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67C0E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55B6E7
string.other.link.title, string.other.link.description#67C0E9
markup.underline.link#9aa3abunderline
punctuation.definition.list#79AFEC
markup.quote, punctuation.definition.quote#9aa3abitalic