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#071719
  • activityBar.border#ffffff15
  • activityBar.foreground#0EA5A3
  • activityBar.inactiveForeground#F7F8FA60
  • activityBarBadge.background#0EA5A3
  • activityBarBadge.foreground#071719
  • button.background#0EA5A3
  • button.foreground#071719
  • button.hoverBackground#0EA5A3dd
  • editor.background#071719
  • editor.foreground#F7F8FA
  • editor.inactiveSelectionBackground#6ED1C53580
  • editor.lineHighlightBackground#0F1A1D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6ED1C535
  • editorCursor.foreground#0EA5A3
  • editorGroupHeader.tabsBackground#071719dd
  • editorLineNumber.activeForeground#0EA5A3
  • editorLineNumber.foreground#9BA8AA80
  • focusBorder#0EA5A3
  • foreground#F7F8FA
  • input.background#0F1A1D
  • input.border#ffffff15
  • input.foreground#F7F8FA
  • input.placeholderForeground#F7F8FA60
  • list.activeSelectionBackground#0EA5A330
  • list.activeSelectionForeground#F7F8FA
  • list.highlightForeground#0EA5A3
  • list.hoverBackground#0F1A1D40
  • list.hoverForeground#F7F8FA
  • list.inactiveSelectionBackground#0EA5A315
  • list.inactiveSelectionForeground#F7F8FA
  • selection.background#6ED1C535
  • sideBar.background#0F1A1D
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F8FA
  • sideBarSectionHeader.background#07171980
  • sideBarSectionHeader.foreground#F7F8FA
  • sideBarTitle.foreground#0EA5A3
  • statusBar.background#071719
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F8FA
  • statusBar.noFolderBackground#071719
  • tab.activeBackground#071719
  • tab.activeBorderTop#0EA5A3
  • tab.activeForeground#F7F8FA
  • tab.border#ffffff15
  • tab.inactiveBackground#0F1A1D60
  • tab.inactiveForeground#F7F8FA80
  • terminal.ansiBlack#071719
  • terminal.ansiBlue#6ED1C5
  • terminal.ansiCyan#F4B7C3
  • terminal.ansiGreen#0EA5A3
  • terminal.ansiMagenta#FEFBF7
  • terminal.ansiRed#FEFBF7
  • terminal.ansiWhite#F7F8FA
  • terminal.ansiYellow#F4B7C3
  • terminal.background#071719
  • terminal.foreground#F7F8FA
  • titleBar.activeBackground#071719
  • titleBar.activeForeground#F7F8FA
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#071719
  • titleBar.inactiveForeground#F7F8FA60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9BA8AAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6ED1C5bold
storage.type, storage.modifier#6ED1C5italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0EA5A3
string, punctuation.definition.string, string.template, meta.template.expression#F4B7C3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#FEFBF7
variable, variable.other.readwrite, variable.other.object#F7F8FA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F8FA
variable.parameter, meta.parameter#F7F8FAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F8FA80
keyword.operator#F7F8FA
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#F4B7C3bold
entity.other.inherited-class#0EA5A3
entity.name.tag, punctuation.definition.tag#6ED1C5
entity.other.attribute-name#0EA5A3
meta.diff, meta.diff.header#9BA8AA
markup.deleted#FEFBF7
markup.inserted#0EA5A3
markup.changed#F4B7C3
markup.heading, markup.heading.setext, punctuation.definition.heading#0EA5A3bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#F4B7C3
string.other.link.title, string.other.link.description#0EA5A3
markup.underline.link#9BA8AAunderline
punctuation.definition.list#6ED1C5
markup.quote, punctuation.definition.quote#9BA8AAitalic