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#070808
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9E9
  • activityBar.inactiveForeground#f4f5f160
  • activityBarBadge.background#67E9E9
  • activityBarBadge.foreground#070808
  • button.background#67E9E9
  • button.foreground#070808
  • button.hoverBackground#67E9E9dd
  • editor.background#070808
  • editor.foreground#f4f5f1
  • editor.inactiveSelectionBackground#79EC793580
  • editor.lineHighlightBackground#0E101040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EC7935
  • editorCursor.foreground#67E9E9
  • editorGroupHeader.tabsBackground#070808dd
  • editorLineNumber.activeForeground#67E9E9
  • editorLineNumber.foreground#d9ddd980
  • focusBorder#67E9E9
  • foreground#f4f5f1
  • input.background#0E1010
  • input.border#ffffff15
  • input.foreground#f4f5f1
  • input.placeholderForeground#f4f5f160
  • list.activeSelectionBackground#67E9E930
  • list.activeSelectionForeground#f4f5f1
  • list.highlightForeground#67E9E9
  • list.hoverBackground#0E101040
  • list.hoverForeground#f4f5f1
  • list.inactiveSelectionBackground#67E9E915
  • list.inactiveSelectionForeground#f4f5f1
  • selection.background#79EC7935
  • sideBar.background#0E1010
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f5f1
  • sideBarSectionHeader.background#07080880
  • sideBarSectionHeader.foreground#f4f5f1
  • sideBarTitle.foreground#67E9E9
  • statusBar.background#070808
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f5f1
  • statusBar.noFolderBackground#070808
  • tab.activeBackground#070808
  • tab.activeBorderTop#67E9E9
  • tab.activeForeground#f4f5f1
  • tab.border#ffffff15
  • tab.inactiveBackground#0E101060
  • tab.inactiveForeground#f4f5f180
  • terminal.ansiBlack#070808
  • terminal.ansiBlue#79EC79
  • terminal.ansiCyan#55E7A3
  • terminal.ansiGreen#67E9E9
  • terminal.ansiMagenta#83F19D
  • terminal.ansiRed#83F19D
  • terminal.ansiWhite#f4f5f1
  • terminal.ansiYellow#55E7A3
  • terminal.background#070808
  • terminal.foreground#f4f5f1
  • titleBar.activeBackground#070808
  • titleBar.activeForeground#f4f5f1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#070808
  • titleBar.inactiveForeground#f4f5f160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d9ddd9italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79EC79bold
storage.type, storage.modifier#79EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9E9
string, punctuation.definition.string, string.template, meta.template.expression#55E7A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F19D
variable, variable.other.readwrite, variable.other.object#f4f5f1
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f5f1
variable.parameter, meta.parameter#f4f5f1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f5f180
keyword.operator#f4f5f1
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7A3bold
entity.other.inherited-class#67E9E9
entity.name.tag, punctuation.definition.tag#79EC79
entity.other.attribute-name#67E9E9
meta.diff, meta.diff.header#d9ddd9
markup.deleted#83F19D
markup.inserted#67E9E9
markup.changed#55E7A3
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7A3
string.other.link.title, string.other.link.description#67E9E9
markup.underline.link#d9ddd9underline
punctuation.definition.list#79EC79
markup.quote, punctuation.definition.quote#d9ddd9italic