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#050000
  • activityBar.inactiveForeground#410000
  • activityBarBadge.background#ff0000
  • dropdown.background#050000
  • dropdown.border#200000
  • editor.background#050000
  • editor.lineHighlightBackground#410000
  • editorGroup.border#410000
  • editorGroupHeader.tabsBackground#050000
  • editorHoverWidget.background#410000
  • editorHoverWidget.border#410000
  • editorIndentGuide.background#410000
  • editorInlayHint.background#410000
  • editorLineNumber.activeForeground#ffafaf
  • editorLineNumber.foreground#410000
  • editorSuggestWidget.background#410000
  • editorSuggestWidget.border#410000
  • editorWidget.background#410000
  • focusBorder#200000
  • foreground#ddd
  • input.background#050000
  • list.activeSelectionBackground#410000
  • list.hoverBackground#200000
  • list.inactiveSelectionBackground#200000
  • panel.border#410000
  • peekViewEditor.background#050000
  • progressBar.background#ffafaf
  • scrollbarSlider.activeBackground#410000
  • scrollbarSlider.background#410000
  • scrollbarSlider.hoverBackground#410000
  • selection.background#ffafaf
  • sideBar.background#050000
  • sideBar.border#200000
  • sideBarSectionHeader.background#410000
  • statusBar.background#050000
  • statusBar.noFolderBackground#050000
  • tab.activeBackground#410000
  • tab.activeBorder#ff0000
  • tab.border#050000
  • tab.inactiveBackground#050000
  • titleBar.activeBackground#050000
  • titleBar.inactiveBackground#050000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#fff—
comment, string.comment, punctuation.definition.comment, string.quoted.docstring.multi, string.quoted.docstring.multi storage.type.string#555
string#9AA83A
string source#D08442
constant.numeric#6089B4
constant.language#959700
constant.character, constant.other#959700
keyword#6089B4
support#C7444A
storage#63007c
entity.name.class, entity.name.type#ff66009b
entity.other.inherited-class#c7444b9a
entity.name.function#CE6700
variable.parameter#6089B4
entity.name.tag#73118b
entity.other.attribute-name#9872A2
support.function#70018b
keyword#002ab4
variable.other, variable.js, punctuation.separator.variable#6089B4
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#008200
invalid#FF0B00
variable.other.php, variable.other.normal#6089B4
meta.function-call.object#550023
variable.other.property#4c005f
keyword.control#8c00af
meta.tag#D0B344
entity.name.tag#6089B4
meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype#9AA83A
meta.tag.inline source, text.html.php.source#9AA83A
meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html#9872A2
entity.other.attribute-name, meta.tag punctuation.definition.string#D0B344
meta.tag string -source -punctuation, text source text meta.tag string -punctuation#6089B4
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#D0B344
meta.toc-list.id#9AA83A—
string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html#9AA83A
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end#6089B4
meta.selector.css entity.other.attribute-name.id#9872A2
support.type.property-name.css#676867
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#C7444A
variable.language.js#CC555A—
punctuation.definition.template-expression, punctuation.section.embedded.coffee#D08442—
meta.template.expression#C5C8C6—
meta.function-call.object.php#D0B344
punctuation.definition.string.end.php, punctuation.definition.string.begin.php#9AA83A—
source.php.embedded.line.html#676867—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#D08442
constant.other.symbol.python#9AA83A
variable.language.python#D0B344
keyword.other.special-method.python#D9B700
punctuation.section.embedded.begin.python, punctuation.section.embedded.end.python#D08442—
keyword.other.DML.sql#D0B344
meta.diff, meta.diff.header#E0EDDDitalic
markup.deleted#dc322f
markup.changed#cb4b16
markup.inserted#219186—
markup.quote#9872A2—
markup.list#9AA83A—
markup.bold, markup.italic#6089B4—
markup.inline.raw#FF0080
markup.heading#D0B344—
markup.heading.setext#D0B344
token.info-token#6796e6—
token.warn-token#cd9731—
token.error-token#f44747—
token.debug-token#b267e6—
variable.language#44c744—