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#1f1f1f
  • activityBarBadge.background#00ffff
  • breadcrumb.activeSelectionForeground#00ffff
  • editor.background#121212
  • editor.foreground#f0f0f0
  • editor.selectionBackground#00ffff40
  • editorSuggestWidget.highlightForeground#00ffff
  • editorWidget.border#00ffff
  • editorWidget.resizeBorder#00ffff
  • list.activeSelectionForeground#00ffff
  • list.highlightForeground#00ffff
  • list.inactiveSelectionForeground#00ffff
  • menu.selectionForeground#00ffff
  • menubar.selectionForeground#00ffff
  • notificationLink.foreground#00ffff
  • panelTitle.activeBorder#00ffff
  • pickerGroup.foreground#00ffff
  • progressBar.background#00ffff
  • scrollbarSlider.activeBackground#00ffff50
  • settings.headerForeground#00ffff
  • settings.modifiedItemIndicator#00ffff
  • sideBar.background#1a1a1a
  • sideBarTitle.foreground#00ffff
  • statusBarItem.remoteBackground#00ffff
  • tab.activeBorder#00ffff
  • textLink.foreground#00ffff
  • titleBar.activeBackground#1f1f1f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4a4a4aitalic
variable, string constant.other.placeholder#FFFFFF
constant.other.color#ffffff
invalid, invalid.illegal#FF5370
keyword, storage.type, storage.modifier#FF1493
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#00ffff
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#ff6b6b
entity.other.attribute-name.class.css, entity.other.attribute-name.class.js#feca57
meta.attribute-selector.css, string.quoted.double.js, string.quoted.single.js#54a0ff
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#66d9ef
support.other.variable, string.other.link#f07178
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#f78c6c
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#00ffff
Electric Night by SreeSen - VS Code Theme