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#060909
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9D1
  • activityBar.inactiveForeground#F4F7F660
  • activityBarBadge.background#67E9D1
  • activityBarBadge.foreground#060909
  • button.background#67E9D1
  • button.foreground#060909
  • button.hoverBackground#67E9D1dd
  • editor.background#060909
  • editor.foreground#F4F7F6
  • editor.inactiveSelectionBackground#79D9EC3580
  • editor.lineHighlightBackground#141F1C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79D9EC35
  • editorCursor.foreground#67E9D1
  • editorGroupHeader.tabsBackground#060909dd
  • editorLineNumber.activeForeground#67E9D1
  • editorLineNumber.foreground#68757380
  • focusBorder#67E9D1
  • foreground#F4F7F6
  • input.background#141F1C
  • input.border#ffffff15
  • input.foreground#F4F7F6
  • input.placeholderForeground#F4F7F660
  • list.activeSelectionBackground#67E9D130
  • list.activeSelectionForeground#F4F7F6
  • list.highlightForeground#67E9D1
  • list.hoverBackground#141F1C40
  • list.hoverForeground#F4F7F6
  • list.inactiveSelectionBackground#67E9D115
  • list.inactiveSelectionForeground#F4F7F6
  • selection.background#79D9EC35
  • sideBar.background#141F1C
  • sideBar.border#ffffff15
  • sideBar.foreground#F4F7F6
  • sideBarSectionHeader.background#06090980
  • sideBarSectionHeader.foreground#F4F7F6
  • sideBarTitle.foreground#67E9D1
  • statusBar.background#060909
  • statusBar.border#ffffff15
  • statusBar.foreground#F4F7F6
  • statusBar.noFolderBackground#060909
  • tab.activeBackground#060909
  • tab.activeBorderTop#67E9D1
  • tab.activeForeground#F4F7F6
  • tab.border#ffffff15
  • tab.inactiveBackground#141F1C60
  • tab.inactiveForeground#F4F7F680
  • terminal.ansiBlack#060909
  • terminal.ansiBlue#79D9EC
  • terminal.ansiCyan#E79E55
  • terminal.ansiGreen#67E9D1
  • terminal.ansiMagenta#83F1AA
  • terminal.ansiRed#83F1AA
  • terminal.ansiWhite#F4F7F6
  • terminal.ansiYellow#E79E55
  • terminal.background#060909
  • terminal.foreground#F4F7F6
  • titleBar.activeBackground#060909
  • titleBar.activeForeground#F4F7F6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#060909
  • titleBar.inactiveForeground#F4F7F660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#687573italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79D9ECbold
storage.type, storage.modifier#79D9ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9D1
string, punctuation.definition.string, string.template, meta.template.expression#E79E55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1AA
variable, variable.other.readwrite, variable.other.object#F4F7F6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F4F7F6
variable.parameter, meta.parameter#F4F7F6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F4F7F680
keyword.operator#F4F7F6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E79E55bold
entity.other.inherited-class#67E9D1
entity.name.tag, punctuation.definition.tag#79D9EC
entity.other.attribute-name#67E9D1
meta.diff, meta.diff.header#687573
markup.deleted#83F1AA
markup.inserted#67E9D1
markup.changed#E79E55
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9D1bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E79E55
string.other.link.title, string.other.link.description#67E9D1
markup.underline.link#687573underline
punctuation.definition.list#79D9EC
markup.quote, punctuation.definition.quote#687573italic