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#1D3533
  • activityBar.border#ffffff15
  • activityBar.foreground#D1E967
  • activityBar.inactiveForeground#F7FAF860
  • activityBarBadge.background#D1E967
  • activityBarBadge.foreground#1D3533
  • button.background#D1E967
  • button.foreground#1D3533
  • button.hoverBackground#D1E967dd
  • editor.background#1D3533
  • editor.foreground#F7FAF8
  • editor.inactiveSelectionBackground#79E4EC3580
  • editor.lineHighlightBackground#090F1140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79E4EC35
  • editorCursor.foreground#D1E967
  • editorGroupHeader.tabsBackground#1D3533dd
  • editorLineNumber.activeForeground#D1E967
  • editorLineNumber.foreground#47523A80
  • focusBorder#D1E967
  • foreground#F7FAF8
  • input.background#090F11
  • input.border#ffffff15
  • input.foreground#F7FAF8
  • input.placeholderForeground#F7FAF860
  • list.activeSelectionBackground#D1E96730
  • list.activeSelectionForeground#F7FAF8
  • list.highlightForeground#D1E967
  • list.hoverBackground#090F1140
  • list.hoverForeground#F7FAF8
  • list.inactiveSelectionBackground#D1E96715
  • list.inactiveSelectionForeground#F7FAF8
  • selection.background#79E4EC35
  • sideBar.background#090F11
  • sideBar.border#ffffff15
  • sideBar.foreground#F7FAF8
  • sideBarSectionHeader.background#1D353380
  • sideBarSectionHeader.foreground#F7FAF8
  • sideBarTitle.foreground#D1E967
  • statusBar.background#1D3533
  • statusBar.border#ffffff15
  • statusBar.foreground#F7FAF8
  • statusBar.noFolderBackground#1D3533
  • tab.activeBackground#1D3533
  • tab.activeBorderTop#D1E967
  • tab.activeForeground#F7FAF8
  • tab.border#ffffff15
  • tab.inactiveBackground#090F1160
  • tab.inactiveForeground#F7FAF880
  • terminal.ansiBlack#1D3533
  • terminal.ansiBlue#79E4EC
  • terminal.ansiCyan#55E7DD
  • terminal.ansiGreen#D1E967
  • terminal.ansiMagenta#F1DD83
  • terminal.ansiRed#F1DD83
  • terminal.ansiWhite#F7FAF8
  • terminal.ansiYellow#55E7DD
  • terminal.background#1D3533
  • terminal.foreground#F7FAF8
  • titleBar.activeBackground#1D3533
  • titleBar.activeForeground#F7FAF8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1D3533
  • titleBar.inactiveForeground#F7FAF860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#47523Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79E4ECbold
storage.type, storage.modifier#79E4ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D1E967
string, punctuation.definition.string, string.template, meta.template.expression#55E7DD
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1DD83
variable, variable.other.readwrite, variable.other.object#F7FAF8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7FAF8
variable.parameter, meta.parameter#F7FAF8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7FAF880
keyword.operator#F7FAF8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7DDbold
entity.other.inherited-class#D1E967
entity.name.tag, punctuation.definition.tag#79E4EC
entity.other.attribute-name#D1E967
meta.diff, meta.diff.header#47523A
markup.deleted#F1DD83
markup.inserted#D1E967
markup.changed#55E7DD
markup.heading, markup.heading.setext, punctuation.definition.heading#D1E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7DD
string.other.link.title, string.other.link.description#D1E967
markup.underline.link#47523Aunderline
punctuation.definition.list#79E4EC
markup.quote, punctuation.definition.quote#47523Aitalic