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.languageitalic
invalid, storage.type.function.arrow
OTL Theme by Talasan Nicholson - VS Code Theme