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#111
  • dropdown.background#111
  • editor.background#000080
  • editorGroupHeader.tabsBackground#111
  • input.background#111
  • list.activeSelectionBackground#000080
  • list.activeSelectionForeground#ccc
  • list.errorForeground#f76e6e
  • list.hoverBackground#000080
  • list.hoverForeground#ccc
  • list.inactiveSelectionBackground#000080
  • list.inactiveSelectionForeground#ccc
  • list.warningForeground#d15dcf
  • sideBar.background#111
  • sideBar.border#111
  • statusBar.background#111
  • statusBar.border#111
  • tab.activeBackground#000080
  • tab.activeBorder#2497E3
  • tab.border#000080
  • tab.inactiveBackground#111
  • terminal.background#000080

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#D4D4D4—
punctuation - (punctuation.definition.string || punctuation.definition.comment)#55ff55—
constant#55ffff—
entity#55ffff—
keyword#ff55ff—
storage#ff55ff—
string -string.unquoted.old-plist -string.unquoted.heredoc, string.unquoted.heredoc string#00bb00—
comment#bbbb00italic
support#55ffff—
variable, source.glsl#55ff55—
variable.language#55ff55—
meta.function-call, support.function#55ffff—
invalid#F8F8F8—
text source, string.unquoted.heredoc, source source#ffffff—
entity.other.inherited-class#ffffffitalic
string.quoted source#ffffff—
string constant#ffffff—
string.regexp#00bb00—
string variable#ff0000—
support.function#ffff55—
support.constant#ffffff—
support.type.exception#ff0000—
meta.preprocessor.c#ffffff—
meta.preprocessor.c keyword#ffffff—
meta.sgml.html meta.doctype, meta.sgml.html meta.doctype entity, meta.sgml.html meta.doctype string, meta.xml-processing, meta.xml-processing entity, meta.xml-processing string#00ff00—
meta.tag, meta.tag entity#ffffff—
meta.selector.css entity.name.tag#ffffff—
meta.selector.css entity.other.attribute-name.id#55ffff—
meta.selector.css entity.other.attribute-name.class#55ffff—
support.type.property-name.css#bbbbbb—
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#ffffff—
meta.preprocessor.at-rule keyword.control.at-rule#ff55ff—
meta.property-value support.constant.named-color.css, meta.property-value constant#55ff55—
meta.constructor.argument.css#ff0000—
meta.diff, meta.diff.header#ffffff—
markup.deleted#F8F8F8—
markup.changed#F8F8F8—
markup.inserted#F8F8F8—
markup.raw——
markup.quote——
markup.list——
markup.bold#55ffffbold
markup.italic#55ffffitalic
markup.heading#55ffffbold
punctuation.definition.template-expression.end, punctuation.definition.template-expression.begin, comment, constant, emphasis, entity.name.function, entity.name.type.class, entity.other.attribute-name, entity.other.inherited-class, keyword, markup.italic, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, storage.type.class.js, storage, variable.language—italic
invalid, storage.type.function.arrow—
OTL Theme by Talasan Nicholson - VS Code Theme