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#1E2429
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9E9
  • activityBar.inactiveForeground#F7FAFF60
  • activityBarBadge.background#67E9E9
  • activityBarBadge.foreground#1E2429
  • button.background#67E9E9
  • button.foreground#1E2429
  • button.hoverBackground#67E9E9dd
  • editor.background#1E2429
  • editor.foreground#F7FAFF
  • editor.inactiveSelectionBackground#79D5EC3580
  • editor.lineHighlightBackground#060B0F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79D5EC35
  • editorCursor.foreground#67E9E9
  • editorGroupHeader.tabsBackground#1E2429dd
  • editorLineNumber.activeForeground#67E9E9
  • editorLineNumber.foreground#D8E7F180
  • focusBorder#67E9E9
  • foreground#F7FAFF
  • input.background#060B0F
  • input.border#ffffff15
  • input.foreground#F7FAFF
  • input.placeholderForeground#F7FAFF60
  • list.activeSelectionBackground#67E9E930
  • list.activeSelectionForeground#F7FAFF
  • list.highlightForeground#67E9E9
  • list.hoverBackground#060B0F40
  • list.hoverForeground#F7FAFF
  • list.inactiveSelectionBackground#67E9E915
  • list.inactiveSelectionForeground#F7FAFF
  • selection.background#79D5EC35
  • sideBar.background#060B0F
  • sideBar.border#ffffff15
  • sideBar.foreground#F7FAFF
  • sideBarSectionHeader.background#1E242980
  • sideBarSectionHeader.foreground#F7FAFF
  • sideBarTitle.foreground#67E9E9
  • statusBar.background#1E2429
  • statusBar.border#ffffff15
  • statusBar.foreground#F7FAFF
  • statusBar.noFolderBackground#1E2429
  • tab.activeBackground#1E2429
  • tab.activeBorderTop#67E9E9
  • tab.activeForeground#F7FAFF
  • tab.border#ffffff15
  • tab.inactiveBackground#060B0F60
  • tab.inactiveForeground#F7FAFF80
  • terminal.ansiBlack#1E2429
  • terminal.ansiBlue#79D5EC
  • terminal.ansiCyan#6B55E7
  • terminal.ansiGreen#67E9E9
  • terminal.ansiMagenta#8397F1
  • terminal.ansiRed#8397F1
  • terminal.ansiWhite#F7FAFF
  • terminal.ansiYellow#6B55E7
  • terminal.background#1E2429
  • terminal.foreground#F7FAFF
  • titleBar.activeBackground#1E2429
  • titleBar.activeForeground#F7FAFF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1E2429
  • titleBar.inactiveForeground#F7FAFF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D8E7F1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79D5ECbold
storage.type, storage.modifier#79D5ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9E9
string, punctuation.definition.string, string.template, meta.template.expression#6B55E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8397F1
variable, variable.other.readwrite, variable.other.object#F7FAFF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7FAFF
variable.parameter, meta.parameter#F7FAFFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7FAFF80
keyword.operator#F7FAFF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6B55E7bold
entity.other.inherited-class#67E9E9
entity.name.tag, punctuation.definition.tag#79D5EC
entity.other.attribute-name#67E9E9
meta.diff, meta.diff.header#D8E7F1
markup.deleted#8397F1
markup.inserted#67E9E9
markup.changed#6B55E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6B55E7
string.other.link.title, string.other.link.description#67E9E9
markup.underline.link#D8E7F1underline
punctuation.definition.list#79D5EC
markup.quote, punctuation.definition.quote#D8E7F1italic