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#0D1516
  • activityBar.border#ffffff15
  • activityBar.foreground#67C9E9
  • activityBar.inactiveForeground#fbfaf560
  • activityBarBadge.background#67C9E9
  • activityBarBadge.foreground#0D1516
  • button.background#67C9E9
  • button.foreground#0D1516
  • button.hoverBackground#67C9E9dd
  • editor.background#0D1516
  • editor.foreground#fbfaf5
  • editor.inactiveSelectionBackground#ECC2793580
  • editor.lineHighlightBackground#16202240
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC27935
  • editorCursor.foreground#67C9E9
  • editorGroupHeader.tabsBackground#0D1516dd
  • editorLineNumber.activeForeground#67C9E9
  • editorLineNumber.foreground#c8c8c080
  • focusBorder#67C9E9
  • foreground#fbfaf5
  • input.background#162022
  • input.border#ffffff15
  • input.foreground#fbfaf5
  • input.placeholderForeground#fbfaf560
  • list.activeSelectionBackground#67C9E930
  • list.activeSelectionForeground#fbfaf5
  • list.highlightForeground#67C9E9
  • list.hoverBackground#16202240
  • list.hoverForeground#fbfaf5
  • list.inactiveSelectionBackground#67C9E915
  • list.inactiveSelectionForeground#fbfaf5
  • selection.background#ECC27935
  • sideBar.background#162022
  • sideBar.border#ffffff15
  • sideBar.foreground#fbfaf5
  • sideBarSectionHeader.background#0D151680
  • sideBarSectionHeader.foreground#fbfaf5
  • sideBarTitle.foreground#67C9E9
  • statusBar.background#0D1516
  • statusBar.border#ffffff15
  • statusBar.foreground#fbfaf5
  • statusBar.noFolderBackground#0D1516
  • tab.activeBackground#0D1516
  • tab.activeBorderTop#67C9E9
  • tab.activeForeground#fbfaf5
  • tab.border#ffffff15
  • tab.inactiveBackground#16202260
  • tab.inactiveForeground#fbfaf580
  • terminal.ansiBlack#0D1516
  • terminal.ansiBlue#ECC279
  • terminal.ansiCyan#55D1E7
  • terminal.ansiGreen#67C9E9
  • terminal.ansiMagenta#F1B183
  • terminal.ansiRed#F1B183
  • terminal.ansiWhite#fbfaf5
  • terminal.ansiYellow#55D1E7
  • terminal.background#0D1516
  • terminal.foreground#fbfaf5
  • titleBar.activeBackground#0D1516
  • titleBar.activeForeground#fbfaf5
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0D1516
  • titleBar.inactiveForeground#fbfaf560
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c8c8c0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC279bold
storage.type, storage.modifier#ECC279italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67C9E9
string, punctuation.definition.string, string.template, meta.template.expression#55D1E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1B183
variable, variable.other.readwrite, variable.other.object#fbfaf5
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fbfaf5
variable.parameter, meta.parameter#fbfaf5dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fbfaf580
keyword.operator#fbfaf5
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55D1E7bold
entity.other.inherited-class#67C9E9
entity.name.tag, punctuation.definition.tag#ECC279
entity.other.attribute-name#67C9E9
meta.diff, meta.diff.header#c8c8c0
markup.deleted#F1B183
markup.inserted#67C9E9
markup.changed#55D1E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67C9E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55D1E7
string.other.link.title, string.other.link.description#67C9E9
markup.underline.link#c8c8c0underline
punctuation.definition.list#ECC279
markup.quote, punctuation.definition.quote#c8c8c0italic