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#1E2929
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9E7
  • activityBar.inactiveForeground#f7f4ea60
  • activityBarBadge.background#67E9E7
  • activityBarBadge.foreground#1E2929
  • button.background#67E9E7
  • button.foreground#1E2929
  • button.hoverBackground#67E9E7dd
  • editor.background#1E2929
  • editor.foreground#f7f4ea
  • editor.inactiveSelectionBackground#79ECE03580
  • editor.lineHighlightBackground#0A151440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECE035
  • editorCursor.foreground#67E9E7
  • editorGroupHeader.tabsBackground#1E2929dd
  • editorLineNumber.activeForeground#67E9E7
  • editorLineNumber.foreground#c9d2cf80
  • focusBorder#67E9E7
  • foreground#f7f4ea
  • input.background#0A1514
  • input.border#ffffff15
  • input.foreground#f7f4ea
  • input.placeholderForeground#f7f4ea60
  • list.activeSelectionBackground#67E9E730
  • list.activeSelectionForeground#f7f4ea
  • list.highlightForeground#67E9E7
  • list.hoverBackground#0A151440
  • list.hoverForeground#f7f4ea
  • list.inactiveSelectionBackground#67E9E715
  • list.inactiveSelectionForeground#f7f4ea
  • selection.background#79ECE035
  • sideBar.background#0A1514
  • sideBar.border#ffffff15
  • sideBar.foreground#f7f4ea
  • sideBarSectionHeader.background#1E292980
  • sideBarSectionHeader.foreground#f7f4ea
  • sideBarTitle.foreground#67E9E7
  • statusBar.background#1E2929
  • statusBar.border#ffffff15
  • statusBar.foreground#f7f4ea
  • statusBar.noFolderBackground#1E2929
  • tab.activeBackground#1E2929
  • tab.activeBorderTop#67E9E7
  • tab.activeForeground#f7f4ea
  • tab.border#ffffff15
  • tab.inactiveBackground#0A151460
  • tab.inactiveForeground#f7f4ea80
  • terminal.ansiBlack#1E2929
  • terminal.ansiBlue#79ECE0
  • terminal.ansiCyan#E78855
  • terminal.ansiGreen#67E9E7
  • terminal.ansiMagenta#D6F183
  • terminal.ansiRed#D6F183
  • terminal.ansiWhite#f7f4ea
  • terminal.ansiYellow#E78855
  • terminal.background#1E2929
  • terminal.foreground#f7f4ea
  • titleBar.activeBackground#1E2929
  • titleBar.activeForeground#f7f4ea
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1E2929
  • titleBar.inactiveForeground#f7f4ea60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c9d2cfitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECE0bold
storage.type, storage.modifier#79ECE0italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9E7
string, punctuation.definition.string, string.template, meta.template.expression#E78855
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D6F183
variable, variable.other.readwrite, variable.other.object#f7f4ea
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7f4ea
variable.parameter, meta.parameter#f7f4eadditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7f4ea80
keyword.operator#f7f4ea
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E78855bold
entity.other.inherited-class#67E9E7
entity.name.tag, punctuation.definition.tag#79ECE0
entity.other.attribute-name#67E9E7
meta.diff, meta.diff.header#c9d2cf
markup.deleted#D6F183
markup.inserted#67E9E7
markup.changed#E78855
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9E7bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E78855
string.other.link.title, string.other.link.description#67E9E7
markup.underline.link#c9d2cfunderline
punctuation.definition.list#79ECE0
markup.quote, punctuation.definition.quote#c9d2cfitalic