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#67E9C9
  • activityBar.inactiveForeground#F7FAF960
  • activityBarBadge.background#67E9C9
  • activityBarBadge.foreground#2C3849
  • button.background#67E9C9
  • button.foreground#2C3849
  • button.hoverBackground#67E9C9dd
  • editor.background#2C3849
  • editor.foreground#F7FAF9
  • editor.inactiveSelectionBackground#79ECE83580
  • editor.lineHighlightBackground#090E1A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECE835
  • editorCursor.foreground#67E9C9
  • editorGroupHeader.tabsBackground#2C3849dd
  • editorLineNumber.activeForeground#67E9C9
  • editorLineNumber.foreground#E5E7EB80
  • focusBorder#67E9C9
  • foreground#F7FAF9
  • input.background#090E1A
  • input.border#ffffff15
  • input.foreground#F7FAF9
  • input.placeholderForeground#F7FAF960
  • list.activeSelectionBackground#67E9C930
  • list.activeSelectionForeground#F7FAF9
  • list.highlightForeground#67E9C9
  • list.hoverBackground#090E1A40
  • list.hoverForeground#F7FAF9
  • list.inactiveSelectionBackground#67E9C915
  • list.inactiveSelectionForeground#F7FAF9
  • selection.background#79ECE835
  • sideBar.background#090E1A
  • sideBar.border#ffffff15
  • sideBar.foreground#F7FAF9
  • sideBarSectionHeader.background#2C384980
  • sideBarSectionHeader.foreground#F7FAF9
  • sideBarTitle.foreground#67E9C9
  • statusBar.background#2C3849
  • statusBar.border#ffffff15
  • statusBar.foreground#F7FAF9
  • statusBar.noFolderBackground#2C3849
  • tab.activeBackground#2C3849
  • tab.activeBorderTop#67E9C9
  • tab.activeForeground#F7FAF9
  • tab.border#ffffff15
  • tab.inactiveBackground#090E1A60
  • tab.inactiveForeground#F7FAF980
  • terminal.ansiBlack#2C3849
  • terminal.ansiBlue#79ECE8
  • terminal.ansiCyan#E75575
  • terminal.ansiGreen#67E9C9
  • terminal.ansiMagenta#83F1AB
  • terminal.ansiRed#83F1AB
  • terminal.ansiWhite#F7FAF9
  • terminal.ansiYellow#E75575
  • terminal.background#2C3849
  • terminal.foreground#F7FAF9
  • titleBar.activeBackground#2C3849
  • titleBar.activeForeground#F7FAF9
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2C3849
  • titleBar.inactiveForeground#F7FAF960
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E5E7EBitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECE8bold
storage.type, storage.modifier#79ECE8italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9C9
string, punctuation.definition.string, string.template, meta.template.expression#E75575
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1AB
variable, variable.other.readwrite, variable.other.object#F7FAF9
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7FAF9
variable.parameter, meta.parameter#F7FAF9dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7FAF980
keyword.operator#F7FAF9
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E75575bold
entity.other.inherited-class#67E9C9
entity.name.tag, punctuation.definition.tag#79ECE8
entity.other.attribute-name#67E9C9
meta.diff, meta.diff.header#E5E7EB
markup.deleted#83F1AB
markup.inserted#67E9C9
markup.changed#E75575
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9C9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E75575
string.other.link.title, string.other.link.description#67E9C9
markup.underline.link#E5E7EBunderline
punctuation.definition.list#79ECE8
markup.quote, punctuation.definition.quote#E5E7EBitalic