Skip to main content
CodingTheme

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.

  • editor.background#222222
  • editor.foreground#CCCCCC
  • editor.lineHighlightBackground#333
  • editor.selectionBackground#364c3b
  • editorCursor.foreground#FFFFFF
  • editorIndentGuide.background#444
  • editorWhitespace.foreground#E5E5B2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#CCCCCC
Handlebars.html_tags#E37222
punctuation.definition.list#949494
comment#7C7C7Citalic
string#F07B3C
constant.numeric#CCC
constant.language#89F5A2
storage.modifier#3aafffbold
storage#22ff99dfitalic
entity.name.function#CCCCCC
support.function#CDB943
entity.name.function.misc#E3E4A9
entity.name.function.predicate#A5DF93
entity.name.function.io#DFB3AC
variable.other.external-symbol#BBDFDD
variable.language, variable.other#3aafff
variable.parameter#49A6D2
keyword#8B6CCF
entity.name.class#B998DFbold
entity.name.structure#22ff99df
entity.name.type#af77a9ee
entity.name.class, entity.name.type.class#ff4377
support.class#CCCCCC
invalid#DFDFD5
string source#3399ffff
entity.name.tag#49a6d2
entity.other.attribute-name#88AED5
sublimelinter.gutter-mark#FFFFFF
sublimelinter.mark.error#D02000
sublimelinter.mark.warning#DDB700
text.html.mt meta.tag.sgml.html meta.tag.sgml.doctype.html, text.html.mt meta.tag.sgml.html meta.tag.sgml.doctype.html entity.name.tag.doctype.html#EEE
text.html.basic meta.tag.structure.any.html punctuation.definition.tag.begin.html, text.html.basic meta.tag.inline.any.html, text.html.basic source.js.embedded.html punctuation.definition.tag.begin.html, text.html.basic meta.tag.structure.any.html, text.html.basic source.js.embedded.html punctuation.definition.tag.html, text.xml meta.tag.no-content.xml punctuation.definition.tag.begin.xml, punctuation.definition.tag.end.html, punctuation.definition.tag.begin.html, text.xml meta.tag.xml punctuation.definition.tag.begin.xml, text.xml meta.tag.xml punctuation.definition.tag.end.xml, text.xml meta.tag.no-content.xml punctuation.definition.tag.end.xml#49A6D2
source.css meta.selector.css, source.css meta.selector.css entity.name.tag.css, source.css meta.selector.css entity.other.attribute-name.class.css#ff9635
source.css meta.property-list.css meta.property-value.css keyword.other.important.css, source.css meta.at-rule.media.css keyword.operator.logic.media.css#08909A
source.css meta.property-list.css meta.property-value.css support.function.misc.css, source.css meta.property-list.css meta.property-value.css constant.numeric.css keyword.other.unit.css, source.css constant.numeric.css keyword.other.unit.css#CCC
source.css meta.property-list.css meta.property-name.css support.type.property-name.css#6aedFF
source.css meta.selector.css entity.other.attribute-name.pseudo-class.css#ccc
source.js keyword.operator.js#cdb943
source.js constant.numeric.js#89F5A2
text.html.markdown meta.block-level.markdown markup.heading.markdown#ff9635
text.html.markdown meta.block-level.markdown markup.raw.block.markdown#BB56B1
text.html.markdown markup.bold.markdown#49A6D2bold
text.html.markdown markup.italic.markdown#aef069italic
text.html.markdown markup.list.unnumbered.markdown punctuation.definition.list_item.markdown#A05ED2
text.html.markdown markup.raw.inline.markdown#888
text.html.markdown meta.dummy.line-break
text.html.markdown string.other.link.title.markdown#297ACC
text.html.markdown markup.underline.link.markdown#3D5B99italic
brackethighlighter.unmatched#ff9635
brackethighlighter.curly#7ACC29
brackethighlighter.round#C466FF
brackethighlighter.square#49A6D2
brackethighlighter.angle#F99157
brackethighlighter.tag#49A6D2
brackethighlighter.quote#ff9635

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Zero Dark Matrix Reloaded by gig3m - VS Code Theme