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.activeBackground#212527
  • activityBar.background#0c0f0f
  • activityBar.foreground#c6c1bd
  • activityBar.inactiveForeground#c48bdf
  • activityBarBadge.background#0c0f0f
  • activityBarBadge.foreground#eeeeee
  • editor.background#010a0a
  • editor.foreground#7586bb
  • editor.selectionBackground#273142
  • editorBracketHighlight.foreground1#7586bb
  • editorBracketHighlight.foreground2#c48bdf
  • editorBracketHighlight.foreground3#7586bb
  • editorBracketHighlight.foreground4#c48bdf
  • editorBracketHighlight.foreground5#7586bb
  • editorBracketHighlight.foreground6#c48bdf
  • editorCursor.foreground#7586bb
  • editorGroup.border#645c4f
  • editorHoverWidget.background#0c0f0f
  • editorHoverWidget.border#645c4f
  • editorHoverWidget.foreground#7586bb
  • editorHoverWidget.highlightForeground#9bc7a6
  • editorHoverWidget.statusBarBackground#0c0f0f
  • editorIndentGuide.background1#282e2e
  • editorLineNumber.activeForeground#eeeeee
  • editorLineNumber.foreground#727881
  • editorWhitespace.foreground#282e2e
  • gitDecoration.addedResourceForeground#7586bb
  • gitDecoration.deletedResourceForeground#973e45
  • gitDecoration.modifiedResourceForeground#c48bdf
  • gitDecoration.untrackedResourceForeground#7586bb
  • list.activeSelectionBackground#551075
  • list.activeSelectionForeground#ffffff
  • list.inactiveSelectionBackground#551075
  • menu.background#181b1d
  • menu.foreground#c7b89b
  • menu.selectionBackground#7586bb
  • menu.selectionForeground#000000
  • scrollbarSlider.activeBackground#4e5555
  • scrollbarSlider.background#333a3a
  • scrollbarSlider.hoverBackground#424949
  • sideBar.background#0c0f0f
  • sideBar.border#645c4f
  • sideBar.foreground#c7b89b
  • sideBarTitle.foreground#c7b89b
  • statusBar.background#0c0f0f
  • statusBar.border#645c4f
  • statusBar.debuggingBackground#551075
  • statusBar.foreground#c7b89b
  • tab.activeBackground#010a0a
  • tab.activeForeground#eeeeee
  • tab.border#2f3031
  • tab.inactiveBackground#1a1f1f
  • tab.inactiveForeground#727881
  • terminal.ansiBrightBlack#727881
  • terminal.ansiBrightBlue#5a7bb4
  • terminal.background#0c0f0f
  • terminal.foreground#c6c1bd
  • terminalCursor.background#c6c1bd
  • terminalCursor.foreground#c6c1bd
  • textLink.foreground#7586bb
  • titleBar.activeBackground#0c0f0f
  • titleBar.activeForeground#c7b89b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string#7586bb
comment, punctuation.definition.comment#727881italic
variable, string constant.other.placeholder#c48bdf
keyword, storage.type, storage.modifier#6dccb7
entity.name.type.class, entity.name.type.class.js, entity.name.type.class.ts, entity.name.type.class.php, entity.other.inherited-class#dbc925
text.html.basic, punctuation.definition.tag.html, entity.name.tag.html#c48bdf
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#c48bdf
string.quoted.double.html, string.quoted.single.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html#58a594
entity.other.attribute-name.class.css#c48bdf
entity.other.attribute-name.id.css#c48bdf
entity.name.tag.wildcard.css, meta.selector.css#c48bdf
string.quoted.double.css, string.quoted.single.css, meta.property-value.css string.quoted, support.function.url.css, meta.function.url.css#c48bdf
meta.structure.dictionary.json string.quoted.double.json, meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.dictionary.json meta.structure.dictionary.value.json constant.language.json, meta.structure.dictionary.json meta.structure.dictionary.value.json constant.numeric.json#c48bdf
markup.heading.markdown, punctuation.definition.heading.markdown, entity.name.section.markdown#c48bdf
text.plain, text#7586bb
text.log, source.log#c6c1bd
IT-R Color Theme Midnight Runner by IT-R - VS Code Theme