Skip to main content
Coding Theme

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#000000
  • activityBar.inactiveForeground#ff0000
  • activityBarBadge.background#000000
  • dropdown.background#050000
  • dropdown.border#ff0000
  • editor.background#050000
  • editor.lineHighlightBackground#3b3434
  • editorGroup.border#ff0000
  • editorGroupHeader.tabsBackground#050000
  • editorHoverWidget.background#ff0000
  • editorHoverWidget.border#ff0000
  • editorIndentGuide.background#ff0000
  • editorLineNumber.activeForeground#3b3434
  • editorLineNumber.foreground#ff0000
  • editorSuggestWidget.background#ff0000
  • editorSuggestWidget.border#ff0000
  • editorWidget.background#ff0000
  • focusBorder#ff0000
  • foreground#ddd
  • input.background#050000
  • list.activeSelectionBackground#ff0000
  • list.hoverBackground#200000
  • list.inactiveSelectionBackground#200000
  • panel.border#ff0000
  • peekViewEditor.background#050000
  • progressBar.background#3b3434
  • scrollbarSlider.activeBackground#ff0000
  • scrollbarSlider.background#ff0000
  • scrollbarSlider.hoverBackground#ff0000
  • selection.background#3b3434
  • sideBar.background#050000
  • sideBar.border#ff0000
  • sideBarSectionHeader.background#ff0000
  • statusBar.background#ff0000
  • statusBar.noFolderBackground#050000
  • tab.activeBackground#ff0000
  • 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#3f852aitalic
string source#a17567italic
constant.numeric#76c747
constant.language#ff0000
constant.character, constant.other#ff0000
keyword#6089B4
support#C7444A
storage#b92424
entity.name.class, entity.name.type#185b99
entity.other.inherited-class#0e1cdb
entity.name.function#af3030
variable.parameter#2020c0
entity.name.tag#a52020
entity.other.attribute-name#691a1a
support.function#bd0d0d
keyword#254291
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#ffffff
variable.other.property#ffffff
keyword.control#ff0000
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#b91818
keyword.other.special-method.python#ff0000
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
henos dark by henos - VS Code Theme