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#061119
  • activityBar.border#ffffff15
  • activityBar.foreground#67DAE9
  • activityBar.inactiveForeground#F3F8F760
  • activityBarBadge.background#67DAE9
  • activityBarBadge.foreground#061119
  • button.background#67DAE9
  • button.foreground#061119
  • button.hoverBackground#67DAE9dd
  • editor.background#061119
  • editor.foreground#F3F8F7
  • editor.inactiveSelectionBackground#79D1EC3580
  • editor.lineHighlightBackground#030C1140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79D1EC35
  • editorCursor.foreground#67DAE9
  • editorGroupHeader.tabsBackground#061119dd
  • editorLineNumber.activeForeground#67DAE9
  • editorLineNumber.foreground#E6EBEF80
  • focusBorder#67DAE9
  • foreground#F3F8F7
  • input.background#030C11
  • input.border#ffffff15
  • input.foreground#F3F8F7
  • input.placeholderForeground#F3F8F760
  • list.activeSelectionBackground#67DAE930
  • list.activeSelectionForeground#F3F8F7
  • list.highlightForeground#67DAE9
  • list.hoverBackground#030C1140
  • list.hoverForeground#F3F8F7
  • list.inactiveSelectionBackground#67DAE915
  • list.inactiveSelectionForeground#F3F8F7
  • selection.background#79D1EC35
  • sideBar.background#030C11
  • sideBar.border#ffffff15
  • sideBar.foreground#F3F8F7
  • sideBarSectionHeader.background#06111980
  • sideBarSectionHeader.foreground#F3F8F7
  • sideBarTitle.foreground#67DAE9
  • statusBar.background#061119
  • statusBar.border#ffffff15
  • statusBar.foreground#F3F8F7
  • statusBar.noFolderBackground#061119
  • tab.activeBackground#061119
  • tab.activeBorderTop#67DAE9
  • tab.activeForeground#F3F8F7
  • tab.border#ffffff15
  • tab.inactiveBackground#030C1160
  • tab.inactiveForeground#F3F8F780
  • terminal.ansiBlack#061119
  • terminal.ansiBlue#79D1EC
  • terminal.ansiCyan#55E7B4
  • terminal.ansiGreen#67DAE9
  • terminal.ansiMagenta#F18A83
  • terminal.ansiRed#F18A83
  • terminal.ansiWhite#F3F8F7
  • terminal.ansiYellow#55E7B4
  • terminal.background#061119
  • terminal.foreground#F3F8F7
  • titleBar.activeBackground#061119
  • titleBar.activeForeground#F3F8F7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#061119
  • titleBar.inactiveForeground#F3F8F760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6EBEFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79D1ECbold
storage.type, storage.modifier#79D1ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67DAE9
string, punctuation.definition.string, string.template, meta.template.expression#55E7B4
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F18A83
variable, variable.other.readwrite, variable.other.object#F3F8F7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F3F8F7
variable.parameter, meta.parameter#F3F8F7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F3F8F780
keyword.operator#F3F8F7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7B4bold
entity.other.inherited-class#67DAE9
entity.name.tag, punctuation.definition.tag#79D1EC
entity.other.attribute-name#67DAE9
meta.diff, meta.diff.header#E6EBEF
markup.deleted#F18A83
markup.inserted#67DAE9
markup.changed#55E7B4
markup.heading, markup.heading.setext, punctuation.definition.heading#67DAE9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7B4
string.other.link.title, string.other.link.description#67DAE9
markup.underline.link#E6EBEFunderline
punctuation.definition.list#79D1EC
markup.quote, punctuation.definition.quote#E6EBEFitalic