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#0f1f17
  • activityBar.border#ffffff15
  • activityBar.foreground#ffd100
  • activityBar.inactiveForeground#fff7e660
  • activityBarBadge.background#ffd100
  • activityBarBadge.foreground#0f1f17
  • button.background#ffd100
  • button.foreground#0f1f17
  • button.hoverBackground#ffd100dd
  • editor.background#0f1f17
  • editor.foreground#fff7e6
  • editor.inactiveSelectionBackground#008ca53580
  • editor.lineHighlightBackground#0b0d0e40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#008ca535
  • editorCursor.foreground#ffd100
  • editorGroupHeader.tabsBackground#0f1f17dd
  • editorLineNumber.activeForeground#ffd100
  • editorLineNumber.foreground#47523f80
  • focusBorder#ffd100
  • foreground#fff7e6
  • input.background#0b0d0e
  • input.border#ffffff15
  • input.foreground#fff7e6
  • input.placeholderForeground#fff7e660
  • list.activeSelectionBackground#ffd10030
  • list.activeSelectionForeground#fff7e6
  • list.highlightForeground#ffd100
  • list.hoverBackground#0b0d0e40
  • list.hoverForeground#fff7e6
  • list.inactiveSelectionBackground#ffd10015
  • list.inactiveSelectionForeground#fff7e6
  • selection.background#008ca535
  • sideBar.background#0b0d0e
  • sideBar.border#ffffff15
  • sideBar.foreground#fff7e6
  • sideBarSectionHeader.background#0f1f1780
  • sideBarSectionHeader.foreground#fff7e6
  • sideBarTitle.foreground#ffd100
  • statusBar.background#0f1f17
  • statusBar.border#ffffff15
  • statusBar.foreground#fff7e6
  • statusBar.noFolderBackground#0f1f17
  • tab.activeBackground#0f1f17
  • tab.activeBorderTop#ffd100
  • tab.activeForeground#fff7e6
  • tab.border#ffffff15
  • tab.inactiveBackground#0b0d0e60
  • tab.inactiveForeground#fff7e680
  • terminal.ansiBlack#0f1f17
  • terminal.ansiBlue#008ca5
  • terminal.ansiCyan#ff8a00
  • terminal.ansiGreen#ffd100
  • terminal.ansiMagenta#5faf3a
  • terminal.ansiRed#5faf3a
  • terminal.ansiWhite#fff7e6
  • terminal.ansiYellow#ff8a00
  • terminal.background#0f1f17
  • terminal.foreground#fff7e6
  • titleBar.activeBackground#0f1f17
  • titleBar.activeForeground#fff7e6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0f1f17
  • titleBar.inactiveForeground#fff7e660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#47523fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#008ca5bold
storage.type, storage.modifier#008ca5italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#ffd100
string, punctuation.definition.string, string.template, meta.template.expression#ff8a00
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#5faf3a
variable, variable.other.readwrite, variable.other.object#fff7e6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff7e6
variable.parameter, meta.parameter#fff7e6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff7e680
keyword.operator#fff7e6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#ff8a00bold
entity.other.inherited-class#ffd100
entity.name.tag, punctuation.definition.tag#008ca5
entity.other.attribute-name#ffd100
meta.diff, meta.diff.header#47523f
markup.deleted#5faf3a
markup.inserted#ffd100
markup.changed#ff8a00
markup.heading, markup.heading.setext, punctuation.definition.heading#ffd100bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#ff8a00
string.other.link.title, string.other.link.description#ffd100
markup.underline.link#47523funderline
punctuation.definition.list#008ca5
markup.quote, punctuation.definition.quote#47523fitalic